/* LAYOUTS */
.postsaint-wrap{
  border-radius: 6px !important;
  background-color: #fff;
  padding:8px 6px;
}

/* HEADER */
#postsaint-logo{
  background: url("../images/postsaint-logo.png");
  background-repeat: no-repeat;
    background-size: 120px auto;
    width: 120px;
    height: 24px;
    float: right;
    margin-right: 8px;
}

#postsaint-heading{
  float:left;
}

h1.postsaint-heading{
  font-size:26px;
  color:#485e82;
  font-weight: 600;
}

h1.postsaint-heading a {
 text-decoration: none;
}

#postsaint-support{
  float: right;
}

#postsaint-support a{
  text-decoration: none;
}

/* HEADINGS */
h3.postsaint-section-heading{
  color:#779cdc;
  margin-top: 10px;
  margin-bottom: 0 !important;
}

/* MESSAGES */
.postsaint-succmsg{color:#390;}
.postsaint-warnmsg{color:#c68700;}
.postsaint-errormsg{color:red;}

/* inputs */
.postsaint-wrap input[type="file"]{
	border: none !important;
}

.postsaint-input-80{width:80px !important;}
.postsaint-input-320{width:320px;}
.postsaint-input-full-width{width:100%}

.postsaint-submit-button{
	padding:4px 20px !important;
	font-size:16px !important;
	background-color: #485e82 !important;
}

.postsaint-wrap input, select, textarea {
	border: 1px solid #779cdc !important;
	border-radius: 0;
}

.postsaint-wrap input[type="radio"] {
  border-radius:26px;
}

/* BULK IMPORT */
.postsaint-bulk-import-source{padding-bottom:10px}
.postsaint-wrap #import_data{min-height:100px;max-height: 400px;}
 
/* IMAGE GENERATION */
.postsaint-wrap .generated-image-container{    
  width: 240px;
  height: auto;
  display:inline-block;
  position:relative;
  margin-right:4px !important;
  margin-top: 4px;
}

/* key buttons */

.postsaint-key-legend{

  background:#d8eeff;
  padding:6px;
}

.postsaint-generated-image-button {
  background:#779cdc;
  color:#FFF;
  border:none;
  padding: 8px;    
  border-radius: 6px;    
}

/* buttons attached to images with absolute positions */
.generated-image-container button.postsaint-add-image-to-media{
  position:absolute;
  bottom:10px;
  right:90px;
}

.generated-image-container button.postsaint-add-image-to-media-right{
  position:absolute;
  bottom:10px;
  right:10px;
}

.generated-image-container button.postsaint-add-image-to-post-content{
  position:absolute;
  bottom:10px;
  right:50px;
}

.generated-image-container button.postsaint-add-image-to-featured-image{
  position:absolute;
  bottom:10px;
  right:10px;
}

/* make generated image fit within container, not overhang (classic editor) */
.postsaint-wrap .generated-image-container img{  
  width:100%;
}

/* TEXT GENERATION */
#postsaint-copy-to-content, #postsaint-copy-to-clipboard{
  background:#779cdc;
  color:#FFF;
  border:none;
  padding: 6px;    
  border-radius: 6px;     
}

#postsaint-copy-to-clipboard{
  float:right;
}

/* spinning image */
#postsaint-loading{
  max-width: 80px;
}



/* AUTO POSTS */
.postsaint-auto-post-button{
  width:80px;
  background:#779cdc;
  color:#FFF;
  border:none;
  padding: 4px;    
  border-radius: 4px;       
}

.postsaint-edit-auto-post, .postsaint-delete-auto-post{
  margin-right:4px;
  margin-bottom: 4px;
}


/* LOGS */
.postsaint-row-error{
  background-color: #ff000021 ;
}
.postsaint-logs-image-preview{
  max-width:120px !important;
}

/* highlight background area */
.postsaint-prompt-textarea{
  background-color:#d8eeff !important;
}

@media screen and (min-width: 700px) {

	.postsaint-wrap{
		padding:8px 12px;
	}	
}

/* ranges */
input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  max-width: 320px;
  border:none !important;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #2497E3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2497E3;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #2497E3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #2497E3;
}
input[type=range]:focus::-ms-fill-upper {
  background: #2497E3;
}

/* bootstrap responsive tables */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table th {
  text-align: left !important;
}


/* deactivate plugin feedback thickbox */
#TB_window:has(#postsaint_deactivate_feedback) {
  height:220px !important;
}
#TB_ajaxContent {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    box-sizing: border-box;
}





/*
.nav-tab {
    float: left;
    border: 1px solid #c3c4c7;
    border-bottom: none;
    margin-left: .5em;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.71428571;
    font-weight: 600;
    background: #dcdcde;
    color: #50575e;
    text-decoration: none;
    white-space: nowrap
}

.nav-tab-small .nav-tab,h3 .nav-tab {
    padding: 5px 14px;
    font-size: 12px;
    line-height: 1.33
}

.nav-tab:focus,.nav-tab:hover {
    background-color: #fff;
    color: #3c434a
}

.nav-tab-active,.nav-tab:focus:active {
    box-shadow: none
}

.nav-tab-active {
    margin-bottom: -1px;
    color: #3c434a
}

.nav-tab-active,.nav-tab-active:focus,.nav-tab-active:focus:active,.nav-tab-active:hover {
    border-bottom: 1px solid #f0f0f1;
    background: #f0f0f1;
    color: #000
}

.nav-tab-wrapper,.wrap h2.nav-tab-wrapper,h1.nav-tab-wrapper {
    border-bottom: 1px solid #c3c4c7;
    margin: 0;
    padding-top: 9px;
    padding-bottom: 0;
    line-height: inherit
}

.nav-tab-wrapper:not(.wp-clearfix):after {
    content: "";
    display: table;
    clear: both
}
*/








.ui-tabs {
  position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
  background-color: #779cdc;
  color:#fff;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}