button.btn.dropdown-toggle.btn-default{
	border:1px solid #e0e0e0;
}

.full-height {
    height: 100vh;
}
.text-white{
color:#fff!important;	
}

/* CUSTOM STYLES */

/*Alerts */

#alertPlaceholder {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050; /* High z-index to ensure it's on top of other elements */
}
.centered-alert {
    position: fixed; /* Fixed/sticky position */
    top: 50%; /* Place in the middle vertically */
    left: 50%; /* Place in the middle horizontally */
    transform: translate(-50%, -50%); /* Adjust the position correctly */
    z-index: 1050; /* Sit on top */
    width: 80%; /* Width of the alert */
    max-width: 600px; /* Maximum width */
}
.overlay {
    position: fixed; /* Fixed/sticky position */
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgba(0, 0, 0, 0.4); /* Black background with opacity */
    z-index: 1040; /* Sit behind the alert */
}

/* Animation */
.anim-typewriter{
  animation: typewriter 4s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 24em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}
.button-progress {
  position: relative;
  opacity: .8;
  color: transparent !important;
  text-shadow: none !important;
}

#backtotop{
display:none;	
}

.button-progress:before {
  content: '';
  display: inline-block;
  position: absolute;
  background: 0 0;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  border-radius: 50%;
  border: .15em solid #4166e0;
  border-left-color: transparent;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  -webkit-animation: ld 1s linear infinite;
  -moz-animation: ld 1s linear infinite;
  -o-animation: ld 1s linear infinite;
  animation: ld 1s linear infinite;
}

@keyframes ld {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* Misc */
.dashboard-status-button.blue{
	background-color: #2852dc;
  color: #ffffff;
  width:max-content;
}
.dropdown-toggle::after{
	display:none!important;
}
.submit-field h6{
	margin-bottom:10px;
}
input.with-border{
	 border: 2px solid #fff;
}
input.with-border:focus, input[type=text].with-border:focus, input[type=password].with-border:focus, input[type=email].with-border:focus, input[type=number].with-border:focus, textarea.with-border:focus {
    
    box-shadow: none;
}
.output-body{
	border-radius:9px;
	padding:0rem 1rem;
}


/* Header */
#loadingBar {
    position: fixed;
    top: 0;
    left: 0;
    height: 6px;
    background-color: #254edb; /* Change to your preferred color */
    width: 0;
    z-index: 9999;
    transition: width 3s linear; /* Adjust the duration as needed */
}


@media only screen and (max-width: 768px) {
	.header-mobile{
display:none;
}
}
i.header-icon{
	  background: #e5ff76;
  border-radius: 50px;
  margin-right: 10px;
  color: #222;
}

img.dash-logo{
	height:20px;
}
/* Icons */

span.feather-circle{
	border: 1px solid #e0e0e0;
    border-radius: 999px;
    background: #fff;
    padding: 5px 7px 2px;
}


/* Templates */
.hook-prompts{
	min-height:198px;
}

.form-check-label{
	font-size:12px;
}
.form-check-input:checked{
	background-color: #2852dc;
  border-color: #2852dc;
}

.hidden-prompt {
        display: none;
    }

.social-size {
    width: 515px;
}

@media only screen and (max-width: 767px) {
    .social-size {
        width: 100%;
    }
}
.essay-size {
    width: 750px;
}
@media only screen and (max-width: 767px) {
    .essay-size {
        width: 100%;
    }
}

.template-input-sidebar{
	margin-top:5rem;
}

@media only screen and (max-width: 767px) {
    .template-input-sidebar {
        margin-top:0rem;
    }
}
.template-categories ul li{
	padding: 10px 25px;
    line-height: 1;
	border:1px solid #c1eef9;
	background:#fff;
	font-size:12px;
	border-radius: 50vh;
	margin:0px 10px;
	color:#212b36;
}
.template-categories ul li:hover{
color:#fff;
	border:1px solid #212b36;
	background:#212b36;
}

