* {
  padding: 0;
  margin: 0;
  color: #1a1f36;
  box-sizing: border-box;
  word-wrap: break-word;
}

h1 {
    letter-spacing: -1px;
}
a {
  color: #5469d4;
  text-decoration: unset;
}


.flex-flex {
    display: flex;
}
.align-center {
  align-items: center; 
}
.center-center {
  align-items: center;
  justify-content: center;
}
.box-root {
    box-sizing: border-box;
}
.flex-direction--column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.box-divider--light-all-2 {
    box-shadow: inset 0 0 0 2px #e3e8ee;
}

.padding-top--64 {
  padding-top: 64px;
}
.padding-top--24 {
  padding-top: 24px;
}
.padding-top--48 {
  padding-top: 48px;
}
.padding-bottom--24 {
  padding-bottom: 24px;
}
.padding-horizontal--48 {
  padding: 48px;
}
.padding-bottom--15 {
  padding-bottom: 15px;
}


.flex-justifyContent--center {
  -ms-flex-pack: center;
  justify-content: center;
}

.formbg {
    margin: 0px auto;
    width: 100%;
    max-width: 800px;
    background: #202324;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
}
.formbg-1 {
  margin: 0px auto;
  width: 100%;
  max-width: 800px;
  background: #202324;
  border-radius: 4px;
  margin-left: 10%;
  margin-top: 0%;
  box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
}
.formbg2 {
margin: 0px auto;
width: 100%;
max-width: 270px;
max-height: 120px;
background: #202324;
border-color: #e3ff1a;
border-radius: 5px;
float: left;
box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
}

.formbg3 {
margin: 0px auto;
width: 100%;
max-width: 270px;
max-height: 120px;
background: #202324;
border-color: #e3ff1a;
border-radius: 5px;
margin-top: 50%;
margin-left: 0%;
box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
}

.formbg4-5{
display: flex;
flex-direction: row;
}

.formbg6-7{
display: flex;
flex-direction: row;
}

.formbg4 {
margin: 0px auto;
width: 100%;
height: 100%;
max-width: 20%;
max-height: 20%;
background: #202324;
border-color: #e3ff1a;
border-radius: 5px;
margin-left: 0%;
box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
}

.formbg5 {
margin: 0px auto;
width: 100%;
max-width: 20%;
max-height: 20%;
background: #202324;
border-color: #e3ff1a;
border-radius: 5px;
box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
}

.formbg6 {
margin: 0px auto;
width: 100%;
max-width: 100%;
max-height: 10%;
background: #202324;
border-color: #e3ff1a;
border-radius: 5px;
margin-top: 4%;
margin-left: 0%;

box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
}

.formbg7 {
  margin: 0px auto;
  width: 100%;
  max-width: 100%;
  max-height: 10%;
  background: #202324;
  border-color: #e3ff1a;
  border-radius: 5px;
  margin-top: 4%;
  margin-left: 0%;
  
  box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
  }

.poddcnick{
  margin-left: 85px; margin-top: 35px; font-weight: 800; font-size: 17px; background-color: transparent;border: 0px solid; color:white;
}


.formbgmenu {
  margin: 0px auto;
  width: 100%;
  height: 350px;
  margin-bottom: 50px;
  margin-left: 80px;
  max-width: 300px;
  max-height: 400px;
  background: #1b1d1e;
  border-color: #e3ff1a;
  border-radius: 5px;
  float: left;
  box-shadow: 0px 0px 0px 3px #e3ff1a; /* horizontal offset, vertical offset, blur radius, color */
}

span {
    display: block;
    font-size: 20px;
    color: #1a1f36;
}
label {
    margin-bottom: 10px;
    color: white;
}
.reset-pass a,label {
    font-size: 14px;
    font-weight: 600;
    display: block;
}
.reset-pass > a {
    text-align: right;
    margin-bottom: 10px;
}
.grid--50-50 {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.field input {
    font-size: 16px;
    line-height: 28px;
    padding: 8px 16px;
    width: 100%;
    min-height: 44px;
    border: unset;
    border-radius: 4px;
    outline-color: white;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

input[type="submit"] {
    background-color: #e3ff1a;
    color: black;
    font-weight: 600;
    cursor: pointer;
}

input[type="submit"]:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #e3ff1a;
}

.field-checkbox input {
    width: 20px;
    height: 15px;
    margin-right: 5px; 
    box-shadow: unset;
    min-height: unset;
}
.field-checkbox label {
    display: flex;
    align-items: center;
    margin: 0;
}
a.ssolink {
    display: block;
    text-align: center;
    font-weight: 600;
}
.footer-link span {
    font-size: 14px;
    text-align: center;
}
.listing a {
    color: #697386;
    font-weight: 600;
    margin:  1px;
}

.animationRightLeft {
  animation: animationRightLeft 2s ease-in-out infinite;
}
.animationLeftRight {
  animation: animationLeftRight 2s ease-in-out infinite;
}
.tans3s {
  animation: animationLeftRight 3s ease-in-out infinite;
}
.tans4s {
  animation: animationLeftRight 4s ease-in-out infinite;
}

@keyframes animationLeftRight {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0px);
  }
} 

@keyframes animationRightLeft {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-1000px);
  }
  100% {
    transform: translateX(0px);
  }
} 

.table{
  width: 100%;
}

.table th{
  color: white;
}
.table td{

  color: white;
}



@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}