*{padding:0;margin:0;font-family:"Montserrat",sans-serif!important;}
html{-webkit-text-size-adjust:100%;}
html,body{width:100%;height:100%;font-family:"Montserrat",sans-serif;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,b,u,i,ol,ul,li,fieldset,form,label,table,tbody,tr,th,td,embed,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}blockquote{quotes:none;}blockquote:before,blockquote:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
body{padding:0;margin:0;color:#fff;background:#101827;font-size:12px;line-height:1.6em;}
body p{margin:10px 0;}
#body_overlay{width:100%;height:100%;position:absolute;top:0;left:-100%;transition:0.33s;z-index:5;}
#body_overlay.active{left:0;}
#myVideo{position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;opacity:0.2;z-index: -1;}
#myVideo2{position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;opacity:0.9;z-index: -1;}
#info_popup{padding:30px;width:300px;margin-left:-150px;position:fixed;top:0;left:50%;color:#fff;display:none;background:#e8371f;z-index: 9;}

#logo_login{margin:0 auto 15px!important;display:block;}

#logo{margin: 20px auto 30px;width: 240px;display: block;}
#banner{width:100%;height:100%;position:relative;float:left;}
#banner .container{margin: 0 auto;width:1600px;display:table;height: 90%;padding: 0 100px 0 350px;box-sizing: border-box;transition:0.33s;}
#banner .info{height:100%;}
#banner .info.center_prompt{display: grid;vertical-align: middle;align-content: center;align-items: center;}
#banner .info .inner{}
#request_status{padding:10px 0 16px;width: 100%;float: left;display: block;text-align:center;opacity:0;transition:0.33s;}
#request_status.active{opacity:1;}
#request_status .thinking_dots{margin:10px 5px 0;width:10px;height:10px;display:inline-block;border-radius:15px;background:#555;}
#request_status .thinking_dots.active{background:#007f03;}


#prompt_form{margin:0 auto 40px;padding:7px 15px 15px;width: 100%;position:relative;float:left;background: rgb(255 255 255 / 15%);border-radius: 5px;box-sizing:border-box;}
#prompt_form input[type="text"],#prompt_form select{margin:0 1% 0 0;padding:10px;height:40px;width:23.666%;float:left;box-sizing:border-box;}
#prompt_form .range_con{margin: 12px 0;width: 100%;float: left;display:none;}
#prompt_form input[type="text"]#phone{margin-right:0;}
#prompt_form label{width:100%;text-align:center;}
#prompt_form input[type="range"]{margin: 0 auto;width: 300px;display: block;}
#prompt_form textarea{padding: 10px 130px 10px 10px;margin: 9px 0 0px;width: 100%;height: 80px;font-size: 14px;outline: none;float: left;background: #fff !important;border: none;box-sizing: border-box;line-height: 1.5em;}
#prompt_form #send_prompt_btn{margin: 10px 0 0;padding: 10px;background: #e8371f;color: #fff;border-radius: 2px;border: none;box-shadow: none;box-sizing: border-box;position: absolute;right: 35px;bottom: 60px;}
#prompt_form #send_prompt_btn.inactive{background: #aaaaaa;color:#666;}



#chat_feed{padding:0;height:auto;background:rgb(255 255 255 / 98%);overflow-y:scroll;box-sizing:border-box;text-align:left;transition:0.33s;}
#chat_feed *{color:#222;}
#chat_feed h1,#chat_feed h2,#chat_feed h3{margin:20px 0 10px;font-weight:600;}
#chat_feed h1{font-size:28px;line-height:1.4em;}
#chat_feed h2{font-size:24px;line-height:1.4em;}
#chat_feed h3{font-size:18px;line-height:1.4em;}
#chat_feed,#chat_feed ul li{font-size:14px;line-height:1.8em;}
#chat_feed h1{margin-top:0;}



#sidebar{position: fixed;width: 280px;height: 100%;top: 0;left:-280px;background:#0d1422;z-index: 9999;transition:0.3s;}
#sidebar.active{left:0;}
#sidebar_inner{width:100%;height:100%;position:relative;}
#sidebar h3{padding:20px;font-size:20px;background:#000;box-sizing:border-box;}
#sidebar .bottom{width:100%;position:absolute;bottom:0;left:0;}
#sidebar .bottom a{padding:20px;width:100%;text-decoration:none;color:#fff;text-align:center;font-size:20px;display:block;background:#e8371f;box-sizing:border-box;}
#action_buttons{position: absolute;right: -40px;top: 0;}
#action_buttons .actbtn{padding:10px;width:40px;height:40px;display:none;border-bottom:1px solid rgb(255,255,255,0.3);background:#202e48;box-sizing:border-box;}
#action_buttons .actbtn:last-of-type{border:none;}
#action_buttons .actbtn img{width:100%;display:block;}
#action_buttons .actbtn.active{display:block;}
#action_buttons .actbtn.option_btn{opacity:0;}
#action_buttons .actbtn.option_btn.opacity{opacity:1;}
#action_buttons #ico_open_sidebar{display:block;}
#action_buttons #ico_open_sidebar div{margin:5px auto;width:20px;height:2px;position:relative;display:block;background:#fff;transition:0.66s;}
#sidebar.active #line1{top: 7px;transform:rotate(45deg);}
#sidebar.active #line2{opacity:0;}
#sidebar.active #line3{top: -7px;transform:rotate(-45deg);}


.panel{top:0;left:-100%;}
.panel h4{margin:0 0 15px;padding: 15px 20px;font-size: 12px;text-transform: uppercase;text-align: center;background: #29354d;}
#panel_history{width:100%;position:absolute;opacity:1;left:0;display: block;transition:0.3s;}
#panel_history_content{height:600px;overflow-y: scroll;}
#panel_history .sidebar_new_chat{text-align: center;margin: 0 auto 10px;display: block;color: #fff;background: #e8371f;width:100%;padding: 10px;text-decoration: none;box-sizing:border-box;}
#panel_history.active{opacity:1;}
#panel_history .history_link{padding:20px;border-bottom: 1px solid rgb(255 255 255 / 20%);position:relative;text-decoration: none;color: #fff;display: block;box-sizing: border-box;overflow-x: hidden;white-space: nowrap;}
#panel_history .history_link::after{content: '';width:80px;height: 100%;position: absolute;top: 0;right: 0;background: linear-gradient(to right, rgba(14,22,35,0) 0%,rgba(14,22,35,0.24) 0%,rgba(14,22,35,1) 78%,rgba(14,22,35,1) 100%);}
#panel_history .history_link.active{background:#202e48;}
#panel_history .history_link a{color:#fff;text-decoration:none;}
#panel_history .history_link form{position: absolute;top:18px;right:10px;z-index: 9;}
#panel_history .history_link form button{width: 25px;height: 25px;background:#101827;border:none;box-shadow:none;border-radius: 100%;color: #fff;line-height: 0;padding: 0 0 3px 0;}
#panel_options{width:100%;height:600px;position:absolute;opacity:0;transition:0.3s;}
#panel_options.active{opacity:1;}
#panel_options .option{padding:10px 20px;position:relative;}
#panel_options .option .tooltip_info{width: 18px;height: 18px;position: absolute;top: 10px;right: 20px;background: #666;text-align: center;line-height: 1.6em;border-radius: 10px;font-size: 12px;cursor:pointer;}
#panel_options .option .tooltip_info .tooltiptext {padding:10px;visibility: hidden;width: 200px;background-color: black;color: #fff;text-align:left;border-radius: 6px;position: absolute;font-size:12px;box-sizing:border-box;cursor:pointer;z-index: 1;}
#panel_options .option .tooltip_info:hover .tooltiptext{visibility: visible;}
#panel_options .option label{display:block;}
#panel_options .option input[type="checkbox"]{margin: 0px 0 0 10px;position: relative;top:2px;}
#panel_options .option input[type="text"],#panel_options .option select{padding:5px 10px;width:100%;box-sizing:border-box;}
#panel_options .checkbox_con{}
#panel_options .checkbox_con label{display:inline-block;}
#panel_options #fine_tuning{margin:10px 0 0 0;}

.create_new_chat{margin:10px 0;padding:20px;width:100%;background:#e8371f;font-size:16px;color:#fff;display:block;text-decoration:none;box-sizing:border-box;}

#chat_feed_con{padding-left:270px;}
.chat_sec{padding: 20px 200px;}
.oscar{border-top: 1px solid rgb(225 225 255 / 100%);position: relative;background: rgb(225 225 225 / 40%);box-sizing: border-box;}
.oscar button{background: none;position: absolute;top:20px;right:25px;border-bottom:1px solid rgb(255 255 255 / 15%);border: none;transition: 0.3s;}
.oscar button svg{margin-right:5px;width:20px;height:20px;}
.oscar textarea{height:0;position:absolute;width:0;}
.oscar > span{width: 25px;height: 25px;position: absolute;top: 28px;left: 150px;background: #e8371f;border-radius: 0;display:none;}
.oscar code{background:#fff;}
.oscar_text ol,.oscar_text ul{margin-left:20px;}
.oscar_text li{margin:0 0 15px;}
.user{padding: 20px 200px;border-top: 1px solid rgb(255 255 255 / 10%);position:relative;box-sizing: border-box;}
.user > span{width: 10px;height: 10px;position: absolute;top: 34px;left: 158px;border: 2px solid #e8371f;border-radius: 15px;display:none;}

.cs_block{margin: 0 0 5px;padding: 10px 10px 15px 10px;width: 100%;border-bottom: 1px solid #000;box-sizing: border-box;}
.cs_block:last-of-type{border:none;}
.cs_block span{font-weight:600;display:block;}
.matched_words p{padding: 8px 10px;margin: 0 0 10px;background: #dddddd;box-sizing: border-box;}
.matched_words p:last-of-type{display:none;}

::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{background: #dadadc;}
::-webkit-scrollbar-thumb{background: #a3a3a3; border-radius:5px;}
::-webkit-scrollbar-thumb:hover {background: #3d3d3d;}

@media(max-width:1600px){
#banner .container{padding:0 60px 0 350px;width:100%;}
#chat_feed{width:100%;}
#prompt_form{width:100%;}
#logo{width:150px;}
}
@media(max-width:1400px){
.chat_sec{padding: 20px 140px!important;}
}
@media(max-width:1200px){
.chat_sec{padding: 20px 80px!important;}
}
@media(max-width:900px){
#sidebar{width: 180px;left: -180px}
#sidebar.active{width:60%;}
#banner .container{padding: 0 10px 0;}
#logo{margin:15px auto 20px;width:160px;display:block;}
}
@media(max-width:600px){
#prompt_form{width: 100%;position: fixed;bottom: 0;left: 0;text-align:center;}
.chat_sec{padding:30px!important;box-sizing:border-box;}
#chat_feed{padding:0;}
#chat_feed h1{font-size: 20px;}
#chat_feed h3{font-size: 16px;}
#chat_feed ul{margin-left:20px;}
#logo_mob{margin: 15px auto 0;width: 120px;display: block;}
#prompt_form{background: rgb(13 24 43);}
#prompt_form textarea{font-size:12px;}
#prompt_form #send_prompt_btn{position: relative;right: auto;bottom: auto;}
#prompt_form textarea{padding:10px;}
.user{padding:10px 20px;}
.oscar{padding:10px 20px;}
.oscar button{display:none;}
#sidebar{width: 90%;left: -90%;}
.user > span,.oscar > span{display:none;}
#request_status .thinking_dots{margin: 8px 5px 0;width: 5px;height: 5px;}
}
@media(max-width:500px){
  #logo{margin: 8px auto 25px;width: 110px;}
}