.picture {
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left:auto;

    top: 0%;

    position:absolute;
    left:0;
    bottom:48%;
    /* width:100%; */
    text-align:center;
    color:#aaa;
    /* background-color: white; */
  }
  /* .label {
    width: 200px;
    height: 200px;
    border: solid 1px black; 
  } */
  .dropzone {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    margin-bottom: 2%;

    width: 200px;
    height: 100px;
    border: 1px dashed black;

    position:relative;
    border:2px dashed #ccc;
    width:99%;
    height:250px;
    overflow:auto
  }
  /* .border {
    padding:10px;
    background-color: lightgray;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    max-height: 250px;
  } */

  .file-dropzone .screenshot-zone {
    position:relative;
    border:2px dashed #ccc;
    width:99%;
    height:250px;
    overflow:auto
  }
 
  .file-dropzone-inner .screenshot-inner {
    position:absolute;
    left:0;
    bottom:48%;
    width:100%;
    text-align:center;
    color:#aaa
  }

  .screenshot-pasted {
    border:2px solid #ced4da;
    position:relative;
    border:2px dashed #ccc;
    width:99%;
    height:250px;
    overflow:auto
  }
  
  /*.pull-left {*/
  /*  transform: translate3d(0px, 4%, 0px) !important;*/
  /*}*/
  
  .task-tags li {
    display: inline-block;
    margin: 3px 3px 0 0;
    padding: 1px 3px 1px 3px;
    color: #333;
    border: 1px solid #333;
    border-radius: 4px;
  }
  
  /* Ajuste z-index de 1050 para 1100 para corrigir modal Inserir link do summernote */
  .modal {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1100;
      display: none;
      width: 100%;
      height: 100%;
      overflow: hidden;
      outline: 0;
  }
  
  /*.popover {*/
  /*      position: absolute;*/
  /*      top: 0;*/
  /*      left: 0;*/
  /*      z-index: 2000 !important;*/
  /*      display: none;*/
  /*      max-width: 276px;*/
  /*      padding: 1px;*/
  /*      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
  /*      font-size: 14px;*/
  /*      font-style: normal;*/
  /*      font-weight: 400;*/
  /*      line-height: 1.42857143;*/
  /*      text-align: left;*/
  /*      text-align: start;*/
  /*      text-decoration: none;*/
  /*      text-shadow: none;*/
  /*      text-transform: none;*/
  /*      letter-spacing: normal;*/
  /*      word-break: normal;*/
  /*      word-spacing: normal;*/
  /*      word-wrap: normal;*/
  /*      white-space: normal;*/
  /*      background-color: #fff;*/
  /*      -webkit-background-clip: padding-box;*/
  /*      background-clip: padding-box;*/
  /*      border: 1px solid #ccc;*/
  /*      border: 1px solid rgba(0,0,0,.2);*/
  /*      border-radius: 6px;*/
  /*      -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);*/
  /*      box-shadow: 0 5px 10px rgba(0,0,0,.2);*/
  /*      line-break: auto;*/
  /* }  */

   .note-hint-popover {
        min-width: 100px;
        padding: 2px;
   }
   
   .note-popover.popover {
       display: none;
       max-width: none;
   }
   
   .note-hint-popover .popover-content {
       padding: 3px;
       max-height: 150px;
       overflow: auto;
   }
   
  .note-hint-popover {
    min-width: 100px;
    padding: 2px;
  }
  
  .note-popover.popover {
    display: none;
    max-width: none;
  }
  
  .popover-body img, .popover-content img {
    /* width: 100%; */
  }





/* Ribbon*/
.ribbon-wrapper {
  height: 70px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 70px;
  z-index: 10;
}

.ribbon-wrapper.ribbon-lg {
  height: 120px;
  width: 120px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
  right: 0;
  top: 26px;
  width: 160px;
}

.ribbon-wrapper.ribbon-xl {
  height: 180px;
  width: 180px;
}

.ribbon-wrapper.ribbon-xl .ribbon {
  right: 4px;
  top: 47px;
  width: 240px;
}

.ribbon-wrapper .ribbon {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  font-size: 0.8rem;
  line-height: 100%;
  padding: 0.375rem 0;
  position: relative;
  right: -2px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 90px;
}

.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #9e9e9e;
  bottom: -3px;
  content: "";
  position: absolute;
}

.ribbon-wrapper .ribbon::before {
  left: 0;
}

.ribbon-wrapper .ribbon::after {
  right: 0;
}



.bg-red {
  background-color: #F44336 !important;
  color: #fff !important; }
.bg-pink {
  background-color: #E91E63 !important;
  color: #fff !important; }
.bg-purple {
  background-color: #9C27B0 !important;
  color: #fff !important; }
.bg-deep-purple {
  background-color: #673AB7 !important;
  color: #fff !important; }
.bg-indigo {
  background-color: #3F51B5 !important;
  color: #fff !important; }
.bg-blue {
  background-color: #2196F3 !important;
  color: #fff !important; }
.bg-light-blue {
  background-color: #03A9F4 !important;
  color: #fff !important; }
.bg-cyan {
  background-color: #00BCD4 !important;
  color: #fff !important; }
.bg-teal {
  background-color: #009688 !important;
  color: #fff !important; }
.bg-green {
  background-color: #4CAF50 !important;
  color: #fff !important; }
.bg-light-green {
  background-color: #8BC34A !important;
  color: #fff !important; }
.bg-lime {
  background-color: #CDDC39 !important;
  color: #fff !important; }
.bg-yellow {
  background-color: #ffe821 !important;
  color: #fff !important; }
.bg-amber {
  background-color: #FFC107 !important;
  color: #fff !important; }
.bg-orange {
  background-color: #FF9800 !important;
  color: #fff !important; }
.bg-deep-orange {
  background-color: #FF5722 !important;
  color: #fff !important; }
.bg-brown {
  background-color: #795548 !important;
  color: #fff !important; }
.bg-grey {
  background-color: #9E9E9E !important;
  color: #fff !important; }
.bg-blue-grey {
  background-color: #607D8B !important;
  color: #fff !important; }
.bg-black {
  background-color: #000000 !important;
  color: #fff !important; }
.bg-white {
  background-color: #ffffff !important;
  color: #fff !important; }