/**
 * @wordpress-plugin
 * Plugin Name:       wp-whirl
 * Plugin URI:        http://bacchini.net
 * Description:       page animation with canvas
 * Version:           1.0
 * Author:            Cesare Bacchini
 * Author URI:        http://bacchini.net
 */

p {
  margin-top: 0;
}

.fx-button {
    width:auto;
  height:25px;
  line-height:1em;
  display: inline-block;
  text-align:center;
  padding: 10px;
  margin: 2px;
  background: #ccc;
  cursor: pointer;
/*    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
*/
  border-radius: 5px;
  border:0;
  padding: 4px;
}

.f-button:hover {
  background: #ddd;
}

#fileElem {
  display: none;
}
.uploadbt{
	padding: 0;
}
.previmg.fade {
  opacity: 0;
}
.previmg {
	position: absolute;
}
.previmg * {
     pointer-events: none;
}
.closex {
    position:absolute;
    width:20px;
    right:1em;
}

.okx {
    position:absolute;
    width:40px;
    right:1em;
	bottom:.9em;
}
/*    width: 250px; */

.f-container {
    position: absolute;
	min-width: 250px;
    top: 10px;
    left: 25px;
    border: #000 1px solid;
    background: #F8F8F8;
    padding: 5px;
    z-index: 10000;
    display: inline;
    opacity: 0;
    transition: 1s all;
	border-radius: 5px;
	 display: inline-block;
}
.f-fieldset{
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
    margin: 0 2px;
    min-width: inherit;
    padding: 0.35em 0.625em 0.65em;
}

.error {
  border:2px solid red;
}

.errpopup{
    position: absolute;
    font-size: 90%;
    color: #000;
    background:red;
	border-radius: 5px;
	cursor:pointer;
    padding-left:2px;
    padding-right:2px;
}

.formFld {
    display: block;
}
.formc {
    display: flex;
}

.triangleleft {
    position:absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 10px solid red;
    border-bottom: 8px solid transparent;
    }

.triangleright {
    position:absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 10px solid red;
    border-bottom: 8px solid transparent;
    }

.popup_buttons {
  display: flex;
  flex: 0 0 auto;       /* each button keeps its size */
  flex-wrap: wrap;      /* allow wrapping */
  gap: 0.5rem;          /* space between buttons */
  justify-content: center; /* optional: center them */
}

.popup_buttons .button-span ,.popup_text_buttons {
  flex: 0 0 auto;       /* each button keeps its size */
}
.onlinefield{
	display:inline;
}
.form_checkbox{
display: flex; align-items: center;
}
.f-title{
min-height: 28px;
}
.popup_text{
  display: block;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}

.italic-desc {
	font-style: italic;
}