.roboto {
  font-family: 'Roboto Mono', monospace; }

.open-sans {
  font-family: 'Open Sans', sans-serif; }

.alias {
  cursor: alias; }

.all-scroll {
  cursor: all-scroll; }

.auto {
  cursor: auto; }

.cell {
  cursor: cell; }

.context-menu {
  cursor: context-menu; }

.col-resize {
  cursor: col-resize; }

.copy {
  cursor: copy; }

.crosshair {
  cursor: crosshair; }

.default {
  cursor: default; }

.e-resize {
  cursor: e-resize; }

.ew-resize {
  cursor: ew-resize; }

.grab {
  cursor: -webkit-grab;
  cursor: grab; }

.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.help {
  cursor: help; }

.move {
  cursor: move; }

.n-resize {
  cursor: n-resize; }

.ne-resize {
  cursor: ne-resize; }

.nesw-resize {
  cursor: nesw-resize; }

.ns-resize {
  cursor: ns-resize; }

.nw-resize {
  cursor: nw-resize; }

.nwse-resize {
  cursor: nwse-resize; }

.no-drop {
  cursor: no-drop; }

.none {
  cursor: none; }

.not-allowed {
  cursor: not-allowed; }

.pointer {
  cursor: pointer; }

.progress {
  cursor: progress; }

.row-resize {
  cursor: row-resize; }

.s-resize {
  cursor: s-resize; }

.se-resize {
  cursor: se-resize; }

.sw-resize {
  cursor: sw-resize; }

.text {
  cursor: text; }

.url {
  cursor: url(myBall.cur), auto; }

.w-resize {
  cursor: w-resize; }

.wait {
  cursor: wait; }

.zoom-in {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.zoom-out {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.modal-backdrop {
  background: #878787 !important; }

.modal-content {
  border: 0; }

.modal-alterar-senha {
  width: 615px;
  padding-bottom: 10px; }
  .modal-alterar-senha .header-1 {
    margin-bottom: 40px; }

.modal-master-alterar-senha {
  width: 615px !important;
  max-width: none; }

.btn-style {
  background: #015F3D;
  color: #FFF;
  text-transform: uppercase;
  font-size: 15px;
  border: 0;
  padding: 7px 43px;
  display: block;
  margin: 0px auto 0; }

.container-suporte-alerta-1 {
  float: left;
  width: 100%; }

#modalUsuarioBloqueado .header-1 {
  margin-bottom: 30px; }
#modalUsuarioBloqueado p:last-child {
  margin-bottom: 40px; }
#modalUsuarioBloqueado .box-style-1 {
  padding-bottom: 30px; }

#modalAcessoNaoAutorizado .header-1 {
  margin-bottom: 30px; }
#modalAcessoNaoAutorizado p:last-child {
  margin-bottom: 40px; }
#modalAcessoNaoAutorizado .box-style-1 {
  padding-bottom: 30px; }

/* Customize the label (the container-label) */
.container-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.container-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #E6E6E6; }

/* On mouse-over, add a grey background color */
.container-label:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.container-label input:checked ~ .checkmark {
  background-color: #E6E6E6; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.container-label input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.container-label .checkmark:after {
  width: 10px;
  height: 10px;
  background-color: #015F3D;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0; }

header {
  float: left;
  width: 100%;
  background: #015F3D;
  padding: 20px 88px; }
  header .span-header-1 {
    color: #fff;
    margin: 0;
    float: left; }
  header .img-logo {
    max-width: 100%;
    width: 97px;
    float: right; }

#header-2 {
  float: left;
  width: 100%;
  background: #20A52F;
  padding: 12px 88px; }
  #header-2 .box-menu {
    float: left;
    cursor: pointer; }
    #header-2 .box-menu img {
      width: 38px; }
    #header-2 .box-menu span {
      font-size: 20px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 500;
      margin-left: 5px;
      position: relative;
      top: 2px; }
  #header-2 .box-avatar-usuario {
    float: right;
    cursor: pointer; }
    #header-2 .box-avatar-usuario span {
      color: #fff;
      margin-right: 15px; }
    #header-2 .box-avatar-usuario img {
      width: 24px; }

