body {
  max-width: 350px;
  margin: 0 auto;
  min-width: 310px;
}
header {
  background-color: #0079b5;
  height: 40px;
}
.headerTable {
  border: none;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.btn1 {
  background-color: #1890cf;
  color: white;
  border: none!important;
}
.btn1:hover {
  background-color: #0079b5;
}
.btn1:active {
  background-color: #1890cf;
}
.btn1:disabled {
  background-color: #bbbdbf;
}
.col-enadoc {
  padding: 3px;
}
.col-enadoc-zero {
  padding: 0px;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #37475e;
  border-bottom: 5px solid #1890cf;
  height: 50px;
  color: white;
  text-decoration: none;
  max-width: 350px;
  margin: 0 auto;
  z-index: 100;
}
.footer .col-enasdoc {
  height: 100%;
}
.footer .enadoc365home .enadoc365HomeImg {
  height: 35px;
  border-radius: 3px;
}
.footer .settingsLinkWrapper {
  text-align: right;
  line-height: 40px;
  color: #fff;
}
.footer .settingsLinkWrapper .ms-Button {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  height: 100%;
}
.footer .settingsLinkWrapper .ms-Button:hover {
  background-color: none;
  border-color: none;
}
.footer .settingsLinkWrapper .ms-Button .ms-Icon--gear {
  color: #fff;
}
.footer .settingsLinkWrapper .ms-Button .settingsLink {
  color: #fff;
}
.footer .settingsLinkWrapper .ms-Panel {
  top: 40px;
}
.footer .settingsLinkWrapper .ms-Panel .ms-Panel-main {
  top: 40px;
}
.footer .settingsLinkWrapper .scanSettingsWrapper {
  padding-left: 10px;
  text-align: left;
}
.footer .settingsLinkWrapper .scanSettingsWrapper .ms-Panel-headerText {
  color: #37475e;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 5px;
}
#qrView {
  max-width: 350px;
  margin: 0 auto;
}
.headerBtn {
  color: white;
  font-size: 15px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  width: 100px;
}
.headerBtn:hover {
  background-color: #37475e;
}
h1 {
  font-family: 'Segoe UI Light';
}
/*COLORS*/
.enadocBlue {
  background-color: #1890cf;
}
.enadocDarkBlue {
  background-color: #37475e;
}
.enadocLightBlue {
  background-color: #5c96d0;
}
.darkGray {
  background-color: #404041;
}
.darkGray-fontColor {
  color: #404041;
}
.yellow {
  background-color: #FFB900;
}
.orange {
  background-color: #D83B01;
}
.error {
  background-color: darkred;
}
/*DROP DOWN STYLES*/
.ms-dropdown {
  background: #fff;
  border: 1px solid lightgray;
  font-family: 'Segoe UI';
  font-size: 15px;
}
.ena-btn {
  background-color: #1890cf !important;
  color: #fff !important;
}
.ena-btn:hover {
  background-color: #0079b5 !important;
}
.ena-btn:active {
  background-color: #1890cf !important;
}
.ena-btn:disabled {
  background-color: #bbbdbf !important;
}
.ena-link {
  color: #1890cf !important;
}
.ena-link:hover {
  color: #0079b5 !important;
}
.ena-link:active {
  color: #1890cf !important;
}
.ena-link:disabled {
  color: #bbbdbf !important;
}
.neautral-light {
  background-color: #EAEAEA;
}
/*loader styles-start*/
.floatingCirclesG {
  position: relative;
  width: 61px;
  height: 61px;
  margin: 100px auto;
  transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
}
.f_circleG {
  position: absolute;
  background-color: #ffffff;
  height: 11px;
  width: 11px;
  border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  animation-name: f_fadeG;
  -o-animation-name: f_fadeG;
  -ms-animation-name: f_fadeG;
  -webkit-animation-name: f_fadeG;
  -moz-animation-name: f_fadeG;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}
.frotateG_01 {
  left: 0;
  top: 25px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
}
.frotateG_02 {
  left: 7px;
  top: 7px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}
.frotateG_03 {
  left: 25px;
  top: 0;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}
.frotateG_04 {
  right: 7px;
  top: 7px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}
.frotateG_05 {
  right: 0;
  top: 25px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}
.frotateG_06 {
  right: 7px;
  bottom: 7px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}
.frotateG_07 {
  left: 25px;
  bottom: 0;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}
.frotateG_08 {
  left: 7px;
  bottom: 7px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}
@keyframes f_fadeG {
  0% {
    background-color: #188fcf;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes f_fadeG {
  0% {
    background-color: #188fcf;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes f_fadeG {
  0% {
    background-color: #188fcf;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes f_fadeG {
  0% {
    background-color: #188fcf;
  }
  100% {
    background-color: #ffffff;
  }
}
@-moz-keyframes f_fadeG {
  0% {
    background-color: #188fcf;
  }
  100% {
    background-color: #ffffff;
  }
}
/*loader styles-ends*/
