@charset "UTF-8";
/*! auth (r) 2018 
 * @author IcaroFM 
 * @version 1.0 
 */
HTML, BODY {
  height: 100%;
}

BODY {
  color: #444;
  background: #F1EFDF;
  /*min-width: 1090px;*/
}

.highlight {
  color: #CC6500;
}
.highlight-b {
  color: #00796B;
}

.modal-backdrop.show {
  opacity: 0.2;
}

.modal .modal-header > DIV {
  width: 100%;
}
.modal .modal-header H4 {
  flex-grow: 1;
  margin: 0;
}
.modal .modal-header H4 .sub-title {
  display: block;
  font-size: 12px;
}
.modal .modal-header .float-btn {
  cursor: pointer;
  position: absolute;
  right: 13px;
  top: 12px;
}
.modal .modal-dialog {
  margin: 4.4rem auto;
}
.modal .modal-content {
  border-radius: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
}
.modal .modal-header {
  border-bottom: none;
  padding: 8px 15px;
  border-radius: 0;
}
.modal .modal-header H4 {
  padding: 0;
  margin: 0;
}
.modal .modal-body {
  padding: 15px 15px;
}
.modal .modal-body .detail {
  font-size: 12px;
}
.modal .modal-footer {
  border: 0;
  padding: 8px 15px;
}
.modal .modal-footer .btn {
  margin-left: 8px;
}
.modal.m-info .modal-header {
  background: #009688;
  color: #FFF;
  border-bottom: none;
}
.modal.m-success .modal-header {
  background: #4CAF50;
  color: #FFF;
  border-bottom: none;
}
.modal.m-error .modal-header {
  background: #F31100;
  color: #FFF;
  border-bottom: none;
}
.modal.m-confirm .modal-header {
  background: #FF9800;
  color: #FFF;
  border-bottom: none;
}
.modal.m-loading .modal-header {
  background: none;
  border-bottom: none;
  padding: 15px 15px;
}
.modal.m-loading .modal-header H4 {
  font-weight: 100;
  text-align: center;
}
.modal.m-loading .modal-body {
  padding-top: 0;
}
.modal.m-loading .progress {
  height: 3px;
}
.modal.m-loading .progress .progress-bar {
  background-color: #8BC34A;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 1rem 1rem;
}
.modal.m-primni-popup .modal-content {
  border-radius: 0;
}
.modal.m-primni-popup .modal-header {
  background: #CC6500;
  color: #FFF;
  border-bottom: none;
  padding: 8px 15px;
  border-radius: 0;
}
.modal.m-primni-popup .modal-header H4 {
  padding: 0;
  margin: 0;
}
.modal.m-primni-popup .modal-header .close {
  color: #FFF;
  opacity: 1;
  text-shadow: none;
  font-size: 2rem;
  outline: none;
}
.modal.m-primni-popup.type-b .modal-header {
  background: #00796B;
}
.modal.m-primni-popup .modal-body {
  padding: 15px 15px;
}
.modal.m-primni-popup .modal-body .detail {
  font-size: 12px;
  margin-bottom: 28px;
}
.modal.m-primni-popup .modal-footer {
  border: 0;
  padding: 8px 15px;
}
.modal.m-primni-quote .modal-content {
  background-color: #516E7B;
}
.modal.m-primni-quote .modal-content .modal-header {
  background: #00796B;
  color: #FFF;
  border-bottom: none;
  padding: 8px 15px;
  border-radius: 0;
}
.modal.m-primni-quote .modal-content .modal-header H4 {
  padding: 0;
  margin: 0;
}
.modal.m-primni-quote .modal-content .modal-header .close {
  color: #FFF;
  opacity: 1;
  text-shadow: none;
  font-size: 2rem;
  outline: none;
}
.modal.m-primni-quote .modal-content .modal-footer {
  border-top: none;
  padding: 0 1rem 10px;
}
.modal.m-primni-quote .modal-body {
  text-align: center;
  padding: 0;
}
.modal.m-primni-quote .modal-body .question {
  background: #F1EFDF;
  padding: 20px 10px;
  box-shadow: inset 0 -1px 2px #D0CEC0;
}
.modal.m-primni-quote .modal-body .question .message-box {
  display: inline-table;
  margin: 0 10px;
  background: #FFF;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 2px #D0CEC0;
  text-align: left;
  width: 92%;
  max-width: 400px;
}
.modal.m-primni-quote .modal-body .question .who {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 0 -8px 4px;
  padding: 0 8px 4px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  font-family: "Roboto", Arial;
  text-align: left;
  color: #4CAF50;
}
.modal.m-primni-quote .modal-body .question .time {
  float: right;
  font-family: "Roboto", Arial;
  font-weight: normal;
  white-space: nowrap;
  font-size: 13px;
  color: #737373;
  margin: 0 0 -5px 6px;
  vertical-align: bottom;
  line-height: 13px;
}
.modal.m-primni-quote .modal-body .question .message {
  color: #444;
  font-size: 17px;
  word-break: break-word;
  display: inline-block;
  white-space: pre-line;
  text-align: left;
}
.modal.m-primni-quote .modal-body .question .message .opt-desc {
  display: block;
  padding-top: 10px;
}
.modal.m-primni-quote .modal-body .question .message .opt-desc span {
  display: block;
  position: relative;
  line-height: 20px;
  font-size: 14px;
  color: #00796B;
  font-weight: bold;
}
.modal.m-primni-quote .modal-body .question .message .opt-desc span i {
  color: #444;
  position: relative;
  padding-left: 4px;
  font-weight: bold;
  margin-right: 6px;
}
.modal.m-primni-quote .modal-body .question .message .opt-desc span i:before {
  font-size: 22px;
  position: absolute;
  left: 0.4px;
  top: -3.5px;
  font-weight: normal;
  color: #F57F4E;
}
.modal.m-primni-quote .modal-body .slide-object .slide-tabs > DIV {
  background: #FFF;
  color: #D0D0D0;
  font-size: 14px;
  border: 0;
}
.modal.m-primni-quote .modal-body .slide-object .slide-tabs > DIV SPAN {
  font-size: 14px;
  font-weight: bold;
  display: block;
}
.modal.m-primni-quote .modal-body .slide-object .slide-tabs > DIV SPAN I {
  font-size: 11px;
  font-style: normal;
}
.modal.m-primni-quote .modal-body .slide-object .slide-tabs > DIV.actived {
  border-bottom: 3px solid #444;
  padding: 6px 0 3px;
  font-weight: bold;
  color: #444;
}
.modal.m-primni-quote .modal-body .slide-object .slide-tabs > DIV.actived SPAN {
  color: #F57F4E;
}
.modal.m-primni-quote .modal-body .slide-object .slide-tabs > DIV.actived SPAN I {
  color: #444;
}
.modal.m-primni-quote .modal-body .slide-object .slide-content {
  color: #FFF;
}
.modal.m-primni-quote .modal-body .slide-object .slide-content .list-object:empty:before {
  content: "Sem respostas";
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 10px 0;
  color: #FFF;
}
.modal.m-primni-quote .modal-body .slide-object .slide-content .list-object .list-item {
  min-height: 40px;
  border-color: #4C6C7B;
}
.modal.m-primni-quote .modal-body .slide-object .slide-content .list-object .list-item SPAN {
  font-size: 12px;
  float: right;
}