.box-style-1 {
  display: block;
  margin: auto;
  background: #ffffff; }

h3.p-h3-alerta-1 {
  text-align: center;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px; }

.header-1 {
  float: left;
  width: 100%;
  background: #20A52F;
  padding: 15px; }

.header-1 H2 {
  text-align: center;
  color: #FFF;
  font-size: 18px;
  margin: 0; }

.suporte-box-style-1 {
  float: left;
  width: 100%;
  padding: 20px 0; }

.p-style-1 {
  text-align: center;
  font-size: 13px;
  float: left;
  width: 100%; }

.ul-style-1 {
  list-style: none;
  padding: 0;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 10px; }
  .ul-style-1 li {
    text-align: center;
    font-size: 13px; }

.form-style-1 {
  float: left;
  width: 100%;
  padding: 0 50px; }
  .form-style-1 .grupo-form1 {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    .form-style-1 .grupo-form1 label {
      font-size: 13px;
      float: left;
      margin-top: 10px; }
    .form-style-1 .grupo-form1 input {
      border: 0;
      background: #E6E6E6;
      font-size: 13px;
      padding: 10px 5px;
      width: 330px;
      float: right; }
  .form-style-1 button {
    background: #015F3D;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    border: 0;
    padding: 7px 43px;
    display: block;
    margin: 20px auto 0; }

.w-primeiro-acesso {
  width: 615px;
float: left; }

#box-login {
  margin: 0;
  background: #fff;
  width: 615px;
  min-height: auto;
  padding: 35px; }
  #box-login .grupo-form-login {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
    #box-login .grupo-form-login input {
      border: 0;
      background: #E6E6E6;
      font-size: 13px;
      padding: 10px;
      width: 100%;
      float: right;
      color: #4D4D4D;
      font-family: 'Roboto Mono', monospace;
      font-weight: 300;
      font-style: normal; }
      #box-login .grupo-form-login input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #4D4D4D;
        font-family: 'Roboto Mono', monospace;
        font-weight: 300;
        font-style: normal; }
      #box-login .grupo-form-login input::-moz-placeholder {
        /* Firefox 19+ */
        color: #4D4D4D;
        font-family: 'Roboto Mono', monospace;
        font-weight: 300;
        font-style: normal; }
      #box-login .grupo-form-login input:-ms-input-placeholder {
        /* IE 10+ */
        color: #4D4D4D;
        font-family: 'Roboto Mono', monospace;
        font-weight: 300;
        font-style: normal; }
      #box-login .grupo-form-login input:-moz-placeholder {
        /* Firefox 18- */
        color: #4D4D4D;
        font-family: 'Roboto Mono', monospace;
        font-weight: 300;
        font-style: normal; }
  #box-login button {
    background: #015F3D;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    border: 0;
    padding: 7px 43px;
    display: block;
    margin: 20px auto 0; }
  #box-login .footer {
    width: 100%;
    float: left;
    margin-bottom: 15px; }
    #box-login .footer .container-label {
      float: left; }
    #box-login .footer a {
      float: right;
      font-size: 14px;
      text-decoration: underline;
      color: #4D4D4D; }
  #box-login .box-img-login {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px; }
    #box-login .box-img-login img {
      width: 91px; }
    #box-login .box-img-login span {
      float: left;
      width: 100%;
      color: #000;
      font-size: 13px;
      margin-top: 5px;
      font-weight: 700; }

#box-regionais {
  width: 100%; }

