@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

body{
    font-family: "Lato" !important;
}
.auth-links {
    margin-top: 10px;
}
.error {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #b52626;
}
.login-page, .register-page {
    background: #fff;
}
.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.btn.btn-primary {
  background: transparent !important;
    color: #074559;
    border: 1px solid #bbb6b6;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    padding-right: 6px;
}
.btn.btn-primary:before {
    background: transparent !important;
    color: #074559;
    border: none !important;
    content: "\f111";
    font-family: fontawesome;
    padding-right: 10px;
    color: green;
}

.logo-side{text-align:center;margin:0 auto;}
.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
  text-align: center;
}
.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
  height:100%;
}

.flex-row{
    flex-direction: row;
}

.login-box .checkbox{text-align:left;}

#landing-right-content{color:#fff;background-color:#800080}
#landing-right-content .flex-row{padding:80px;}
#landing-right-content h1{font-size:5em;text-align:left; font-family: "Lato";}
#landing-right-content h1 img{background:#fff;padding:20px;border-radius:8px; font-family: "Lato";}

#landing-right-content h5{font-size:2em;text-align:left;}

#login-header-menu{padding:10px 20px;position: absolute;z-index: 99;background:#fff;box-shadow: 0 0px 5px rgba(0,0,0,0.1)}
#login-header-menu .link-side a{display:inline-block;padding:10px;font-size:18px;}
.login-box-msg{font-size:35px !important;font-weight: bold !important;}

@media screen and (max-width: 960px) {
    .d-flex {
        min-height:300px;
        height:auto;
    }
    .align-items-center {
        text-align: left
    }
    #login-header-menu{position: relative;}
    #landing-right-content .flex-row{padding:40px;}
    #landing-right-content h1{font-size:3em;text-align:left;}
    #landing-right-content h5{font-size:1.5em;text-align:left;}

}

.btn-blue{background:#800080 !important;border-color:#800080 !important;font-size: 16px;text-transform: uppercase; color:#fff !important}
.btn-blue:hover, .btn-blue:active, .btn-blue.hover ,.btn-blue.active, .btn-blue:focus, .btn-blue.active:focus{
  background:#6f066f !important;border-color:#6f066f !important;color:#fff !important;
}
.btn-blue span{color:#fff !important}

.shared-login-page .login-box{
    width:540px !important;
}

.shared-login-page .folder-name{margin-bottom:20px}
.shared-login-page .folder-detail_{font-weight:bold;font-size:20px}
.shared-login-page .folder-img{margin-bottom:10px}
.shared-login-page .folder-img img{width:80px}

.input-loading {
    overflow: hidden;
    background: #000;
    position: relative;
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeholderAnimate;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
    background-size: 1300px;
    border: none;
    pointer-events: none;
}

.input-group .input-group-addon {
    background-color: #6b1870;
    color: #fff;
}
.btn {
    background-color: #fff;
}