body {font-family: 'Nunito', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;text-rendering: optimizeLegibility;}
.hide{display:none !important;}
.pointer{cursor:pointer;}
.fs-12{font-size:12px;}
.text-theme{color: #FF8040;}
.dark-mode {--primary-color: #121212; --text-color: #FFFFFD;color:#f96065;}
a {-webkit-tap-highlight-color: transparent;}
.print-next-btn a {background: #FF8040;}
.shapes {color: #FF8040;background: radial-gradient(11.2px, currentColor 94%, #0000);}
.form-group input::placeholder {font-size: 12px;}
.mb-3 {margin-top: 1rem;margin-bottom: 1rem;}

/* home */
.chatbot-box{text-align:center; font-size:14px; border:#FF804080 1px solid; border-radius:5px; box-shadow: 3px 3px 6px #FF804033;}
.chatbot-box:hover{background:#FF80404D;}
.chatbot-list{margin:10px 5px;}
.chatbot-list .chatbot-box .chatbot-image img{height: auto;width: -webkit-fill-available;border-radius: 5px 5px 0 0;margin-bottom:5px;opacity:0.95;}
.chatbot-list .chatbot-box .chatbot-name {font-weight: 600;} 
.chatbot-list .chatbot-box .chatbot-name{line-height:20px; color:#000;}
.chatbot-list .chatbot-box .chatbot-username{color:#999; font-size:10px; margin-bottom:5px;}
.chatbot-list .chatbot-box .chatbot-intro{color:#444; font-size:11px; height:46px; overflow:hidden; text-overflow: ellipsis;padding: 0 6px 6px 6px;line-height: 1.3;}
.dark-mode .chatbot-box {background-color: #41081b;border: #41081b 1px solid;box-shadow:none;}
.dark-mode .chatbot-list .chatbot-box .chatbot-name{color:#F1EEC5;}
.dark-mode .chatbot-list .chatbot-box .chatbot-intro{color:#F1EEC5CC;}
.dark-mode .chatbot-list .chatbot-box .chatbot-username{color:#F1EEC580;}
.character-filter-icon{margin-right:10px; margin-top:7px;opacity: 0.85;}
.character-filter-icon i{font-size:18px;}
.notification-bell-main {opacity: 0.85;}
.step_hint{font-size:14px;margin:10px 20px;text-align:center;}
.create-character-link{font-size:20px; color:#000; margin:80px 0;}
.verify-section-main{padding: 10px 10px 0 10px;border-radius: 0;height: calc(100vh - 60px);}
@media screen and (min-width: 480px) {.Amigo_img_main {justify-content: center;}}
@media screen and (max-width: 479px) {.Amigo_img_main {justify-content: flex-start;}}
.offcanvas.offcanvas-start {width:320px;}
.dark-mode .offcanvas {background:#333;}
.dark-mode .create-character-link{color: #F1EEC5E6;}
.lets_you_in_box {padding: 20px;border-radius: 15px;}
.lets_you_in_box3 {top: 60px;}
.resend-otp {padding-bottom: 5px;}
.tagline {padding: 20px;font-size: medium;font-weight: bold;}
.mychatbox-hearticon{position:absolute; right:18px; cursor:pointer; top:5px; z-index:1;}
.mychatbox-hearticon i{color:#FF8040;}

/* chat */
.message i{color: #9a5757;}
.dark-mode .message i{color: #aeaa78;}
.messages .message{margin:0; max-width:98%;border-radius:12px;background:#FF804033;font-family: 'Nunito', sans-serif;font-size:16px;line-height:1.4;font-weight:500;}
.messages .message.message-personal{margin:0;background:#FF80401a;border-radius:12px;font-size:16px;line-height:1.4;}
.message-list{display:flex; align-items:flex-start; margin: 15px 0 30px 0; width:100%;}
.message-list .avatar img{width:90%; border-radius:8px;}
/*.message-list .avatar-left{margin-right:10px;}
.message-list .avatar-right{margin-left:10px;}*/
.message-list .first{width:15%;}
.message-list .second{width:85%;}
.message-list.right .first{width:85%;}
.message-list.right .second{width:15%; text-align:right;}
.chat-data{text-align:center; font-size:14px;}
.chat-data-image img{width:200px; height:200px; border-radius:10px;}
.chat-data-name{line-height:25px;font-size:18px;font-weight:600;margin-top:5px;}
.chat-data-username{color:#666;font-size:10px;margin:5px 30px;}
.chat-data-intro{color:#000; font-size:12px;}
/*.message-list.left .message{background:#FF80404D;}*/
.dark-mode .chat-data-intro,.dark-mode .chat-data-name{color:#F1EEC5;}
.dark-mode .chat-data-username {color:#F1EEC5b3;}
.dark-mode .message{color:#F1EEC5E6;}
.dark-mode .message .message{background: #FF804066;}
.dark-mode .message-personal{color:#F1EEC5E6;}
.dark-mode .messages .message.message-personal{background:#771133B3;}
.dark-mode .messages .message .timestamp {color: #F1EEC566;}
.messages .message .timestamp {color: #999;}
.back-pic{width:25px;opacity: 0.85;}
.chat-topbar .Amigo_img_main{text-align:center;}
.chat-topbar .Amigo_img_main .Amigo_img_menu{display:inline-block;}
.chat-menu-img {opacity: 0.85;}
.char-tags{padding:0 6px 10px 6px;}
.tags-theme{background: transparent;border: #FF8040D9 1px solid;color: #FF8040;}
.message-input {min-height: 40px;resize: vertical;overflow-y: hidden;box-sizing: border-box;}
.chat-share-icon{margin-right:5px;}
.chat-share-icon i{color:#fff; cursor:pointer;}

/* Chat interface height */
.amigo-chat-AI-main {display: flex;flex-direction: column;padding: 10px 10px 0 10px;border-radius: 0;}
.amigo-chat-AI-main {height: calc(100dvh - 50px);}
@media (min-width: 441px) {.amigo-chat-AI-main {height: calc(100dvh - 60px);}}
@media (min-width: 600px) {.amigo-chat-AI-main {height: calc(100dvh - 70px);}}
.specker {display: none;}

.chat {
    flex-grow: 1; /* Fills the space between the header and the ad banner */
    overflow-y: auto;
    width: 100%;
    margin-bottom: 5px;
}

.chat-input {
	padding: 5px 0;
	gap: 5px;
    /* other styles like position: fixed; bottom: 0; */
    padding-bottom: env(safe-area-inset-bottom, 0);
    /* Hardware Acceleration (Point A) */
    will-change: transform;
    transform: translateZ(0);
}

.message-submit {
    width: 56px;
}

#chat-guestuser-modal img{width:150px; border-radius:50%;}

.dark-mode .message-submit {background-color: #FF8040;}
.dark-mode .icon-send-message {stroke: #fff;}

/* Header */
.amigo-home-header {padding: 10px;}
.amigo-chat-menu-main {padding: 10px;}
.Amigo_img_menu {width: 60%;padding-bottom: 0px;}
.dark-mode .Amigo_img_menu {width: 60%;padding-bottom: 0px;opacity:0.8;}

/* common */
h1, h2, h3, h4, h5, h6 {font-family: inherit;}
form label.error{/*display:none !important;*/ display:inline; width:100%; color:red; margin-top:5px;}
form input.error{border:#f00 1px solid;}
.btn-theme, .btn-theme:hover, .btn-theme:active{color:#fff; background:#FF8040;}
a.disabled{pointer-events:none;}
.bg-theme{background:#FF8040;}
.btn-primary {--bs-btn-color: #000;--bs-btn-bg: #FF80404D;--bs-btn-border-color: #FF80404D;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #FF8040;--bs-btn-hover-border-color: #FF8040;--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #FF8040;--bs-btn-active-border-color: #FF8040;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #FF80404D;--bs-btn-disabled-border-color: #FF80404D;}
.link-theme{color:#FF8040;}

/* Signup */
.generatepassword{font-size:12px; color:#FF8040; cursor:pointer; float:right; margin-top:5px; margin-bottom:15px;}
.signup label.error+span i{top:20% !important;}
@media screen and (max-width: 479px) {.Amigo_img {padding: 10px;width: 100%;}}
@media screen and (min-width: 480px) {.Amigo_img {padding: 10px;width: 80%;}}
.let-you-screen-main {background-color: #190524;}
.verification-main {background-color: #190524;}

/* profile_form */
#profile_form{width:90%;}
.changemail{font-size:12px; color:#FF8040; cursor:pointer; float:right;}
.sign_with_pass_btn:disabled{opacity:0.5 !important;}
.hint{font-size:x-small;}
#deleteprofile{background:#000;}

/* create character */
.step-buttons .step-button{/*width:50%;*/ text-align:center;}
.characterform textarea{min-height:100px;}
.switchbuttons .btn{/*width:120px;*/ font-size:14px;font-weight:bold;color:#FF8040;background:transparent;border-color: #FF8040;}
.characterform{text-align:center; width:80%; margin:0 auto; font-size:15px;}
.characterform .form-control{font-size:15px;}
.characterform .languages{font-size:13px;}
.switchbuttons .btn:hover,.btn-check:checked+.btn{background:#FF8040 !important; border-color: #FF8040 !important; color:#fff !important;}
.characterform label.error{display:none !important;}
.characterform .char_avatar_preview{max-width:250px; margin-top:10px; opacity:0.95;}
input[type='file'].form-control{height:auto;}
label.custom-radio-sel-lang {padding: 6px 12px;border: 2px solid #FF804033;font-family: 'Nunito', sans-serif;font-weight: bold;}
.dark-mode .form-control {background: #333;color: #ddd;}
.dark-mode .lang-sec input[type="radio"]:checked+label {background: #FF8040;}
.bootstrap-tagsinput {background-color: #333;}
#character-process-modal img{width:150px; border-radius:50%;}

/* my chats */
.mychat-list{margin: 10px;}
.mychat-box{font-size:13px; border:#FF8040 1px solid; border-radius:5px; padding:8px; margin-bottom:20px; box-shadow: 5px 5px 10px #FF80404D; display:flex;gap:10px; color:#999;}
.mychat-box .mychat-image-sec{width:15%;}
.mychat-box .mychat-detail-sec{width:85%;}
.mychat-box:hover{background:#FF80404D;}
.mychat-box .mychat-image-sec img{max-width:100%;}
.mychat-box .mychat-metadata{display:flex; column-gap:10px; width:100%;}
.mychat-box .mychat-metadata .mychat-character-name{width:55%;}
.mychat-box .mychat-metadata .mychat-character-timestamp{width:45%; text-align:right;}
.mychat-box .mychat-metadata .mychat-character-name div{float:left; font-weight:bold;}
.mychat-box .mychat-metadata .mychat-character-name div a{font-size:16px; color:#000;}
.dark-mode .mychat-box .mychat-metadata .mychat-character-name div a{color:#fff;}
.mychat-box .mychat-message{margin-top:15px;}
.mychat-box .mychat-metadata i{color:#FF8040;}
.today-text {font-size: 10px;}
.mychathistory-list img{width:64px;border-radius: 8px;}
.mychatbox-menus{position:absolute; bottom:0; right:20px; cursor:pointer; /*opacity:0;*/}
.mychatbox-menus .dropdown-toggle::after{display:none;}
.mychatbox-menus .btn{--bs-btn-padding-x: 0.6rem;    --bs-btn-padding-y: 0.25rem;}
.mychatbox-menus .dropdown-toggle i{color:#000;}
.mychathistorybox-menus{position:absolute; top:0; right:0; cursor:pointer; /*opacity:0;*/}
.mychathistorybox-menus .dropdown-toggle::after{display:none;}
.mychathistorybox-menus .btn{--bs-btn-padding-x: 0.6rem;    --bs-btn-padding-y: 0.25rem;}
.mychathistorybox-menus .dropdown-toggle i{color:#000;}

/* menu */
.mainmenu i.menuicon{font-size:20px; color:#000;}
.extramenus{margin-top:15px;}
.extramenus a{float:left; margin-right:15px; margin-bottom:10px;}
.extramenus a h2{font-size:14px;}