/*-----Custom File---------*/

body {
    color: #fff;
    font-family: BentonSans Regular;
     background:url(../Content/images/Meritor_Login_Blue.jpg);
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/ 
    -webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
    /*background-size: cover;*/
    width: 100%;
   font-family:BentonSans Regular;

}

.helpdesk {
      /*background-image: url(../Content/images/Helpdesk-new.jpg);*/
      /*background:url(../Content/images/Helpdesk-new.jpg) no-repeat left;*/
      margin-top: 1%;
      height: 600px;
      position:relative;
      z-index:-999;
      left: -0.5%;
      margin-top: -0.01%;
}

/**********************************************************************/
/************************** COMMON ELEMENTS **************************/
/********************************************************************/

a:focus {
    outline: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
}
/** Custom styles **/
.vis-hidden {
	visibility: hidden !important;
}
a {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

/*#mainWrap {
	min-height: 100%;
	overflow: auto;
	padding-bottom: 96px;
    padding-left:1%;
}*/
/**********************************************************************/
/************************** LOGIN CONTAINER **************************/
/********************************************************************/

#loggit {
	
	width: 460px;
	 margin: 12% 4%;
	padding: 20px 40px;
    background:#76787B;
    -webkit-box-shadow: -2px -6px 1px -2px rgba(115,115,115,1);
    -moz-box-shadow: -2px -6px 1px -2px rgba(115,115,115,1);
    box-shadow: -2px -6px 1px -2px rgba(115,115,115,1);
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 10px;
    position:relative;
    z-index: 9999;
   
}
#loggit h1 {
	text-align: center;
	font-weight: 700;
	margin: 5px 0 15px;
}
#loggit h3 {
	text-align: center;
	font-size: 18px;
	color: #bbb;
	margin: 0 0 20px;
}
#loggit .input-group-addon {
	border: 0 none;
}
#loggit .form-control {
	border: 0 none;
}
#loggit .form-control:focus {
	box-shadow: none;
}
#loggit .formSubmit {
	margin-bottom: 25px;
}
#loggit .submitWrap {
	text-align: right;
}
#loggit .formNotice {
	margin: 0;
	font-size: 13px;
}
#loggit .formNotice span {
	cursor: pointer;
	color: #428BCA;
}
#loggit .formNotice span:hover,
#loggit .formNotice span:focus {
    color: #2A6496;
    text-decoration: underline;
}
#loggit #regForm {
	display: none;
}
#vtitext {
    margin-top:2%;
    height: 60px;
    background: rgba(209,209,209,1);
    background: -moz-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(209,209,209,1) 3%, rgba(254,254,254,0.99) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,209,209,1)), color-stop(3%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,0.99)));
    background: -webkit-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(209,209,209,1) 3%, rgba(254,254,254,0.99) 100%);
    background: -o-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(209,209,209,1) 3%, rgba(254,254,254,0.99) 100%);
    background: -ms-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(209,209,209,1) 3%, rgba(254,254,254,0.99) 100%);
    background: linear-gradient(to right, rgba(209,209,209,1) 0%, rgba(209,209,209,1) 3%, rgba(254,254,254,0.99) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#fefefe', GradientType=1 );
    font-size:260%;
    color:#163c8a;
    padding:4px 0 0 20px;
    margin-left: -2%;
   font-family:BentonSans Regular;
   letter-spacing: 2px;
}
#top-banner{
    background:#d0cece; 
    background-attachment:fixed;
    height:20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.online {
    font-size:180%;
    color:#163c8a;
    text-align:center;
    margin-left: 1%;
    margin-top:2%;
}
.helpdesklogo {
    background:url(../Content/images/VOLVO-100x100.png) no-repeat left;
    width:100%;
    height: 100px;
    padding-left:30%;
    top:-30px;
    }
/**********************************************************************/
/************************* FOOTER ************************************/
/********************************************************************/


/**********************************************************************/
/****************** MEDIA QUERIES ************************************/
/********************************************************************/

