/* 
    Document   : login-css
    Created on : Nov 10, 2014, 2:17:39 PM
    Author     : IST-DIAN
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.modal-footer{
    border-top: 0;
    margin-top: 0;
    padding: 0;
}
.btn{
    width: 100%;
}
.lockscreen-item > .lockscreen-credentials .btn{
    background-color: #3c8dbc;
    border-color: #367fa9;
}
.lockscreen-item {
    background: none;
}
.form-group{
    margin-bottom: 1px;
}
.input-group .input-group-addon{
    background-color: #eee;
}
.lockscreen-item > .lockscreen-image{
/*    top: 25px;*/
}
.lockscreen .lockscreen-name{
    font-size: 14px;
    color: #d43f3a;
    max-width: 625px;
    margin-left: 7px;
    padding-bottom: 7px;
    font-weight: 400;
}
.form-box{
    width: auto;
    margin: 30px auto 0;
}
.lockscreen .headline{
    font-size: 50px;
    margin: 0;
    margin-top: -30px;
}
.timeline:before{
    background: none;
    border: 0px;
}
.timeline{
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin: 10px 0 -20px;
    opacity: 0.8;
    text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
    margin-left: 75px;
}
.input-lg{
    font-size: 14px;
    height: 40px;
}
.lockscreen-link{
    font-size: 11px;
}
.lockscreen-item > .lockscreen-credentials .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
    background-color: #3276b1;
    border-color: #285e8e;
    color: #ffffff;
}
.global-ajx{
    font: 12px arial,sans-serif;
    position: fixed;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 9999;
    overflow-y: auto;
    background-color: #FFFFCC;border-color: #CCCCCC;border-style: solid;border-width: 1px;padding: 5px 2px;    
    text-align: center ;
    margin-top: -7px;
    margin-bottom: 4px;
    display: none;
    left: 45%;
    top: 5px;
    padding: 5px;
}
.ajax_load_allproses{
    background: transparent url(../img/load.gif) no-repeat center;
    width: 50px;
    height: 10px;
    vertical-align: middle;
}

.pagination-loading{
	background:url('images/pagination_loading.gif') no-repeat;
}
.wait-process{
    text-align: center;
    display: none;
    left: 0;
    right: 0;
    position: absolute;
    margin-top: -5px;
}

#clouds{
	padding: 100px 0;
/*	background: #c9dbe9;
	background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
	background: -linear-gradient(top, #c9dbe9 0%, #fff 100%);
	background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);*/
}

/*Time to finalise the cloud shape*/
.cloud {
	width: 200px; height: 60px;
	background: #fff;
	
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	
	position: relative; 
}

.cloud:before, .cloud:after {
	content: '';
	position: absolute; 
	background: #fff;
	width: 100px; height: 80px;
	position: absolute; top: -15px; left: 10px;
	
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}

.cloud:after {
	width: 120px; height: 120px;
	top: -55px; left: auto; right: 15px;
}

/*Time to animate*/
.x1 {
        left: 200px;
	-webkit-animation: moveclouds 15s linear infinite;
	-moz-animation: moveclouds 15s linear infinite;
	-o-animation: moveclouds 15s linear infinite;
        opacity: 0.9;
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
	left: 200px;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6; 

        -webkit-animation: moveclouds 25s linear infinite;
	-moz-animation: moveclouds 25s linear infinite;
	-o-animation: moveclouds 25s linear infinite;
}

.x3 {
	left: 250px; top: -200px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; 
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
}

.x4 {
	left: 470px; top: -250px;
	
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.75; 
	
	-webkit-animation: moveclouds 18s linear infinite;
	-moz-animation: moveclouds 18s linear infinite;
	-o-animation: moveclouds 18s linear infinite;
}

.x5 {
	left: 150px; top: -150px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; 
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
}

@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
.fa-icon-link:before{
    content:"";
}
.fa-icon-link{
    display: inline-block;
    font-size: 15px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #f39c12 !important;
}