.box-style-2 {
  background: #fff;
  text-align: center;
  float: left; }
  .box-style-2 .header-box-style-2 {
    width: 100%;
    background: #AAC600;
    position: relative;
    padding: 15px 5px;
  margin-bottom: 20px; }
    .box-style-2 .header-box-style-2 h2 {
      color: #fff;
      margin: 0;
      font-size: 18px;
      text-align: center; }
    .box-style-2 .header-box-style-2 .icon-x {
      width: 26px;
      cursor: pointer;
      position: absolute;
      right: 10px;
      top: 0;
      bottom: 0;
      margin: auto; }
  .box-style-2 .h3-box-form-style-2 {
    text-align: center;
    color: #fff;
    background: #015F3D;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 0;
    width: 80%;
    display: block;
    margin: 30px auto 0; }
  .box-style-2 form {
    width: 100%; }
    .box-style-2 form .box-grupo-form-style-2 {
      text-align: center;
      width: 486px;
      display: inline-table;
      margin: auto; }
      .box-style-2 form .box-grupo-form-style-2 input {
        border: 1;
        width: 50%;
        text-align: center;
        background: #E6E6E6;
        color: #000;
        font-weight: 400;
        font-size: 16px;
        margin: 3px 0;
        padding: 4.5px 0;
        outline: none;
        cursor: pointer; }
    .box-style-2 .box-button-style-2 {
      display: block;
      margin: 30px auto 30px;
      text-align: center;
      width: 486px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .box-style-2 .box-button-style-2 .btn-style-2 {
        background: #015F3D;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        border: 0;
        padding: 6px 17px; }

div#menu-usuario {
  background: #20a52f;
  height: 100%;
  width: 281px;
  position: absolute;
  top: 0;
  right: 0;
  display: none; }
  div#menu-usuario ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    padding: 30px 88px; }
    div#menu-usuario ul li {
      float: left;
      width: 100%; }
      div#menu-usuario ul li a {
        float: left;
        width: 100%;
        font-weight: 400;
        color: #fff;
        font-size: 18px;
        text-align: right; }

#menu {
  background: #20a52f;
  height: 100%;
  width: 426px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 1; }
  #menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    padding: 30px 88px; }
    #menu ul li {
      float: left;
      width: 100%; }
      #menu ul li a {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #fff;
        float: left;
        width: 100%;
        text-transform: uppercase; }
        #menu ul li a:hover {
          text-decoration: none; }
      #menu ul li .sub-menu {
        float: left;
        width: 100%;
        padding: 0;
        padding-left: 5px;
        z-index: 1;
        display: none; }
        #menu ul li .sub-menu li {
          float: left;
          width: 100%; }
          #menu ul li .sub-menu li a {
            text-transform: none;
            font-size: 16px;
            padding: 5px;
            border: 0; }
            #menu ul li .sub-menu li a:hover {
              color: #DCE359; }
      #menu ul li:last-child a {
        border-bottom: 0; }

.js-pointer-events-none {
  pointer-events: none; }

.js-selecionar-input {
  background: #79c982 !important;
  color: #fff !important; }

body {
  float: left;
  width: 100%;
  height: 100vh;
  background: rgba(32, 165, 47, 0.6); }

.view1 {
  float: left;
  width: 100%;
  height: calc(100vh - 122.7px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.bold {
  font-weight: 700; }

#app{
    float: left;
    width: 100%;
    height: 100%;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
}
div#div_loader {
    left: 46%;
    top: 37%;
    position: absolute;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
div#view_screen {}

div#view_screen {
    width: 50%;
    min-height: auto;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}



td.td-regionais {
  width: 50%!important;
  float: left;
}
tr .td-regionais:last-child{
  border-right: 0;
}
.box-form-style-2 table {margin: auto;width: 100%;}

.box-form-style-2 table tbody {
    float: left;
    width: 100%;
}

.box-form-style-2 table tbody tr {
    float: left;
    width: 100%;
}


.box-form-style-2 table tbody tr td input {
    width: 100%;
    background: #E6E6E6;
    border: 1px solid #fff;
    cursor: pointer;
}

.box-form-style-2 table tbody tr td input {
    border: 0;
    padding: 4px 5px;
    text-align: center;
    outline: none;
    text-transform: capitalize;
}

.box-form-style-2 th {
  background: #015F3D;
  color: #fff;
  padding: 4px 5px;
  text-align: left;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;

}
.box-form-style-2 td{
  background: #E6E6E6;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 4px 5px;
  text-align: left;
  cursor: pointer;
  text-transform: capitalize;

}
.w-1{
  min-width: 130px;
}
.w-2{
  min-width: 330px;
}
.w-3{
  min-width: 250px;
}
.w-4{
  min-width: 447px;
}
.box-form-style-2{
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto 0;
  position: relative;
}
.tr-selecionada td {
  background: #79c982;
  color: #fff;
}
#perfectScroll{
  position: relative;
  width: 40vw;
    height: 23.5vh;
    display: block;
    margin: auto;
}
.perfectScroll{
  position: relative;
  width: 40vw;
    height: 23.5vh;
    display: block;
    margin: auto;
    overflow: auto;
}


