/* Copyright 2018 Diamond Edge Services*/
/* titan.css */

body, html{
	background-color: #eee !important;
	overflow-x: hidden;
	width: 100vw;
	height: 100vh;
	position: fixed;
}

.fullcenter{
	width: 100%;
	text-align: center;
}

.fullwidth{
	width: 100%;
}

.fullheight{
	height: 100%;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.noshow{
	display: none;
}

.login-container{
	font-family: 'Titillium Web', sans-serif;
	margin: 100px auto;
    border-radius: 4px;
	text-align:center;
    overflow: hidden;
    width: 25em;
    min-width: 250px;
}

.login-logo{
    border-radius: 4px;
	text-align:center;
    overflow: hidden;
	margin-bottom: 30px;
    min-width: 300px;
}

.login-form{
	min-width: 300px;
	text-align: center;
	border: solid #bbb 2px;
	border-radius: 4px;
	background-color: #fff;
}

.login-input-container{
	font-size: 0.8em;
	color: #999;
	padding: 20px;
	text-align: left;
}

.login-header{
	padding: 5px;
	padding-left: 20px;
	background-color: #eee;
}

.login-input{
	padding: 5px;
	border-radius: 2px;
	border: solid #ccc 1px;
}

.login-button{
	background-color: #247BA0;
	color: white;
    transition: 0.5s;
}

.login-button:hover{
	background-color: #185069;
	color: #eee !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbb;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbb;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #bbb;
}

.down10{
	margin-top:10px;
}

.colored-header{
	position: absolute;
	height: 18px;
	white-space: nowrap;
}

.colored-header-section{
	width: 21%;
	height: 100%;
	margin-left: -5px;
	display: inline-block;
}

.color-one{
	background-color: #247BA0;
}
.color-two{
	background-color: #70C1B3;
}
.color-three{
	background-color: #B2DBBF;
}
.color-four{
	background-color: #F3FFBD;
}
.color-five{
	background-color: #EB547C;
}

.loading-bar-background{
	height: 5px;
	width: 100%;
	background-color: #bbb;
	border-radius: 50%;
}

.loading-bar{
	margin-top: -10px;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background-color: #1B6988;
	-webkit-animation-timing-function: ease-in-out;
    position: relative;
    -webkit-animation: mymove 1.5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 1.5s infinite;
}

#login-loading-bar{
	margin-top: 20%;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 100%}
}

/* Standard syntax */
@keyframes mymove {
    from {left: 0px;}
    to {left: 100%}
}

.colorRed{
	color: red;
}