.template-categories ul li.active{
	background-image: linear-gradient(90deg, #7F5BC4 0%, #60A3E6 100%);
	color:#fff;
	border:border:1px solid #212b36;
}
div.prompt-default{
	border:1px solid #e0e0e0;
	background:#fff;
	margin:auto;
	
}
.template-border{
	border:2px solid #1d1d21;
}

.header-border-bottom{
border-bottom:1px solid #e9e9e9!important;
}
.pro-badge {
     position: absolute;
    top: 0;
    left: 0;
    transform: translate(40%, -50%);
}
.copywriting.card-body{
	border-radius: 0 0 0.625rem 0.625rem;
}
.ai-templates-icon{
	box-shadow:none!important;
    width: 3rem;
    height: 3rem;
}
img.prompt-template-icon-documents{
	height:20px;
	margin-right: 5px;
    margin-top: -3px;
}
img.prompt-template-icon{
	height:20px;
	margin:12px 10px;
	padding-left:10px;
}

@media only screen and (max-width: 767px) {
    img.prompt-template-icon {
        padding-left:25px;
    }
}
input.prompt-template-titlefield{
	width:280px;
	max-width:780px;
}


/* Main */ 
.header{
	border-bottom:1px solid #e5e7eb;
}
.card {
	border:1px solid #e5e7eb

}
.aside.aside-extended{
border-right: 1px solid #e5e7eb
}
.navbar-brand img{
	max-width:130px!important;
}
.template-categories{
	background:none;
	border: 0px solid rgb(221, 221, 221);
	box-shadow:none;
}
#breadcrumbs.dark {
    color: #323232;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #00000014;
}
#breadcrumbs.dark ul li a, #breadcrumbs.dark ul li a:hover{
	color:#323232;
}
#breadcrumbs.dark ul li:before {
    border-left: 4px solid #323232;
}
.dashboard-content-inner{
	padding:20px;
}
.dashboard-headline{
	text-align:center;
}
.notification.notice {
   background-color: #f7f7f7;
    color: #222;

}
.fun-fact span {
    color: #323232;
}

h4.prompt-titles{
	font-size:18px!Important;
	padding-bottom:20px;
	text-align:center;
}
.ai-template-title-header{
	background: #fff;
	border-bottom: 1px solid #e5e7eb;
	padding: 10px 15px;
}
/* Tables */
table.basic-table th{
	background-color:#ffffff;
	color:#323232;
}
table.basic-table tr:nth-child(odd) {
    background-color: rgb(235 235 235 / 20%);
}

/* Buttons */
a.button{
	background-color:#ffffff;
	border:1px solid #212b36;
	border-radius:8px;
	box-shadow:none;
	color:#212b36!important;
}
a.button:hover{
	background-color:#f7f7f7;
}
.btn-main{
	background-color:#ffffff!important;
	border:1px solid #DBDFE9;
	border-radius:8px!important;
	color:#212b36!important;
}
.btn-main:hover{
	background-color:#fbfaf9!important;
	border:1px solid #DBDFE9;
	box-shadow:0px 1px 2px rgba(0,0,0,.08), 0px 1px 3px rgba(0,0,0,.12)
}
.btn-sm{
	padding:10px 20px!important;
	box-shadow:none;
}

.btn-save {
    font-size: 14px;
    color: #fff;
    background: #2852dc;
	height:50px;
	padding: 0 30px;
	margin:0px 5px!important;
}
span.save-text{
	margin-left:5px;
}
@media only screen and (max-width: 767px) {
    span.save-text {
        display:none;
    }
}
.btn-save:hover {
    color: #222b36;
    background: #e2e8f078;
	
}

/* Icons */
i.icon-feather-pocket{
	color:#ff6e6e;
}

/* Login and register */

.login-form{
	background:#fff;
	border-radius:6px;
padding:20px;
}