#scroll-table {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto 0;
  position: relative;
}

.tr-selecionada td input {
  background: #79c982!important;
  border: 0!important;
  text-transform: capitalize;
  color: #fff;
}
.grupo-form-style-2 label {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  margin-right: 10px;
  margin-bottom: 0;
}
.grupo-form-style-2 input {
  font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-style: normal;
    background: #E6E6E6;
    padding: 4px 10px;
    font-size: 16px;
    border: 0;
    outline: none;
    color: #333333;
    width: 65%;
}
.box-form-style-2 .row{
  margin-bottom: 20px;
}
.box-form-style-2 .row div[class^='col-'] {display: flex;align-items: center;    justify-content: space-between;}
.suporte-grupo-form-style-2{
  display: flex;
  align-items: center;
}
.grupo-form-style-2 {
  display: flex;
  align-items: center;
}

.box-modal-master-destino {
  float: left;
  width: 100%;
  overflow: hidden;
}
.container-modal-base-destino .swal2-popup {
  width: 50%!important;
}
.container-modal-endereco-entrega .swal2-popup {
  width: 50%!important;
}
.box-modal-master-destino .form-control {
  height: calc(1.875rem + 2px);
  font-family: 'Roboto Mono', monospace;
  font-weight: 400;
  font-style: normal;
  background: #E6E6E6;
  padding: 4px 10px;
  font-size: 16px;
  border: 0;
  outline: none;
  color: #333333;
  width: 65%;
  display: block;
  margin: auto;
}

.box-modal-master-destino .form-group label{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.container-modal-base-destino .perfectScroll{
  height: 40vh;
}
.container-modal-endereco-entrega .perfectScroll{
  height: 40vh;
}
#box-gerar-requiscao{
  width: 900px;
}
.span-style-1{
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0;
  font-size: 12px;
  text-align: left;
  align-self: center;
}
.label-style-gerar1{
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0;
  font-size: 11px;
  text-align: left;
  float: left;
align-self: center;
}
.label-style-gerar1.w-1{
  min-width: 94px;
}
.label-style-gerar1.w-2{
  width: 36px;
  min-width: auto;
}
.label-style-gerar1.w-3{
  width: 134px;
  min-width: auto;
}
.label-style-gerar1.w-4{
  width: 160px;
  min-width: auto;
}


.input-style-gerar1{
  font-family: 'Roboto Mono', monospace;
    font-size: 13px;
    background: #E6E6E6;
    border: 0;
    padding: 6px 8px;
    outline: none;
}
.input-style-gerar1.w-1{
 width: 173px;
}
.input-style-gerar1.w-2{
  width: 104px;
  min-width: auto;
  }
  .input-style-gerar1.w-2_2{
    width: 150px;
    min-width: auto;
    }
  .input-style-gerar1.w3{
    width: 258px;
    min-width: auto;
  }
  .input-style-gerar1.w-4{
    width: 290px;
    min-width: auto;
  }
  .input-style-gerar1.w-5{
    width: 68px;
    min-width: auto;
  }
  .input-style-gerar1.w-6{
    width: 676px;
    min-width: auto;
  }
  .input-style-gerar1.w-7{
    width: 395px;
  }
  .input-style-gerar1.w-8{
    width: 590px;
  }
.form_gerar_requisicao{
  float:left;
  width: 100%;
  padding: 0 45px;
}
.box-estilo-gerar {
  float: left;
display: flex;
align-content: center;
justify-content: space-between;

}

