@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
/* round loader */
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
/* loader cubes */
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
}
.loginInput::-webkit-input-placeholder {
  color: #232323 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.loginInput::-moz-placeholder {
  color: #232323 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.loginInput:-ms-input-placeholder {
  color: #232323 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.loginInput::placeholder {
  color: #232323 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.loginInput::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #232323 !important;
}
.loginInput:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #232323 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.loginInput::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #232323 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.loginInput:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #232323 !important;
}
body.loginBody {
  font-size: 14px;
  background-color: #eef1f7;
  background: url("logoBookingAnimation.svg") right center, radial-gradient(at 66% 50%, #52A9D8, #004AB5);
  background-repeat: no-repeat, no-repeat;
  background-size: 50%, cover;
}
body.loginBody .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@supports (-ms-ime-align: auto) {
  /* IE Edge 12+ CSS styles go here */
  body.loginBody {
    background-color: #004AB5;
    background-image: url("logoBookingAnimation.gif");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right center;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  body.loginBody {
    background-color: #004AB5;
    background-image: url("logoBookingAnimation.gif");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right center;
  }
}
.loginBody {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  font-family: 'Roboto', sans-serif !important;
  background-size: 100% 100%;
  font-size: 18px !important;
  /* CheckBox */
  /* on checked */
  /* End CheckBox */
  /* Loader Login Page */
  /* End Loader Login Page */
}
.loginBody .loginForm {
  font-size: inherit !important;
  background: #FFFFFF;
  min-height: 100vh;
}
.loginBody .loginForm > div {
  min-height: 100vh;
  padding: 2em;
}
.loginBody .loginIcon {
  margin-bottom: 1em;
}
.loginBody .loginIcon img {
  max-width: 160px;
  height: auto;
}
.loginBody .loginRow i {
  color: #144E87;
  vertical-align: middle;
}
.loginBody .loginRow input.loginInput {
  font-size: 24px;
  color: #333333;
  display: inline-block !important;
  height: 100% !important;
  font-weight: 300 !important;
  padding: 10px 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #144E87 !important;
  font-style: normal !important;
}
.loginBody .loginRow input.loginInput:focus {
  outline: 0 !important;
}
.loginBody .loginRow .RadInput.riSingle .riTextBox {
  border: none !important;
  border-bottom: 1px solid #144E87 !important;
  border-radius: 0 !important;
}
.loginBody [type="checkbox"]:not(:checked),
.loginBody [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.loginBody [type="checkbox"]:not(:checked) + label,
.loginBody [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 75px;
  cursor: pointer;
  color: #144E87;
  line-height: 30px;
}
.loginBody [type="checkbox"]:not(:checked) + label:before,
.loginBody [type="checkbox"]:checked + label:before,
.loginBody [type="checkbox"]:not(:checked) + label:after,
.loginBody [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
}
.loginBody [type="checkbox"]:not(:checked) + label:before,
.loginBody [type="checkbox"]:checked + label:before {
  left: 0;
  top: -3px;
  width: 65px;
  height: 30px;
  border: 1px solid #DDD;
  background: #DDD;
  border-radius: 15px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.loginBody [type="checkbox"]:not(:checked) + label:after,
.loginBody [type="checkbox"]:checked + label:after {
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  background: #FFFFFF;
  top: 2px;
  left: 5px;
}
.loginBody [type="checkbox"]:checked + label:before {
  background: #144E87;
}
.loginBody [type="checkbox"]:checked + label:after {
  background: #FFFFFF;
  top: 2px;
  left: 40px;
}
.loginBody [type="checkbox"]:focus + label:before {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.loginBody .loginRow input:-webkit-autofill,
.loginBody .loginRow input:-webkit-autofill:hover,
.loginBody .loginRow input:-webkit-autofill:focus,
.loginBody .loginRow input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.loginBody .loginForm .forgottenPassword {
  color: #144E87;
}
.loginBody .loginForm .forgottenPassword > span {
  margin-right: 10px;
}
.loginBody .loginForm a {
  color: #144E87;
  text-decoration: none;
  cursor: pointer;
}
.loginBody .loginForm a:hover {
  text-decoration: none;
}
.loginBody .chkRememberMe label {
  font-weight: 300;
  margin-bottom: 0px;
  height: 20px;
}
.loginBody .rememberRow {
  color: #144E87;
  margin-top: 25px;
  text-align: left;
}
.loginBody .rememberRow input[type="checkbox"] {
  width: 15px;
  height: 15px;
  vertical-align: bottom;
}
.loginBody .loginSubmit {
  outline: none !important;
  position: relative !important;
  padding: 8px 25px;
  margin-top: 40px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  text-transform: uppercase;
  cursor: pointer !important;
  overflow: hidden !important;
  background-color: #144E87 !important;
  border: 1px solid #144E87 !important;
  margin-bottom: 25px !important;
}
.loginBody .loginSubmit:hover {
  background: #3e7dda !important;
  border: 1px solid #3e7dda !important;
}
.loginBody .errorLoginLabel {
  color: red;
}
.loginBody .successLoginLabel {
  color: green;
}
.loginBody .loginLabel {
  color: white;
}
.loginBody .loginLabelSmall {
  color: white;
}
.loginBody .helpNewAccount {
  margin: 30px 0;
}
.loginBody .stagingNewAccount {
  margin-top: 15px;
}
.loginBody .lds-ring-wrapper {
  height: 64px;
}
.loginBody .lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.loginBody .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #144E87;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #144E87 transparent transparent transparent;
}
.loginBody .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.loginBody .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.loginBody .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loginBody .flags {
  margin-top: 15px;
  -webkit-transition: all 0.5s ease-in 0.2s;
  transition: all 0.5s ease-in 0.2s;
}
.loginBody .flags a {
  padding: 0 5px;
  color: #a8cdf2;
}
.loginBody .flags a:hover {
  color: #3e7dda;
}
.loginBody .loginInput {
  width: 100% !important;
}
.loginBody .errorNewAccount {
  color: red;
  display: none;
  text-align: center;
}
.loginBody .colorRed {
  color: red !important;
}
.loginBody #googleRecaptcha,
.loginBody .recaptcha-before {
  width: 300px;
  margin: 22px auto;
}
.loginBody .bodyclass h1 {
  margin: 0 !important;
}
.loginBody .loginSubmit_blue:hover {
  background: #00c5ec !important;
}
.loginBody #backgroundVideo {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  margin: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* -webkit-transform: translateX(-55%) translateY(0) scale(1.05);
        -moz-transform: translateX(-55%) translateY(0) scale(1.05);
        -ms-transform: translateX(-55%) translateY(0) scale(1.05);
        -o-transform: translateX(-55%) translateY(0) scale(1.05);
        transform: translateX(-55%) translateY(0) scale(1.05);*/
}
.loginBody .g-recaptcha > div > div {
  margin: 10px auto;
}
.loginBody .colorRed {
  color: red !important;
}
.loginBody .colorGreen {
  color: #1AD51A !important;
}
.loginBody .clockWrapper {
  padding: 10px 0px;
  color: yellow;
}
@media screen and (max-width: 768px) {
  .loginBody .loginRow input {
    font-size: 18px !important;
  }
  .loginBody .sectionLogin {
    padding-top: 20px;
  }
  .loginBody .loginIcon img {
    max-width: 120px;
  }
  #backgroundVideo {
    display: none;
  }
}