/* Forms */
input, input:focus, input[type=text], input[type=password], input[type=email], input[typebutton=number], textarea, select{
	color:#323232
}
input.with-border, input[type=text].with-border, input[type=password].with-border, input[type=email].with-border, input[type=number].with-border, textarea.with-border, select.with-border{
	box-shadow:none;
}
input.small-input, input[type=text].small-input, input[type=password].small-input, input[type=email].small-input, input[typebutton=number].small-input {

	padding: 20px 15px;
    font-size: 12px;
    margin: 0;
}
.bootstrap-select.small-input.btn-group button{
	padding: 20px 15px;
    font-size: 12px;
    margin: 0;
}
.bootstrap-select.small-input.btn-group .dropdown-toggle .filter-option{
	margin-top:-12px;
}
textarea.small-input, select.small-input {
    padding: 20px 15px;
    font-size: 12px;
    margin: 0;
}
.tox-tinymce {
	border-radius:4px!important;
	border:1px solid #00000047!important;
}
body#tinymce.mce-content-body{
	font-size:18px!important;
}
div.tox .tox-menubar + .tox-toolbar, .tox .tox-menubar + .tox-toolbar-overlord{
  display: none;
}
div.tox:not(.tox-tinymce-inline) .tox-editor-header{
	 display: none;
}
.tox-tinymce{
	border:none!important;
}
div.tox-statusbar{
	display:none!important;
}
body#tinymce { 
    /* NB! Without specifying "#tinymce" this setting will effect other body´s */

    color: magenta;                 // Just to show the difference
    background-color: lightyellow;  // Just to show the difference
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:32px; 
    margin:18px;

}
.mce-content-body{
	font-size: 18px!important;
line-height: 28px!important;
}
.save-header{
	margin:5px 0px;
}

/* AI Templates */
img.template-icon{
	height:40px;
	width:40px;
}
input.with-border.small-input{
border: 1px solid #e0e0e0
}
.intro-text {
    text-align: center;
}
img.dashboard-recent-document-icon{
	max-height:25px;
}


/* AI Images */
img.rounded-image{
	border-radius:0.625rem;
}
.engage-btn {
  display: flex;
  align-items: center;
  height: 35px !important;
  color: #ffffff;
  border-color: #254edb;
  background-color: #254edb;
}
.engage-btn:hover {
  color: #f9f9f9;
}
.popover {
    max-width: 200px;
}
.image-loading {
    background: #EDF2F5 linear-gradient(to right,rgba(255,255,255,.3) 0,rgba(237,242,246,1) 15%,rgba(255,255,255,.3) 30%);
    position: static;
    overflow: hidden;
    -webkit-animation: placeholderShimmer 2s linear;
    animation: placeholderShimmer 2s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-size: 1200px 100%;
}

 /* Default width */
    .custom-drawer {
        width: 500px;
    }

    /* Mobile view */
    @media (max-width: 767px) {
        .custom-drawer {
            width: 100%;
        }
    }
	
	.engage-btn{
		z-index: 9999; /* High z-index to float over other elements */
	}
.ai-lightbox-image img{
	min-width:100%;
	border-radius:0px;
}

.image-desc-footer{
	background:#fff;
	font-size:12px;
	padding:20px;
}
.position-relative {
    position: relative;
}
span.heart-icon {
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 13px;
  color: #e0e0e0;
  z-index: 10;
  border-radius: 88px;
  border: 1px solid #e0e0e0;
  width: 35px;
  height: 35px;
  padding: 7px 10px 0px;
}
.prompt-button-holder{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#show-prompt-button {
    border: 1px solid #e0e0e0;
	font-size: 12px;
	background: #fff;
	padding: 5px 20px;
	border-radius: 50px;
	text-align: center;
	position: absolute;
}

.ai-lightbox-image img {
    z-index: 1;
	min-width:306px;
}





/* AI Chat */

.messages-container{
	border-top:none;
}
.chat-responses{
width: calc(100% - (300px));
    z-index: 1;
background:#fff;
}
@media only screen and (max-width: 768px) {
	.chat-responses{
width: 100%;
    z-index: 99;
height:auto;
background:#fff;
}
}
.message-reply textarea{
	height:auto;
	background:#fff;
	padding:10px 20px;
	box-shadow:inset 0 0 0 1px #B0B0B0;
	
}

.message-reply textarea:focus{
	border:1px solid #efefef!important;
	
}

.message-bubble.me .message-text {
    background-color: #fff;
    color: #222;
}
.chat-user-avatar {
    display: inline-block;

    width: 25px;
    height: 25px;
    position: relative;
}
.chat-user-avatar img{
    border-radius: 50%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	border: 1px solid #254edb!important;
    background-color: #254edb!important;
}


/* Footer */

.dashboard-footer-spacer{
	display:none;
}

/* Intro JS */
.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:350px;max-width:450px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px;font-size:16px;}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:28px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}
/*# sourceMappingURL=introjs.css.map */