html {
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    text-rendering: optimizelegibility;
}

body{font-family:'Lato',sans-serif;}
body.login{/*background:url('../img/login/bg1.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/background-color: #F4F4F4;}

h1,h2,h3,h4,h5,h6{font-family: 'Lato', sans-serif;}
h1,h2{letter-spacing: -2px;}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }
p {font-family: 'open sans',sans-serif; font-size: 16px; color: #000000;}

/* LOGIN */
#page-wrap{background:rgba(0,0,0,0) none repeat scroll 0 center;box-sizing:content-box !important;height:540px;width:380px;z-index:2;}

.centered{left:50%;margin-left:-190px;margin-top:-230px;position:fixed;top:50%;}

#logo{position:relative;height:100px;width:100%;}
	#logo .background{background-color:rgba(255,255,255,0.60);height:100%;position:absolute;width:100%;}
	#logo .image{height:100%;line-height:100px;position:absolute;text-align:center;width:100%;}


.form-container {
   background-color: #fff;
   border-top:2px solid #eee;
   padding: 20px;
}

.form-container .btn-login {
    background-color: #0CAEB1;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    height: 52px;
    margin-left: 15px;
    margin-top: 10px;
    text-align: center;
    width: 340px;
    font-family: 'open sans', sans-serif;
}

.form-container .form-footer {
    color: #000;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: 300;
    height: 67px;
    line-height: 67px !important;
    text-align: center;
    width: 100%;
}

.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
    width: 100%;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon {
	border:none;
    background-color: #EBEBEB;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #c6c6c6;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    width: 48px !important;
}

.form-control {
    background-color: #F4F4F4;
    background-image: none;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: #555;
    display: block;
    font-size: 18px;
    height: 43px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-family: sans-serif;
    font-weight: bolder;
}

.form-container input.form-control{
	height:43px;
}

.page-footer {
    background-color: #383c4c;
    bottom: 0;
    color: #f0f0f0;
    font-family: "GothamRoundedLight",sans-serif;
    font-size: 10px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 35px;
    left: 0;
    line-height: 35px !important;
    overflow: hidden;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
}

.page-footer .script {
    float: left;
    left: 15px;
    position: absolute;
}

.page-footer .conditions {
    float: left;
    position: absolute;
    right: 105px;
}


.page-footer .separator {
    float: left;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 84px;
    top: 14px;
    width: 10px;
}
.page-footer .privacy {
    float: left;
    position: absolute;
    right: 15px;
}

.page-footer a {
    color: #f0f0f0 !important;
    text-decoration: none !important;
}
