.item-form {
   font-family: $font-primary;
}

h4 {
   margin: 2px;
}

textarea{
   width:100%;
}

.sheet-header {
   flex: 0 auto;
   /*overflow: hidden;*/
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: normal !important;
   margin-bottom: 5px;

/*   input {
      border: 0;
      padding: 2px 8px;
   }*/

   .profile-img {
      flex: 0 0 10px;
      height: 130px;
      width: 130px;
      margin-right: 10px;
      border: none;
   }

   .profile-img-sm {
      float: left;
      flex: 0 0 10px;
      height: 80px;
      width: 80px;
      margin-right: 10px;
      border: none;
   }

   .profile-img-xsm {
      flex: 0 0 10px;
      height: 50px;
      width: 50px;
      margin-right: 10px;
      border: none;
   }

   .header-fields {
      flex: 1;
   }

   .charname {
      max-height: 34px;
      height: 34px;

      input, select {
         font-size: 24px;
         font-weight: 500;
         max-height: 30px;
         height: 30px;
      }
   }
}

.tag-section {
   padding: 1px 2px 0 1px;
   margin: 0 0 1px 0;

   .tag-list {
      margin: 0;
      height: 24px;
      overflow: auto;
      list-style: none;
      padding: 1px;
      display: flex;
      flex-wrap: wrap;

      .tag {
         background: #393833;
         border-radius: 5px;
         color: whitesmoke;
         padding: 0 5px;
         height: 20px;
         box-shadow: 0 0 3px $colorFaint;
         margin: 2px;

         i {
            font-size: 9px;
            vertical-align: middle;
            color: $colorFaint;
         }
      }
   }

   .add-tag {
      max-height: 28px;

      input {
         margin-top: 1px;
         max-height: 20px;
         min-width: 70px;
      }
   }
}

.sheet-tabs {
   flex: 0;
}

.scroll-body {
   overflow-y: auto;
}

.sheet-body .tab .editor {
   /*height: 100%;*/
   min-height: 32px;
}

.tox {
   .tox-editor-container {
      background: $c-white;
   }

   .tox-edit-area {
      padding: 0 8px;
   }
}

.label-12px label {
   font-size: 12px;
}

.summary {
   flex: 0 0 100%;
   height: 46px;
   margin: 0;
   padding: 0;
   list-style: none;
   border-top: none;

   div, li {
      height: calc(100% - 5px);
      margin: 2px 2px;
      padding: 0;
      line-height: 30px;
      position: relative;

      label {
         line-height: 6px;
         position: absolute;
         font-size: 10px;
         top: 32px;
         left: 2px;
      }

      &.notify {
         input {
            font-weight: bold;
            animation: 0.8s ease-in 1s infinite alternate notify;
         }
      }
   }
}

@keyframes notify {
   from {
      opacity: 0.5;
   }

   to {
      opacity: 1;
   }
}