﻿.Responsive div.Feedback_Message_Wrapper {
    margin-top: 35px;
}
body .vegas-container{
position: static !important;
}
.vegas-wrapper{ 
  background: rgba(0, 0, 0, 0.3);
}
.Login__Logo {
    padding-bottom: 50px;
    text-align: center;
    color: #fff;
}
.Login__Form {
    padding: 30px 20px;
    vertical-align: middle;
}
.Button {
 margin-left: 0px;
}
.ATCDepartments{
     height:100%;
}
.Login{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-top: -200px;
  margin-left: -150px;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
  border-top: 5px solid #08113A;
}
.Button{
 -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  transition: all .3s ease-in-out !important;  
  border-radius: 0px !important;
  color: #FFF !important;
  font-family: 'Open-Sans', sans-serif;
}
.Button.ButtonDefault,
.Button.Is_Default {
    -webkit-box-shadow: 0px 2px 0px 0px #08113A !important;
    -moz-box-shadow: 0px 2px 0px 0px #08113A !important;
    box-shadow: 0px 2px 0px 0px #08113A !important;
}
.Button.ButtonDefault:hover,
.Button.Is_Default:hover{
    color: #FFF !important;
    background: #80ABC6 !important;
    -webkit-box-shadow: 0px 2px 0px 0px #08113A  !important;
    -moz-box-shadow: 0px 2px 0px 0px #08113A  !important;
    box-shadow: 0px 2px 0px 0px #08113A  !important;
}
html input[type="radio"], html input[type="checkbox"]{
    height: 20px !important;
}
input[type="checkbox"]:before{
    border-radius: 0 !important;
}
textarea, select, input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], input[type="date"], 
input[type="month"], input[type="time"], input[type="week"], input[type="number"], 
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], 
.Form input.ReadOnly, .Form textarea.ReadOnly, .Form select.ReadOnly{
    border: 1px solid #b1b1b1;
    border-radius: 0;
    font-size: 16px;
    height: 40px;
    background: rgba(247, 249, 252, 0.93) !important
    box-shadow: none;
}
select:focus, input:not([type="submit"]):focus {
    border: 1px solid #888888;
    border-bottom: 2px solid #08113A;
}


@media only screen and (max-width: 420px),
(max-device-width: 420px) {
    .Login__Logo {
        padding-bottom: 30px;
    }
    .Login{ 
        margin-left: -120px;
        width: 240px;
    }   
}

@media only screen and (max-width: 280px),
(max-device-width: 280px) { 
    .Login__Logo {
        padding-bottom: 20px;
    }
    .Login{
        margin-left: -120px;
        width: 240px;
    }
}