/* wwwroot/bftv2025library.css */

/* bftv */
.bftv-row {
   display: flex;
   flex: 1;
   flex-wrap: wrap;
   border: 1px solid lightgray;
   max-height: calc(100% - 5px);
}

/* REGION BFTVLIB */

.bftvlib-modal {
   display: flex;
   position: fixed;
   z-index: 2;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   color: var(--text-color);
   background-color: rgba(0, 0, 0, 0.4);
   /*background-color: coral;*/
   justify-content: center;
   align-items: center;
}

/* 10Nov25 dap - added overrides for a modern dark gray style */
.bftvlib-modaldialog {
   /*   background-color: rgb(32, 32, 32);
   z-index: 10;*/
   border: none;
}
   .bftvlib-modaldialog.no-ease {
      transition:none;
   }

   .bftvlib-modaldialog.bftvlib-modal-level-2 {
      z-index: 15;
      /*border: 3px solid blue;
      background-color: cornflowerblue;*/
      width: fit-content;
      height: fit-content;
   }

.bftvlib-modaldialog-content {
   position: absolute;
   /*left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);*/

   /*height: 75%;*/
   width: 75%;
   /*max-height: 95%;*/
   max-width: 95%;
   aspect-ratio: 16 / 9;

   resize: both;
   overflow: auto;
   padding: 15px;
   /*border: 1px solid #888;*/
   border: none;
   border-radius: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   z-index: 10;
   font-size: 14px;
   color:white;
   background-color: rgb(32, 32, 32); /*#fefefe; */
}

   .bftvlib-modaldialog-content:focus-within {
      border: none !important; /* 01May29 dap added */
   }

   .bftvlib-modaldialog-content-formgroup > input,
   .bftvlib-modaldialog-content-formgroup > textarea,
   .bftvlib-modaldialog-content-formgroup > label {
      font-size: 14px;
   }

.bftvlib-modaldialog-content-formgroup > input,
.bftvlib-modaldialog-content-formgroup > textarea,
.bftvlib-modaldialog-content-formgroup > .drop-zone {
   margin-top: 8px;
}

.bftvlib-modaldialog-content-formgroup > label {
   margin-top: 20px;
   font-weight: 500;
}

.bftvlib-modaldialog-content-form-element > label {
   margin-top: 5px;
   font-weight: 500;
}

/* Invisible area on the right edge for the ne-resize cursor */
.bftvlib-modaldialog-content::after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: 15px; /* Width of the resizable area */
   height: 100%;
   /*background-color: red;*/
   cursor: ew-resize;
}

/* Add a pseudo-element for the right edge to show a resize cursor */
.bftvlib-modaldialog-content::before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 10px;
   height: 100%;
   cursor: ew-resize; /* Indicate horizontal resizing cursor */
   z-index: 10; /* Ensure it is above other content */
}

/* the new series. bftvlib-* */
.bftvlib-modaldialog-container {
   display: flex;
   flex-direction: column;
   height: 93%; /* 04oct24 dap from 100% */
   width: 100%;
   /*max-width: 100vw !important; */ /* allow resizing to max browser width */
   padding-top: 5px !important;
   margin-top: 10px !important; /* mt-4 too heigh*/
   overflow-y: auto;
}

.bftvlib-modaldialog-close {
   position: absolute;
   top: 10px;
   right: 10px;
   color: #aaa;
   font-size: 28px;
   font-weight: bold;
   cursor: pointer;
   /*   background-color: #fff;
   border-radius: 50%;
   border: 1px solid #aaa;
*/ width: 35px;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
}

   .bftvlib-modaldialog-close:hover,
   .bftvlib-modaldialog-close:focus {
      color: black;
      background-color: #e0e0e0;
      border-color: black;
      text-decoration: none;
   }

.bftvlib-modaldialog-collapse {
   position: absolute;
   top: 10px;
   right: 50px;
   color: #aaa;
   font-size: 28px;
   font-weight: bold;
   cursor: pointer;
   /*   background-color: #fff;
   border-radius: 50%;
   border: 1px solid #aaa;
*/ width: 35px;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
}

   .bftvlib-modaldialog-collapse:hover,
   .bftvlib-modaldialog-collapse:focus {
      color: black;
      background-color: #e0e0e0;
      border-color: black;
      text-decoration: none;
   }

.bftvlib-modaldialog-icon-title-container {
   display: flex;
   flex-direction: column; /* 27oct25 dap - added for the gradient component */
   align-items: center;
   border-bottom: 1px solid gray;
   /*padding-bottom: 10px; */ /* 27oct25 dap - removed to align the gradient with the border  */
   max-height: 50px; /* 27oct25 dap - added to remove extra space */
}

.bftvlib-textarea-container {
   margin-bottom: 15px;
   background-color: aqua;
   display: flex;
   flex-direction: column;
   flex: 1;
}

.col-md-6 .bftvlib-textarea-container:last-child {
   margin-top: auto; /* Push the last child to the bottom */
}
/* ENDREGION BFTVLIB */

.bftv-tab-content {
   transition: height 0.3s ease, opacity 0.3s ease;
   width: 100%;
   box-sizing: border-box;
   display: flex;
   flex: 1;
   flex-direction: column;
   /*border: 4px black solid;*/
   max-height: calc(100% - 70px);
}

.bftv-full-size-textarea {
   width: 100%;
   flex: 1;
   resize: none;
   border: 1px solid #ccc;
   border-radius: 8px;
   height: 100%;
   max-height: 100%;
   padding: 5px;
   overflow-y: scroll;
   white-space: pre-wrap;
   min-height: 100px;
}

.bftv-full-size-textarea-tall {
   height: 400px; /* Adjust height as needed */
}

/* buttons */
.bftv-btn-rounded-medium {
   border-radius: 24px !important;
}

/* menus */
.bftvlib-menu-tabs {
   display: flex;
   list-style-type: none;
   padding: 0;
   margin-bottom: 20px;
   background-color: #f7f7f7;
   background-color: var(--dark-1);
   border-radius: 5px;
}

   .bftvlib-menu-tabs li {
      flex: 1;
      text-align: center;
      padding: 10px 0;
      cursor: pointer;
      border-right: 1px solid #ccc;
   }

      .bftvlib-menu-tabs li:last-child {
         border-right: none;
      }

      .bftvlib-menu-tabs li.active {
         background-color: #ddd;
         background-color: green;
         font-weight: bold;
      }