.btn {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.btn input[type=file] {
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}

.dropdown-menu {
  padding: 0;
  border-radius: 0;
}
.dropdown-menu .dropdown-item {
  cursor: pointer;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
  background: #EDEDED;
}

.tooltip {
  top: 0;
}

/*.wrapper{
    display:flex; align-items: stretch;
    height:100%;

    #content{
        min-height: 100vh; height:100%;
        padding-top:$HEADER_SIZE;
        flex-grow:1;
        border-left: 1px solid #F3F3F3;
    }

    #sidebar{
        padding-top: $HEADER_SIZE;
        min-width:250px; max-width:250px; min-height:100vh; flex-grow:1;
        background: #00796B; color:#FFF; overflow:hidden;
        transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1);

        &.min{
            min-width:66px; max-width:66px;
        }

        .sidebar-switch{ 
            display:block; height:45px; font-size: 30px; text-align:right; color:#BFBFBF; background: #FBFBFB; cursor:pointer;
            I {
                width: 66px; line-height: 45px; display:inline-block; text-align:center; border-left:1px solid #F3F3F3; background:#FFF; border-right:1px solid #F3F3F3;
                &:hover{
                    background:#F8F9FA;
                }
            }
        }

        UL{
            &.components{ padding:0 0 20px; }

            LI{
                DIV.sidebar-links { 
                    padding: 6px 0; cursor: pointer; font-size: 1.1em; display: block; white-space:nowrap; position:relative; border-bottom: 1px solid #006F62;
                    &:hover{ background: rgba(255,255,255,0.1); }
                    SPAN{
                        &.icon{ 
                            padding: 0 10px; max-width: 66px; min-width:66px; display:inline-block; text-align:center; 
                        }
                        &.name{
                            padding-right: 10px; line-height:36px; position:absolute; top:50%; margin-top:-17px; left:66px; 
                        }
                    }
                }

                &.active DIV.sidebar-links{ color: #FFEB3B; }
            }
        }
    }
} */
#content {
  min-height: 100vh;
  height: 100%;
  padding-top: 60px;
  flex-grow: 1;
}