@media screen and (max-width:1366px) {

    #loggit {
        width: 40%;
        margin: 12% 5%;
        padding: 20px 40px;
    }

    .helpdesklogo {
        background: url(../Content/images/Volvo_Cars_logo_small.png) no-repeat left !important;
        width: 100%;
        height: 57px !important;
        padding-left: 17%;
        margin-top: -40px;
        margin-left: 70%;
    }

    .helpdesklogo {
        width: 80px !important;
        height: 80px !important;
        padding-left: 17%;
        top: -45px;
    }

    #vtitext {
        margin-top: 0%;
        height: 40px;
        font-size: 200%;
        color: #163c8a;
        padding: 2px 0 0 20px;
        margin-left: -2%;
        font-family:BentonSans Regular;
        letter-spacing: 2px;
    }

    .online {
        font-size: 140%;
        text-align: center;
        margin-left: 1%;
        margin-top: 0.5%;
    }
}
@media screen and (max-width:1280px) {
    #loggit {
        width: 40%;
        /*margin: 20% 1%;*/
        margin: 32% 6%;
        padding: 20px 40px;
        font-family:BentonSans Regular;   
        position:fixed;     
    }

    .helpdesklogo {
        background: url(../Content/images/VOLVO-100x100.png) no-repeat left !important;
        width: 100px !important;
        height: 100px !important;
        padding-left: 17%;
        margin-top: 1%;
        margin-left: 70%;
    }

    #vtitext {
        margin-top: 0%;
        height: 50px;
        font-size: 200%;
        color: #163c8a;
        padding: 3px 0 0 20px;
        margin-left: -2%;
        margin-top: 2%;
        font-family:BentonSans Regular;
        letter-spacing: 2px;
    }

    .online {
        font-size: 140%;
        text-align: center;
        margin-left: 1%;
        margin-top: 2%;
    }
}
@media screen and (max-width:1024px) {

        .helpdesklogo {
    background:url(../Content/images/Volvo_Cars_logo_small.png) no-repeat left !important;
    width:100%;
    height: 57px !important;
    padding-left:30%;
    top:-30px;
    }
        /*.helpdesklogo {
            width: 70px !important;
            height: 70px !important;
            padding-left:17%;
                top:-35px;
}*/
#vtitext {
    margin-top:0%;
    height: 40px;
    font-size:200%;
    color:#163c8a;
    padding:2px 0 0 20px;
    margin-left: -2%;
    font-family:BentonSans Regular;
    letter-spacing: 2px;
}
.online {
    font-size:140%;
    text-align:center;
    margin-left: 1%;
    margin-top:0.5%;
}
#loggit {
	
	width: 40%;
     margin: 32% 6% !important;
	 /*margin: 12% 4% !important;*/
	padding: 20px 40px;
}
}

/*@media(max-width:979px){


}*/
@media screen and (max-width:768px) {
	body {
		padding-bottom: 0;
	}
	#loggit {
		/*margin-top: 0;*/
        margin: 32% 6% !important;
		width: 60%;
	}
	#loggit .submitWrap {
		margin-top: 15px;
		text-align: center;
	}
	footer {
		position: relative;
	}
	footer p{
		font-size: 13px;
	}
            /*.helpdesklogo {
            width: 50px !important;
            height: 50px !important;
            padding-left:17%;
                top:-25px;
}*/
#vtitext {
    margin-top:0%;
    height: 35px;
    font-size:180%;
    color:#163c8a;
    padding:2px 0 0 20px;
    margin-left: -2%;
    font-family:BentonSans Regular;
    letter-spacing: 2px;
}
.online {
    font-size:120%;
    text-align:center;
    margin-left: 1%;
    margin-top:0.5%;
}
    .helpdesklogo {
    background:url(../Content/images/Volvo_Cars_logo_small.png) no-repeat left;
    width:100%;
    height: 57px;
    padding-left:30%;
    top:-30px;
    }
	
}
@media screen and (max-width:500px) {

	#loggit {
		width: 60%;
        margin: 32% 6% !important;
	}
}

.btnlogin {
  background: #0270d1;
  background-image: -webkit-linear-gradient(top, #0270d1, #0270d1);
  background-image: -moz-linear-gradient(top, #0270d1, #0270d1);
  background-image: -ms-linear-gradient(top, #0270d1, #0270d1);
  background-image: -o-linear-gradient(top, #0270d1, #0270d1);
  background-image: linear-gradient(to bottom, #0270d1, #0270d1);
  font-family: BentonSans Regular;
  color: #ffffff;
  font-size: 15px;
  padding: 7px 16px 7px 20px;
  text-decoration: none;
}

.btnlogin:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #a6a5a5, #a6a5a5);
  background-image: -moz-linear-gradient(top, #a6a5a5, #a6a5a5);
  background-image: -ms-linear-gradient(top, #a6a5a5, #a6a5a5);
  background-image: -o-linear-gradient(top, #a6a5a5, #a6a5a5);
  background-image: linear-gradient(to bottom, #a6a5a5, #a6a5a5);
  text-decoration: none;
}




/*=============================================================================================*/