* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  min-height: 90vh;
  background-color: aquamarine;
  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;
  font-family: Arial, Helvetica, sans-serif;
}

section {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 45px auto 55px;
      grid-template-rows: 45px auto 55px;
}

.section {
  position: relative;
  float: left;
  width: 100%;
  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;
}

.ui-tabs {
  width: 380px;
  position: relative;
  padding: 0.2em;
  background-color: antiquewhite;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 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;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget span {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.buttont, .buttont1 {
  background: #f6f6f6;
  border: none;
  color: #454545;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

.buttonta, .buttonta1 {
  background: #054b91;
  border: none;
  color: white;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

audio, video, button {
  outline: none;
}

.icon {
  width: 26px;
  height: 15px;
  padding: 2px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

.icon1 {
  width: 26px;
  height: 15px;
  padding: 2px;
  background-size: 22px 32px;
  background-repeat: no-repeat;
  background-position: center center;
}

.caret-up {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="292.362px" height="292.361px" viewBox="0 0 292.362 292.361" style="enable-background:new 0 0 292.362 292.361;" xml:space="preserve"><path fill="white" d="M286.935,197.287L159.028,69.381c-3.613-3.617-7.895-5.424-12.847-5.424s-9.233,1.807-12.85,5.424L5.424,197.287C1.807,200.904,0,205.186,0,210.134s1.807,9.233,5.424,12.847c3.621,3.617,7.902,5.425,12.85,5.425h255.813c4.949,0,9.233-1.808,12.848-5.425c3.613-3.613,5.427-7.898,5.427-12.847S290.548,200.904,286.935,197.287z"/></svg>');
}

.caret-down {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="292.362px" height="292.362px" viewBox="0 0 292.362 292.362" style="enable-background:new 0 0 292.362 292.362;" xml:space="preserve"><path fill="white" d="M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z"/></svg>');
}

.iframe {
  background-color: #fff;
  border: 1px green solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 5px;
}

#textBox {
  min-height: 28px;
  padding: 4px;
  outline: none;
  text-decoration: none;
  font-size: 20px;
}

.iframe1 {
  background-color: #fff;
  border: 1px green solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 10px;
}

.iframe1-error {
  border: 2px solid red;
}

#textBox1 {
  width: 44px;
  min-height: 28px;
  padding: 4px;
  outline: none;
  text-decoration: none;
  border: 0;
  /* font-size: 18px;*/
}

.iframe2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#textBox2 {
  width: 293px;
  min-height: 30px;
  padding: 4px;
  outline: none;
  text-decoration: none;
  background-color: #fff;
  border: 1px green solid;
  border-radius: 5px;
}

.text {
  white-space: nowrap;
  overflow: hidden;
}

.number {
  float: left;
}

.caret {
  position: relative;
  background-color: green;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-right: 5px;
}

.check-icon {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><path fill="green" d="M7.3 14.2l-7.1-5.2 1.7-2.4 4.8 3.5 6.6-8.5 2.3 1.8z"></path></svg>');
}

.fa-button {
  background-color: white;
  height: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 12px;
  float: left;
  cursor: pointer;
  border-radius: 7px;
  border: 1px solid green;
  margin-right: 5px;
}

.fa-button-error {
  border: 2px solid red;
}

.button {
  background-color: white;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 12px;
  cursor: pointer;
  border-radius: 7px;
  border: 1px solid green;
  padding: 5px;
}

.bclickb {
  float: right;
}

.bclick {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.form {
  display: none;
}

.form2 {
  padding: 2px 0px;
  min-height: 34px;
}

.form-label {
  padding: 2px 0px;
  float: left;
  margin-right: 15px;
}

.form-label1 {
  padding: 2px 0px;
  float: left;
}

.form1 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 6px;
  position: relative;
  outline: none;
  text-decoration: none;
}

.col-sm-12 {
  width: 100%;
  float: left;
}

.result-status {
  position: relative;
}

.rating-password {
  width: 34px;
  height: 34px;
  margin-top: 8px;
  margin-bottom: -8px;
  position: absolute;
  left: 38%;
}

.rating-password .weak {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 347.971 347.971" ><path fill="red" d="M317.31,54.367c-59.375,0-104.861-16.964-143.33-54.367C135.522,37.403,90.036,54.367,30.661,54.367c0,97.405-20.151,236.937,143.319,293.604C337.464,291.305,317.31,151.773,317.31,54.367z M222.729,201.359l-21.379,21.377l-27.37-27.37l-27.367,27.37l-21.381-21.377l27.369-27.372l-27.369-27.371l21.381-21.378l27.367,27.37l27.37-27.37l21.379,21.378l-27.371,27.371L222.729,201.359z"/></svg>');
}

.rating-password .medium {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 347.971 347.971" style="enable-background:new 0 0 347.971 347.971;" xml:space="preserve"><path fill="orange" d="M317.31,54.367c-59.375,0-104.861-16.964-143.33-54.367C135.522,37.403,90.036,54.367,30.661,54.367c0,97.405-20.151,236.937,143.319,293.604C337.464,291.305,317.31,151.773,317.31,54.367z M222.729,201.359l-21.379,21.377l-27.37-27.37l-27.367,27.37l-21.381-21.377l27.369-27.372l-27.369-27.371l21.381-21.378l27.367,27.37l27.37-27.37l21.379,21.378l-27.371,27.371L222.729,201.359z"/></svg>');
}

.rating-password .good {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 347.971 347.971" style="enable-background:new 0 0 347.971 347.971;" xml:space="preserve"><path fill="limegreen" d="M317.309,54.367C257.933,54.367,212.445,37.403,173.98,0C135.519,37.403,90.033,54.367,30.662,54.367c0,97.405-20.155,236.937,143.317,293.604C337.463,291.305,317.309,151.773,317.309,54.367z M162.107,225.773l-47.749-47.756l21.379-21.378l26.37,26.376l50.121-50.122l21.378,21.378L162.107,225.773z"/></svg>');
}

.rating-password .strong-score {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 347.971 347.971" style="enable-background:new 0 0 347.971 347.971;" xml:space="preserve"><path fill="green" d="M317.309,54.367C257.933,54.367,212.445,37.403,173.98,0C135.519,37.403,90.033,54.367,30.662,54.367c0,97.405-20.155,236.937,143.317,293.604C337.463,291.305,317.309,151.773,317.309,54.367z M162.107,225.773l-47.749-47.756l21.379-21.378l26.37,26.376l50.121-50.122l21.378,21.378L162.107,225.773z"/></svg>');
}

.icon2 {
  padding: 8px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}

.error, .error1 {
  color: red;
  margin: 8px;
  display: block;
  text-align: center;
}
/*# sourceMappingURL=app.css.map */