html {
height: 100%;
}
body {
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* Text Align */
.text-c {
text-align: center;
}
.text-l {
text-align: left;
}
.text-r {
text-align: right
}
.text-j {
text-align: justify;
}
/* Text Color */
.text-whitesmoke {
color: whitesmoke
}
.text-darkyellow {
color: #5f5f5f;
}
/* Lines */
.line-b {
border-bottom: 1px solid rgb(51, 139, 255) !important;
}
/* Buttons */
.button {
border-radius: 3px;
}
.form-button {
background-color: rgb(51, 139, 255);
border-color: rgb(51, 139, 255);
color: #e6e6e6;
}
.form-button:hover,
.form-button:focus,
.form-button:active,
.form-button.active,
.form-button:active:focus,
.form-button:active:hover,
.form-button.active:hover,
.form-button.active:focus {
background-color: rgb(30, 101, 255);
border-color: rgb(30, 101, 255);
color: #e6e6e6;
}
.button-l {
width: 100% !important;
}
/* Margins g(global) - l(left) - r(right) - t(top) - b(bottom) */
.margin-g {
margin: 15px;
}
.margin-g-sm {
margin: 10px;
}
.margin-g-md {
margin: 20px;
}
.margin-g-lg {
margin: 30px;
}
.margin-l {
margin-left: 15px;
}
.margin-l-sm {
margin-left: 10px;
}
.margin-l-md {
margin-left: 20px;
}
.margin-l-lg {
margin-left: 30px;
}
.margin-r {
margin-right: 15px;
}
.margin-r-sm {
margin-right: 10px;
}
.margin-r-md {
margin-right: 20px;
}
.margin-r-lg {
margin-right: 30px;
}
.margin-t {
margin-top: 15px;
}
.margin-t-sm {
margin-top: 10px;
}
.margin-t-md {
margin-top: 20px;
}
.margin-t-lg {
margin-top: 30px;
}
.margin-b {
margin-bottom: 15px;
}
.margin-b-sm {
margin-bottom: 10px;
}
.margin-b-md {
margin-bottom: 20px;
}
.margin-b-lg {
margin-bottom: 30px;
}
/* Bootstrap Form Control Extension */
.form-control,
.border-line {
background-color: #ffffff;
background-image: none;
border: 1px solid #ffffff;
border-radius: 1px;
color: inherit;
display: block;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.form-control:focus,
.border-line:focus {
border-color: #3e7df3;
background-color: #ffffff;
color: #1b1b1b;
}
.form-control,
.form-control:focus {
box-shadow: none;
}
.form-control::-webkit-input-placeholder { color: #BDBDBD; }
/* Container */
.container-content {
background-color: #ffe05865;
color: inherit;
padding: 15px 20px 20px 20px;
border-color: #ffe05865;
border-image: none;
border-style: solid solid none;
border-width: 1px 0;
}
/* Backgrounds */
.main-bg {
background: #cdadff;
background: linear-gradient( #83a0ff, #ff8bb7, #8305d6);
}
/* Login & Register Pages*/
.login-container {
max-width: 400px;
z-index: 100;
margin: 0 auto;
padding-top: 100px;
}
.login.login-container {
width: 300px;
}
.wrapper.login-container {
margin-top: 140px;
}
.logo-badge {
color: #e6e6e6;
font-size: 80px;
font-weight: 800;
letter-spacing: -10px;
margin-bottom: 0;
}