*, ::after, ::before {
	box-sizing: border-box;
}

.btn-default[title="T3AI"],
.btn-default.btn-t3ai-main {
	--bs-btn-color: #fff;
	--bs-btn-bg: rgb(30, 30, 30);
	--bs-btn-border-color: rgb(30, 30, 30);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #404040;
	--bs-btn-hover-border-color: #353535;
	--bs-btn-focus-shadow-rgb: 64, 64, 64;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4b4b4b;
	--bs-btn-active-border-color: #353535;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: rgb(30, 30, 30);
	--bs-btn-disabled-border-color: rgb(30, 30, 30);
}

.btn-default[title="T3AI"] {
	margin-right: 8px;
}

body.with-overflow {
	margin: 0;
}

.ns_t3ai--modal-small .modal-content {
	min-height: 400px;
}
.t3ai-rte-container #tabs {
	background-color: #fdfdfd;
	list-style-type: none;
}
.t3ai-rte-container #tabs li {
	display: inline-block;
	margin-bottom: -1px;
}

.t3ai-rte-container #tabs li a {
	background: #f8f8f8;
	border: 1px solid #d1d1d1;
	border-bottom-color: #d1d1d1;
	border-radius: 3px 3px 0 0;
	color: #484848;
	cursor: pointer;
	display: inline-block;
	font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
	letter-spacing: 0.3px;
	line-height: 26px;
	min-width: 90px;
	outline: 0;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
}

/* #tabs li:hover a, */
.t3ai-rte-container {
	padding: 15px;
}

.t3ai-rte-container #tabs li.active a {
	background-color: #fff;
	border-bottom-color: #fff;
}
.t3ai-rte-container #tabs li .active a {
	border-bottom: none;
}

.t3ai-rte-container #tab-contents {
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.t3ai-rte-container #tab-contents + .btn-wrap {
	align-items: center;
	display: flex;
	position: sticky;
	bottom: 0;
	justify-content: flex-end;
	flex-shrink: 0;
	flex-wrap: wrap;
	padding: 16px 0;
	background-color: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom-right-radius: 1px;
	border-bottom-left-radius: 1px;
}

.t3ai-rte-container .btn-wrap .btn {
	background: #f8f8f8;
	border: 1px solid #bcbcbc;
	border-radius: 2px;
	box-sizing: border-box;
	color: #484848;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
	letter-spacing: 0.3px;
	line-height: 18px;
	padding: 4px 10px;
	text-align: center;
	vertical-align: middle;
}

.t3ai-rte-container .btn-wrap .btn .t3js-icon {
	line-height: 1;
	margin-right: 5px;
}

.t3ai-rte-container #tab-contents + .btn-wrap .btn.openai-save,
.t3ai-rte-container .btn.btn-primary {
	background: #0078e6;
	border: 1px solid #0078e6;
	color: #fff;
}

.t3ai-rte-container .btn-wrap .btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0066c4;
	border-color: #0066c4;
}

#openai-cancel {
	margin-right: 10px;
}

.t3ai-rte-container #tab-contents .tab-contents {
	display: none;
	padding: 10px;
}

.t3ai-rte-container #tab-contents .tab-contents .form-group {
	margin-bottom: 10px;
}

.t3ai-rte-container #tab-contents .tab-contents .form-group label {
	cursor: default;
	display: block;
	font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
	letter-spacing: 0.3px;
	margin-bottom: 2px;
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: .75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fefefe;
	background-clip: padding-box;
	border: 1px solid #bbb;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.t3ai-rte-container #tab-contents .tab-contents.active {
	display: block;
}
.t3ai-rte-container .openai-save {
	background-color: #09863e;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 0 12px;
}

.t3ai-rte-container .text-area-input {
	resize: vertical;
}

/*Modal Style*/
.ns_t3ai--modal-full .modal-content,
.ns_t3ai--modal-large .modal-content,
.ns_t3ai--modal-medium .modal-content,
.ns_t3ai--modal-default .modal-content,
.ns_t3ai--modal-small .modal-content {
	width: 100%;
}

.ns_t3ai--modal.modal-severity-notice .modal-header {
	background-color: #0078e6;
	color: #fff;
	border-bottom-color: #006ccf
}

.ns_t3ai--modal.modal-severity-info .modal-header {
	background-color: #333;
	color: #fff;
	border-bottom-color: #2e2e2e;
}

.ns_t3ai--modal .modal-dialog {
	padding: 0 5%;
}

.ns_t3ai--modal.ns_t3ai--modal-full .modal-content {
	height: 100vh;
	max-width: 100%;
	width: 100%;
}

.ns_t3ai--modal.ns_t3ai--modal-large .modal-content {
	height: 90vh;
	max-width: 1600px;
	width: 100%;
}

.ns_t3ai--modal.ns_t3ai--modal-medium .modal-content {
	height: 73vh;
	max-width: 1000px;
	width: 100%;
}

.ns_t3ai--modal.ns_t3ai--modal-default .modal-content {
	height: 500vh;
	max-width: 800px;
	width: 100%;
}

.ns_t3ai--modal.ns_t3ai--modal-small .modal-content {
	max-width: 600px;
	min-height: 400px;
	width: 100%;
}