/* define colors */
/* define fonts */
/* define mixins */
/*==========  Mobile First Method  ==========*/
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
#duo_iframe,
.duo_iframe {
  width: 100%;
  min-width: 304px;
  max-width: 620px;
  height: 330px;
  background: transparent;
}
div[id="2fa-modal"] .modal-content {
  background-color: #1D1B1C;
  -webkit-box-shadow: 0px 0px 5px 2px #0f1a1a;
  -moz-box-shadow: 0px 0px 5px 2px #0f1a1a;
  box-shadow: 0px 0px 5px 2px #0f1a1a;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
div[id="2fa-modal"] .modal-content .modal-header {
  margin-left: 30px;
  margin-right: 30px;
  border-color: #3E3E40;
  padding: 15px 0;
}
div[id="2fa-modal"] .modal-content .modal-header h4 {
  color: #fff;
  font-size: 16px;
  padding-left: 0px;
}
div[id="2fa-modal"] .modal-content .modal-header h4 .lightBlue {
  color: #20C6F7;
}
div[id="2fa-modal"] .modal-content .modal-header button.close {
  font-size: 32px;
  color: #d1d1d1;
  opacity: 1;
}
div[id="2fa-modal"] .modal-content .modal-header .close:hover {
  color: #fff;
}
div[id="2fa-modal"] .modal-content .modal-footer {
  margin-left: 30px;
  margin-right: 30px;
  border-color: #3E3E40;
  text-align: center;
}
div[id="2fa-modal"] .modal-content .modal-footer button.btn {
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  padding: 7px 35px;
  text-align: center;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #0387AD;
  background-image: -webkit-linear-gradient(left, #0387AD, #21CAFC);
  background-image: -moz-linear-gradient(left, #0387AD, #21CAFC);
  background-image: -o-linear-gradient(left, #0387AD, #21CAFC);
  background-image: -ms-linear-gradient(left, #0387AD, #21CAFC);
  background-image: linear-gradient(left, #0387AD, #21CAFC);
}