/**
Code Starts
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Reset End */

body {
    background: #ececec url("http://www.inboundnow.com/wp-content/uploads/2014/07/bg.png");
    background-size: cover;
    font-family:'Open Sans',Arial,sans-serif;
    position: relative;

}

.container {
    margin: auto;
    padding: 21% 0;
}

#loginform{
    display: block;
    margin: 0 auto;
    width: 425px;
}
#loginform .login-username label { display: none;}

.login-username:before {
    content: "Login :";
    color: #b5b5b5;
    /*font: 16px/24px open sans;*/
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.login-password label {
    color: #b5b5b5;
    font-size: 16px;
    line-height: 26px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.login-password label:after { content: ":";}

.login-username {
    margin-left: 27px;
}

.login-username .input{
    background: url("http://www.inboundnow.com/wp-content/uploads/2014/07/user-field.png") no-repeat;
}

.login-password .input{
    background: url("http://www.inboundnow.com/wp-content/uploads/2014/07/pass-field.png") no-repeat;
}

#loginform .input {
    border: none;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    margin: 0 0 10px 8px;
    outline: none;
    padding: 0 0 0 10px;
    height: 41px;
    width: 310px;
    color: #b5b5b5;
}

#loginform .input:focus {
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    height: 41px;
    margin: 0 0 10px 8px;
    outline: none;
    padding: 0 0 0 10px;
    transition: border 300ms ease-in;
    width: 310px;
}

.button-primary {
    background: rgb(0,162,211); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,162,211,1) 0%, rgba(13,118,148,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,162,211,1)), color-stop(100%,rgba(13,118,148,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,162,211,1) 0%,rgba(13,118,148,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,162,211,1) 0%,rgba(13,118,148,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,162,211,1) 0%,rgba(13,118,148,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,162,211,1) 0%,rgba(13,118,148,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2d3', endColorstr='#0d7694',GradientType=0 ); /* IE6-9 */
    border: 1px solid #00a2d3;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(43,43,43,0.6), 0 0 0 7px rgba(255,255,255,0.05);
    color: #bf7a13;
    cursor: pointer;
    float: right;
    font: bold 12px/21px open sans;
    height: 45px;
    outline: none;
    position: relative;
    text-indent: -9999px;
    top: -79px;
    left: -7px;
    width: 45px;
}
.button-primary:hover {
    background: #078ab1;

}

.button-primary:active {
    background: rgb(13,118,148); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(13,118,148,1) 0%, rgba(0,162,211,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,118,148,1)), color-stop(100%,rgba(0,162,211,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(13,118,148,1) 0%,rgba(0,162,211,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(13,118,148,1) 0%,rgba(0,162,211,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(13,118,148,1) 0%,rgba(0,162,211,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(13,118,148,1) 0%,rgba(0,162,211,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7694', endColorstr='#00a2d3',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 0 6px rgba(43,43,43,0.6), 0 0 0 7px rgba(255,255,255,0.05), inset 0 0 20px -1px rgba(0,0,0,0.6);
}

.login-submit:after {
    content: url("http://www.inboundnow.com/wp-content/uploads/2014/07/arrow.png");
    position: relative;
    float: right;
    width: 25px;
    height: 19px;
    top: -66px;
    left: 30px;
    pointer-events: none;
}

.login-remember {
    display: none;
}


.login-forget {
    display: block;
    overflow: hidden;
    opacity: 0.7;
    color: #6ba3c4;
    font: 14px/18px open sans;
    margin: 0 0 15px 86px;
    text-decoration: none;
    transition: opacity 400ms ease-in;
}

.login-forget:hover {
    opacity: 1;
}

/* Code Ends */