/**************************************************
Copyright (C) 2020 Earworks.                    *
Codeigniter Project Template Modification       *
Please contact our email for more information : *
contact@earworks.co.id                          *
****************************************************/
/* 
    Created on : 14 Mar 20, 7:54:14
    Author     : andhy
*/
@font-face {
    font-family: museo100;
    src: url(../fonts/museo/MuseoSans-100.otf);
}
@font-face {
    font-family: museo300;
    src: url(../fonts/museo/MuseoSans-300.otf);
}
@font-face {
    font-family: museo500;
    src: url(../fonts/museo/MuseoSans_500.otf);
}
@font-face {
    font-family: museo700;
    src: url(../fonts/museo/MuseoSans_700.otf);
}
body {
    font-family: museo300;
}
strong,b {font-family: museo500;}
a:hover, a:active, a:focus{
    text-decoration: none !important;
}
.login {
    display:table;
    width:100vw;
    height:100vh;
    background: url(../../images/static/bg_pc.jpg);
    background-size:cover;
    background-position:left center;
    background-repeat: no-repeat;
}
.modal .modal-footer,
.modal .modal-header {
    border:none;
}
@media (max-width: 480px){
    .login {
        background: url(../../images/static/bg_mobile.jpg);
        background-position:center center;
    }
}
.login a {
    color:#45b9ff;
}
.login .login-content {
    display:table-cell;
    vertical-align:middle;
    background-color: rgba(0,0,0,0.4);
}
.login .login-box,
.login .login-alert {
    display:block;
    max-width: 280px;
    margin: 0px auto;
    z-index:2;
}
.login .login-box {
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding: 15px;
    border-radius:5px;
}
.login .login-title {
    display:block;
    width:100%;
    text-align:center;
    font-size:20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0px;
}
.login .form-control {
    background-color: rgba(255,255,255, 0.9);
}
.login .btn-submit{
    font-size: 18px;
}
input[class*='primary'], a[class*='primary'], button[class*='primary'],
input[class*='primary'], a[class*='primary'], button[class*='primary']{
    background-color: #24176f; border-color: #4630c4;
}
input[class*='primary']:hover, a[class*='primary']:hover, button[class*='primary']:hover{
    background-color: #4630c4; border-color: #24176f;
}
input[class*='primary']:active, a[class*='primary']:active, button[class*='primary']:active{
    background-color: #3e2ba8; border-color: #24176f;
}
input[class*='primary']:focus, a[class*='primary']:focus, button[class*='primary']:focus{
    background-color: #24176f; border-color: #4630c4;
}

.login  .form-group {
    position:relative;
}
.forgot-link {
    position:absolute;
    top:-5px;
    right:-5px;
}
.forgot-link:hover, .forgot-link:active, .forgot-link:focus {
    text-decoration: none;
    color:white;
}