body{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;

display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: 100%;
height: 100%;
position: static;
cursor: default;
opacity: 1;
margin: 0;
padding: 0;
overflow: visible;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
font: normal 100%/normal Arial, Helvetica, sans-serif;
/*color: rgba(255,255,255,1);*/
-o-text-overflow: clip;
text-overflow: clip;
background: -webkit-linear-gradient(60deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), -webkit-linear-gradient(-60deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), -webkit-linear-gradient(60deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), -webkit-linear-gradient(-60deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), -webkit-linear-gradient(30deg, rgb(187,187,187) 25%, rgba(0,0,0,0) 25.5%, rgba(0,0,0,0) 75%, rgb(187,187,187) 75%, rgb(187,187,187) 0), -webkit-linear-gradient(30deg, rgb(187,187,187) 25%, rgba(0,0,0,0) 25.5%, rgba(0,0,0,0) 75%, rgb(187,187,187) 75%, rgb(187,187,187) 0), rgb(170, 170, 170);
background: -moz-linear-gradient(30deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), -moz-linear-gradient(150deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), -moz-linear-gradient(30deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), -moz-linear-gradient(150deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), -moz-linear-gradient(60deg, rgb(187,187,187) 25%, rgba(0,0,0,0) 25.5%, rgba(0,0,0,0) 75%, rgb(187,187,187) 75%, rgb(187,187,187) 0), -moz-linear-gradient(60deg, rgb(187,187,187) 25%, rgba(0,0,0,0) 25.5%, rgba(0,0,0,0) 75%, rgb(187,187,187) 75%, rgb(187,187,187) 0), rgb(170, 170, 170);
background: linear-gradient(30deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), linear-gradient(150deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), linear-gradient(30deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), linear-gradient(150deg, rgb(153,153,153) 12%, rgba(0,0,0,0) 12.5%, rgba(0,0,0,0) 87%, rgb(153,153,153) 87.5%, rgb(153,153,153) 0), linear-gradient(60deg, rgb(187,187,187) 25%, rgba(0,0,0,0) 25.5%, rgba(0,0,0,0) 75%, rgb(187,187,187) 75%, rgb(187,187,187) 0), linear-gradient(60deg, rgb(187,187,187) 25%, rgba(0,0,0,0) 25.5%, rgba(0,0,0,0) 75%, rgb(187,187,187) 75%, rgb(187,187,187) 0), rgb(170, 170, 170);
background-position: 0 0, 0 0, 120px 210px, 120px 210px, 0 0, 120px 210px;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: 240px 420px;
background-size: 240px 420px;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;

}
.labelWelcome{
margin-top:55px;
font-size: 30px;
font-weight: 100;
color: #ffffff;
text-transform: uppercase;
}

 .nameLogo {
    color: #ffffff;
    font-size: 60px;
    vertical-align:middle;
    }



.nameLabel{
color: #ffffff;
margin-top: 40px;
height: 70px;

}


.labelLoginInfo{
    font-size: 12px;
    color: #D1D4D6;
    margin-top: 45px;
}
.inputUsername{
    margin-top: 20px;
    background: #383D40;
    border: 1px solid transparent;
    border-radius:5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 3px 8px;
    width:60%;
    color: #ffffff;

}
.inputsPlacing{
margin-top: 15px;
}
.cmdLogIn{
    margin-top: 30px;
    color: #ffffff;
    background-color: #EB5100;
    padding: 5px 10px;
    border: 0px solid transparent;
    border-radius: 0px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.34);
    font-size: 13px;
    
}


.companyLogo{
    height: 25px;
    margin-top: 50px;
    background-size: 100%;
    vertical-align: initial !important;
}


.loaderScreen{
  width: 100%;
  height: 100%;
  position: fixed;
  display: block;
  left:0px;
  top: 0px;
  background-color: rgba(255,255,255, 0.5);
  z-index:10000;

}
.loginLabel {
   background-color: rgba(0, 0, 0, 0.53) ;
   border-radius:20px;
   margin-bottom:20px;
}

.loader {
  position: fixed;
  display: block;
  left: 50%;
  top:50%;
  z-index: 23999;
  margin-left:-25px;
  margin-top: -25px;
  text-align: center;
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #F3643C; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#spinnerScreen{

  display: none;
}

@media (min-width: 376px) {
    

.cmdLogIn {
    margin-top: 30px;
    color: #ffffff;
    background-color: #EB5100;
    padding: 10px 20px;
    border: 0px solid transparent;
    border-radius: 0px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.34);
    font-size: 20px;
}

.nameLabel{
color: #ffffff;
margin-top: 50px;
height: 100px;

}


.labelWelcome{
margin-top:75px;
font-size: 50px;
font-weight: 100;
color: #ffffff;
text-transform: uppercase;
}

.companyLogo{
    height: 45px;
    margin-top: 50px;
    margin-bottom: 50px;
}


.labelLoginInfo{
    font-size: 15px;
    color: #D1D4D6;
    margin-top: 45px;
}

.inputUsername{
    margin-top: 20px;
   background: #383D40;
    border: 1px solid transparent;
    border-radius:5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 7px 8px;
    text-align:center;
    width:60%;
    color: #ffffff;

}
}