.flex-suporte-requi {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#box-base-destino{
  width: 100%;
}

.style-update-1{
  float: left;
width: 100%;
overflow: hidden;
}
.style-update-1 .form-group label {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.style-update-1 .form-control {
    height: calc(1.875rem + 2px);
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-style: normal;
    background: #E6E6E6;
    padding: 4px 10px;
    font-size: 16px;
    border: 0;
    outline: none;
    color: #333333;
    width: 65%;
    display: block;
    margin: auto;
}

#table-tipo-usuario {
  width: 448px;
}
.table-width-447{
  width: 447px!important;
}

.textarea-style-1s{
  background: #E6E6E6;
  font-family: 'Roboto Mono', monospace;
  font-size: 13px;
  background: #E6E6E6;
  border: 0;
  padding: 6px 8px;
  outline: none;
  resize: none;
}

.textarea-w-1{
  width: 678px;
}

#box-gerar-requiscao #perfectScroll{
  width: 100%!important;
  height: 500px;
}

#gerar_req_1 form {
float: left;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#gerar_req_1 {
  width: 785px !important;
}

#gerar_req_1 input {
  width: 391px !important;
}
#gerar_req_1 textarea {
  width: 391px !important;
}

.input-style-gerar1[disabled]{
  background: rgb(180, 180, 180);
  cursor: no-drop;
  color: black;
}

.input-style-gerar1[readonly]{
    background: rgb(180, 180, 180);
    cursor: no-drop;
    color: black;
}

.capitalize{
  text-transform: capitalize;
}

#gerar_req_1 .select2 {
    width: 391px !important;
}

#gerar_req_1 .select2-container--default .select2-selection--single {
  background: #e6e6e6;
  font-family: 'Roboto Mono', monospace;
  font-size: 13px;
  height: 32px;
  border: 0;
  text-align: left;
  padding-left: 10px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #20a52f;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: #79c982;
}

.select2-results__option {
  background: #e6e6e6;
}

input#mes_ano_cronograma_inicial {
    width: 185px !important;
}

input#mes_ano_cronograma_final {
    width: 185px !important;
    margin-left: 20px;
}


.w-190px{
  width: 190px;
}
.container-alterar-requisicao .swal2-modal {
  width: 50%;
}

.container-alterar-requisicao tr th:first-child {
  width: 65%;
  float: left;
}
.container-alterar-requisicao tr th:last-child {
  width: 35%;
  float: left;
}


.container-alterar-requisicao tr td:first-child {
  width: 65%;
  float: left;
}
.container-alterar-requisicao tr td:last-child {
  width: 35%;
  float: left;
}

textarea[disabled] {
    background: rgb(180, 180, 180);
    cursor: no-drop;
}

.master-radio-style-1 div label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0;
  font-size: 11px;
  text-align: left;
  float: left;
  align-self: center;
}
.select-style-2 {
  font-family: 'Roboto Mono', monospace;
  font-size: 13px;
  background: #E6E6E6;
  border: 0;
  padding: 6px 8px;
  outline: none;
  width: 390px;
}
@media only screen and (max-width: 1199px){
  div#view_screen{
    width: 70%;
  }
  #box-regionais #perfectScroll{
    width: 80%;
  }
  #box-base-destino #perfectScroll{
    width: 80%;
  }
  .container-modal-base-destino .swal2-popup{
    width: 80%!important;
  }
  .container-modal-base-destino .perfectScroll{
    width: 80%;
  }
    .container-modal-endereco-entrega .swal2-popup {
        width: 80%!important;
    }
    .container-modal-endereco-entrega .perfectScroll {
        width: 80%!important;
    }
    .container-alterar-requisicao .swal2-modal{
        width: 80%!important;
    }
    .container-alterar-requisicao #perfectScroll{
        width: 80%!important;
    }
}

@media only screen and (max-height: 763px){
  #box-gerar-requiscao #perfectScroll {
    height: 56vh;
}
}

#box-gerar-requiscao{
    width: auto;
}

@media only screen and (max-width: 992px){
    #box-gerar-requiscao{
        width: 100%;
    }
}