/*---------- Landing Page Site.css stying ----------*/
/*#region Custom CSS */
.alertBoxSizeing{
    /*width: 333px;
    margin-left: 24%;
    padding: 10px;
    margin-top: 5px;*/
    width: 340px;
    margin-left: auto;
    margin-right: auto;
}
.container-bordered {
    /*width: 55%;*/
    border: 2px thick;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #424242; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
}
.container-padding{
    padding: 10px 15px;
    width: 75%;
    margin-left: 6%;

}
.footer-text {
    color:red;
    font: 50px bold;
}
#support-text{
    text-wrap:none;
}
/*#endregion*/

/*#region ---- Main Css Styling ----*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,body{
    height: 100%;
    font-family:"Lato" !important;
    font-weight: 600 !important;
}
.body {
    background-color: #F2F2F2;
    /*font-family: "Lato" !important;*/
    font-weight: 500;
    font-size: 16px;
}
.centered-align {
    text-align: center;
}
#footer{
    background-color:#e0e0e0;
}
.form-inline{
    padding-bottom:10px;
}
#linksWrapper{
 width: 70% ;
  margin-left: auto ;
  margin-right: auto ;}
.mainWrap {
  box-sizing: border-box;
  width: 200px;
  padding: 20px;
  background-color:#E1E1E1;
  border: 1px solid #394969;
  border-radius:15px;
}
#wrap {
    min-height: 100%;
    height: auto !important;
    margin: 0px auto -80px;
    padding-bottom:5px;
    padding-top:10px;
}

/*#endregion*/

/*#region ---- Css for Images ------*/
img.loginLogoImage {
    height:auto;
    width:50%;
}
.itsLogo{
    margin-top: -52px;
}
.loginLogoImage {
    border-radius: 5px;
}

/*#endregion*/

/*#region ---- Font Paths ----------*/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url('../fonts/Raleway/Raleway-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url('../fonts/Raleway/Raleway-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url('../fonts/Raleway/Raleway-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url('../fonts/Lato/Lato-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato/Lato-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url('../fonts/Lato/Lato-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/Lato/Lato-Italic.ttf') format('truetype');
}
/*#endregion*/

/* #region ---- Media Queries ------- */
/*Not used yet*/
/* ---- Non-Retina Screens ---- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { 

}
/* ---- Retina Screens ---- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { 

}
/*#endregion*/

/*#region Bootstrap CSS restyling --*/
.btn{
    font-size: 15px !important;
    font-weight: 700 !important;
}
.label {
    font-size: 11px;
    text-transform: uppercase;
}
.label > small {
    font-size: 9px !important;
}
.well-span {
    margin-top: -12px !important;
    display: block !important;
    font-size:15px;
    margin-left:15px;
}
.well-span-higher {
    margin-top: -22px !important;
    display: block !important;
}
.well-span-higher.label{
    position: relative;
    left: -8px;
}

/*#endregion*/