/*
 * Specific styles of signin component
 */
/*
 * General styles
 */
body, html {
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(#ffffff, #92cddc);
/*  background-image: linear-gradient(#4eb356, #fff);  */		
/*  background-image: linear-gradient(rgb(104, 145, 162), #fff); */
}

.card-container.card {
    max-width: 350px;
    padding: 40px 40px;
}

.btn {
    font-weight: 700;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

a {
    color: #701b75 !important;
}

/*
 * Card component
 */
.card {
    background-color: #ffffff;
    color: #701b75;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #login,
.form-signin #password {
    direction: ltr;
    font-size: 14px;
}

.input-icon > i {
	top: -6px;	
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.btn.btn-signin {
    background-color: #9a9a9a;
/*	background-color: #4d90fe; */
/*	background-color: rgb(104, 145, 162); */
/*	background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 36px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
/*  background-color: rgb(12, 97, 33); */
    background-color: #66CCFF;  /*TODOOOOO    #4eb356;*/
    cursor: pointer;
}

.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
/*  color: rgb(12, 97, 33); */
    color: #66CCFF;  /*TODOOOOO    #4eb356;*/
    text-decoration: none;
}

/*****************************************************************************/


#companyLogo {
	border: 0;
	height: 135px;
    width: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAAB0CAMAAAC4045yAAAAhFBMVEX5vhL/////8Mz5uwD5ugD5vQD96bn/78j5vyD6xj7/8c/5uAD//fP+89j//vb96LX703P/+ev72IH/9d77z2P724394Jj6wzH/9Nb95KT/+u3///v968H6yk785Kv6xkD70GH71Xn72oj70mv6ykn6zVn70m/846T++OT835T6xSn5xTYup2VtAAAGsElEQVR4nO2aa3eqOhCGgTCABPCuVBSr1mrr//9/J5CZEKD77Kp17eM+837qSsJMntxmEus4LBaLxWKxWCwWi8VisVgsFovFYrFYLBaL9YVAaD3KLvy04RsFh4nW8oftHrXZ/fa/QQoDFzX0f9RwlKDdWP6o3Vtlgf5shxj0D+n3oAA3bbJnAxXRbn5wbkB9MlAxL1TV6nB98HkuUDHBys3Vc/pcoM7q5t4+FShsqdK9eu0+F+jmfwLqRAVWnv/upeuIEisnf/mMOhDWdeXfHl7UnI7CfH284Q73bKAOSOnfkgM+HeitYtA/JBtU+L23D4i0OosXoHOn6RXYoP/2plI/uPgCyFHn/tC32y/5nhrQ4PUUp2k6nFyaPSmGWVIp86znB+F/Ht9Hhw1QO/XHYDYazS7CamVA880iVHaD/Vtvr4Mf7UrlNC9Ho0RrZWXVIGFzGL0fI58OQ3T9BtcfGwRaTKdEXHgbWm0+FRYGwYf5VKcR2fpVVv7kpVzVJcX5FJl1SqDnlOy66UG2+icva0pI3DEadUfUBORhnWnn6Rwq/8K4TtZHeSUqgo7D0IAqrXEF+dTLDEEBFlYz93z0RbS2S0paexo08cLcqs2XTaAC8WLVqA6cW6D+7GxVF3MAfWUkTd+ue+PSoNPQ82xQd7yEr0Dh0mql9PKatQtWb6IBPSu7NqhbmJAMUatiHHphaoFC6baVDvJOyfwq0hq04myDuquatAMKl6TjzE265G6hd1kFWnG2QRtS0f5wTE01qAi7Zt286JacriGtQOv+dEDdaR8UPrOur6y95DXLBTToqrbbmYjssyaRHZIx9aEGlWu3q9yLe6T7KzI2BVrUPrqg9Xi1QUV38ajY4XnhqluYCg1am+2C6rhqni7aoMpWBSr2PUfVokt7pZfvn0gKNPUIdP0xL8fGStQB7XUO10LcK94p0ig7G9B4sT8143isemfcJMP5PMgQVNmqQKPe3NWTEfY2Tv79ZAS2mXYRnj0Vr1TsNqNZ+m1QGHf9uPhlt3isWkerGAdwepEChDxQ72PfATNmJ6icwjDBXiQKVJx6jupT5IshPX57SmGLAx+/YGSSBzSyghYozBr74eR9ofBWNA1uoUL+sOU/IrtDTInEAEmLJfi0nj9wSuQeh+W8g+alSi2Zj9HEqxzqYVBnhKdcN/Xf/x0Ftrn2sDZjI+lkV7mPBeo3IDM1RWoW3BT9F6uBBJBHc1apxRCh3fiTDPs0jTsRYcsm4RKlJk1HAEfjqFRuhNy5NN9nd1K5dsy+H39/k160g3zXnGBLtDJpgUqzyyZ6GvwpsoTJa/2xv6MWqQLVduOFlSLgTLz49Og2M/2EjTaWz0CYnATvA/IDd7A3DeoScGgbFINvky6xQ2/NFxTiFsIGFWScRhEOeIx5IeVNtKbUqo886rix62NIWUvcBVnU9AMQ9BX8gEDNDsR17eWYCcthr8m3QS9NEe2gk9/ao2TbrDf8VG1vLJHUPFGHkZ6E3OqJCAgUj4HE6iV41F565Ml8OERPIRXMqcnsrhnFY/RDfAka9kAXX4Fixw/WjCJBIF9x4X1aoGZGpTlcTYdeCBRuBx3gHm2yDHNz28HtoEB79MXao3gELXzyMGqcznIamMeAwjZtrwor/3q7CxTtxiZ7kXTIvAsHQ//UgIoAB3z0MNAxdmiIl1lJGcO4E0evBCW7YaRpJEWNIjKL2C118AZ5ijGA7B4FOijQxvm8Eb7vf5oDbeHfBZpgbZocQNl1TNBYSwfejbGLqhODmPKz4mEzOsD0qsp1p8PSM2lmAc5doNkZz12V3wSlladW/6YCTdqYlmVKSb1q/EDQX9xePsR9oL+6vdQx384na+HtJXkkaHMXtFVHy/tAs6/uo5huyM4LQt2H6nrwSFB922qDTuva+0B10t8GTShnM+dRA1rf4R8KWpO2QHOn92Z0A2hN2n4aWjbZbdCqCDXng0HdLLafRArq+b2gbpG3XgGH9tuz3FkvM+Mw1ony4+IofrEyoKtySSj2u64BjQ1oHtfKDSg1z6pTF/+kB1s3CTovlMJZmMP3TLd6BWqGxjQs0VN8RwrolEGt9XE7OQXBcHF0mmdwmKx15Vyoe79uGLyb6v3io9KCXtdhp5sHC3BggXZ3y11tdxb1n9cFHPfKf7nfbNH48FMFWbTyYt6yX9HRhEqW1PyKf9WssoRKAFD92f6JBKjSbtjUdn9Voebid3YbE5oX6Eu/Y+UXjhyrOYvFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBbrj+of3bV128CBN7QAAAAASUVORK5CYII=);
 	background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.profile-logo {
/*  height: 96px; */
    margin: 0 auto 10px;
    display: block;
    width: 100%;
}

footer {
	text-align: center;
}