.has-sub-links #content {
  padding-top: 92px;
}

#header {
  /*
  position:fixed; z-index: 2;
  top:0;left:0;right:0;
  height:$HEADER_SIZE; background:#00796B; color:#FFF;
  vertical-align:top;

  .top{ height:$HEADER_SIZE; }
  .sub{ 

      height: 32px;
      display:none; background: #ACB5BC;

      A{
          color: #FFF; display: inline-block; height: 32px; padding: 4px 10px; vertical-align:top;
          &:not(:first-child){ margin-left: 25px; }
          &:hover{ background: #889198; text-decoration: none; }
          &.actived,&:hover.actived{  font-weight: bold; color: #CC6500; background: #F1EFDF; }
      }

  }

  &.has-sub-links {
      height: $HEADER_SIZE + 32px;
      .sub{ display:block; }
  }

  .logo{ 
      float:left; margin-top:5px;

      IMG{
          max-height:50px;
      }

  }

  .right{ 

      float:right; vertical-align:top;

      > DIV{ 

          display: inline-table; margin-top: 10px; margin-right: 12px;

          &.info{ font-size: 13px; text-align:right; vertical-align:top; line-height: 16px; margin-top:13px; }
          &[action]{ 
              cursor:pointer; font-size: 26px; margin-left:3px;
              &:hover{ color: #CC6500; }
              &:last-child{ margin-right: 0; }
          }
      }
  }*/
}

.white-box {
  border: 1px solid #D0D0D0;
  background: #FFF;
  margin: 15px;
  padding: 15px;
  display: flex;
}
.white-box.full {
  width: 100%;
}
.white-box.justify {
  justify-content: center;
  -webkit-box-pack: center;
}
.white-box.middle {
  align-items: center;
  -webkit-box-align: center;
}

.padding-0 {
  padding: 0;
}
.padding-right-0 {
  padding-right: 0;
}
.padding-left-0 {
  padding-left: 0;
}
.padding-top-0 {
  padding-top: 0;
}
.padding-bottom-0 {
  padding-bottom: 0;
}

.margin-0 {
  margin: 0;
}
.margin-right-0 {
  margin-right: 0;
}
.margin-left-0 {
  margin-left: 0;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-bottom-0 {
  margin-bottom: 0;
}

.btn-default {
  background-color: transparent;
}
.btn-default:hover {
  background-color: #EFEFEF;
}

.form-control:focus {
  border-color: #8BC34A;
  box-shadow: 0 0 0 0.2rem rgba(139, 195, 74, 0.45);
}

.input-group-text {
  background: #E4E3DC;
  border-color: #E4E3DC;
  color: #FFF;
  font-size: 11px;
}

.input-group:focus-within .input-group-text {
  /*         box-shadow: 0 0 0 .2rem rgba(139,195,74,0.25); */
}

.input-container {
  width: 100%;
}

.invalid-feedback {
  margin-top: -1px;
  margin-bottom: -18px;
  text-align: right;
}

.m-login.iframe {
  background: transparent;
}
.m-login.iframe .box .col-a,
.m-login.iframe .box .col-b {
  box-shadow: none;
  background: transparent;
}
.m-login H1, .m-login H3 {
  text-transform: uppercase;
}
.m-login H1 IMG, .m-login H3 IMG {
  max-width: 100%;
  max-height: 80px;
}
.m-login .btn.loading:after {
  content: "";
  font-family: FontAwesomeFree;
  font-weight: 900;
  float: right;
  animation: rotating 2s linear;
  animation-iteration-count: infinite;
}
.m-login .box {
  min-height: 360px;
}
.m-login .box .col-a, .m-login .box .col-b {
  padding: 16px 8px;
}
.m-login .box .col-a {
  background: #FFF;
  /*color:#FFF;*/
  box-shadow: 0 1px 2px #D0CEC0;
}
.m-login .box .col-a IMG {
  max-height: 160px;
}
.m-login .box .col-b {
  background: #FFF;
  /*color:#FFF;*/
  box-shadow: 0 1px 2px #D0CEC0;
}
.m-login A {
  font-size: 13px;
  /*color: #CCC;*/
  cursor: pointer;
}
.m-login A:hover {
  text-decoration: underline !important;
}

.m-project-select .sl-proj {
  width: 100%;
  min-height: 80px;
  /*display:flex; align-items: center; justify-content:center;*/
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 3px;
  outline: none;
  box-shadow: 0 0 0 1px #CCC;
  border: 0;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 );
  /* IE6-9 */
}
.m-project-select .sl-proj IMG {
  max-width: 100%;
  max-height: 80px;
  margin-top: 10px;
}
.m-project-select .sl-proj .content {
  width: 100%;
  padding: 10px;
}
.m-project-select .sl-proj:hover {
  box-shadow: 0 0 0 0.2rem rgba(205, 255, 148, 0.52);
}

.m-home .title {
  display: block;
  text-align: center;
}
.m-home .title img {
  min-height: 60px;
  max-height: 60px;
  display: inline-table;
}
.m-home .table-view {
  font-size: 13px;
}
.m-home .table-view .fas {
  font-size: 12px;
  margin: 0 4px;
  cursor: pointer;
  color: #009688;
}
.m-home .table-view .fas[action=user-edit], .m-home .table-view .fas[action=user-key] {
  visibility: hidden;
}
.m-home .table-view .fas[action=user-key] {
  color: #FF9800;
}
.m-home .table-view .fas.fa-thumbs-up {
  color: #4CAF50;
}
.m-home .table-view .fas.fa-thumbs-down {
  color: #f44336;
}
.m-home .table-view table tfoot th {
  /*border:0;*/
  padding-top: 30px;
  text-align: center;
}
.m-home .table-view table tfoot th nav {
  display: inline-block;
}
.m-home .table-view table tbody:empty {
  display: block;
  border-bottom: 0;
}
.m-home .table-view table tbody:empty:before {
  content: "Nenhum registro";
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  padding: 20px;
  font-size: 16px;
  color: #777;
}
.m-home .table-view tr:hover .fas[action=user-edit], .m-home .table-view tr:hover .fas[action=user-key] {
  visibility: visible !important;
}
.m-home .other-options .fas {
  cursor: pointer;
  font-size: 26px;
  color: #777;
}
.m-home .other-options .fas:hover[action=add-user] {
  color: #43A047;
}
.m-home .other-options .fas:hover[action=download-csv] {
  color: #FF9800;
}
.m-home .other-options .fas:hover[action=upload-csv] {
  color: #2196F3;
}

.m-logs TD.td-projectid-auth {
  background: #000;
  color: #FFF;
  border-color: #444;
  text-align: center;
  font-weight: bold;
}
.m-logs TD.td-projectid-copa {
  background: #8daf4d;
  color: #FFF;
  border-color: #729432;
  text-align: center;
  font-weight: bold;
}
.m-logs TD.td-projectid-set {
  background: #f79527;
  color: #FFF;
  border-color: #dc8018;
  text-align: center;
  font-weight: bold;
}
.m-logs TD.td-projectid-templates {
  background: #ff0000;
  color: #FFF;
  border-color: #cc0c0c;
  text-align: center;
  font-weight: bold;
}
.m-logs TD.td-projectid-logexec {
  background: #401eec;
  color: #FFF;
  border-color: #1b0494;
  text-align: center;
  font-weight: bold;
}
.m-logs TD.td-projectid-radar {
  background: #800901;
  color: #FFF;
  border-color: #3a0502;
  text-align: center;
  font-weight: bold;
}
.m-logs TD.td-projectid-logtranslate {
  background: #03a9f4;
  color: #FFF;
  border-color: #1687cc;
  text-align: center;
  font-weight: bold;
}

INPUT[type=checkbox], INPUT[type=radio] {
  /*opacity:0;*/
  position: relative;
  cursor: pointer;
  height: 16px;
  margin-right: 10px;
}
INPUT[type=checkbox]:before, INPUT[type=radio]:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #FFF;
  border: 1px solid #CCC;
  display: block;
}
INPUT[type=checkbox]:after, INPUT[type=radio]:after {
  content: "";
  position: absolute;
}
INPUT[type=checkbox]:hover:before, INPUT[type=radio]:hover:before {
  background: #EEE;
}
INPUT[type=checkbox]:checked:before, INPUT[type=radio]:checked:before {
  background: #10AD9B;
  border: 0;
}
INPUT[type=checkbox]:checked:after, INPUT[type=radio]:checked:after {
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 6px;
  top: 2px;
}
INPUT[type=checkbox][disabled]:before, INPUT[type=radio][disabled]:before {
  background: #EEE;
  border: 0;
}
INPUT[type=radio]:before {
  top: -1px;
  border-radius: 50%;
}
INPUT[type=radio]:checked:after {
  width: 7px;
  height: 13px;
  left: 7px;
  top: 2px;
}

.has-scroll-top {
  box-shadow: inset -2px 4px 5px rgba(0, 0, 0, 0.2);
}

.has-scroll-bottom {
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.2);
}

.has-scroll-top.has-scroll-bottom {
  box-shadow: inset -2px 4px 5px rgba(0, 0, 0, 0.2), inset -2px -2px 4px rgba(0, 0, 0, 0.2);
}

/*# sourceMappingURL=style.min.css.map */
