@import url(https://fonts.googleapis.com/css?family=Rubik:300,600,400&subset=latin,latin-ext);


*
{
    outline: none !important;
}

body
{
    background-color: rgb(5,136,182);
    color: rgb(255,255,255);
    font-size: 20px;
	font-family: 'Rubik', sans-serif;
    font-weight: 300,600,400;
    background-image: url('../img/background.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -khtml-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.animated
{
    -webkit-transition: 0.3s all;
    -khtml-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.desc-title, .username
{
    font-weight: 700;
    text-transform: uppercase;
}

.desc-title
{
    line-height: 200%;
}

.desc-opis
{
  font-size: 18px;
  font-weight: 100;
}


.username
{
    margin-top: 20px;
}

.header
{
    max-height: 50px;
    height: 50px;
}

.header .img-responsive
{
    max-height: 50px;
}

.footer-text
{
    display: block;
    width: auto;
}

.container
{
    padding: 40px 40px 20px 40px;
    max-width: 800px;
}

.form-control-feedback
{
    right: auto;
    left: 0px;
    top: 0px;
    bottom: 0px;
    height: auto;
}

.form-control, .btn
{
    margin: 20px auto;
    height: 60px;
}

.form-control
{
    background-color: transparent;
    border: 2px solid rgba(255,255,255,0.5);
    color: rgb(255,255,255);
    padding-left: 50px;
    font-size: 24px;
	text-transform: uppercase;
}



.form-control:focus
{
    border: 2px solid rgb(255,255,255);
}

.border-radius-30
{
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.border-radius-20
{
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.has-feedback .fa
{
    font-size: 140%;
    height: 60px;
    line-height: 60px;
    left: 15px;
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5;
}

.has-feedback > .form-control:focus+.fa
{
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.has-feedback-right > .form-control
{
    padding-right: 60px;
}

.has-feedback-right .fa
{
    left: auto;
    right: 15px;
}

.btn
{

	text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    border-width: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

.btn-sm
{
    font-size: 16px;
    margin: auto;
    height: auto;
    text-transform: none;
}

.header .btn-sm
{
    margin: 10px auto;
}

.btn-success
{
    background-color: rgb(130,221,151);
    border-color: rgb(130,221,151);
}

.btn-success:hover
{
    background-color: rgb(110,199,130);
    border-color: rgb(110,199,130);
}

.btn-success:focus
{
    background-color: rgb(90,177,109);
    border-color: rgb(90,177,109);
}

.btn-danger
{
    background-color: rgb(222,130,131);
    border-color:  rgb(222,130,131);
}

.btn-danger:hover
{
    background-color: rgb(200,110,110);
    border-color:  rgb(200,110,110);
}

.btn-danger:focus
{
    background-color: rgb(178,90,89);
    border-color:  rgb(178,90,89);
}

.btn-warning
{
    background-color: rgb(222,175,131);
    border-color: rgb(222,175,131);
}

.btn-warning:hover
{
    background-color: rgb(200,154,111);
    border-color: rgb(200,154,111);
}

.btn-warning:focus
{
    background-color: rgb(178,133,91);
    border-color: rgb(178,133,91);
}

.btn-resp-text
{
    font-size: 100%;
	line-height: 20px;
}

.with-error
{
    border-color: rgb(34,35,37) !important;
}

.error
{
    color: rgb(34,35,37);
    font-size: 130%;
    font-weight: 100;
}

footer
{
    margin-top: 20px;
}

.breadcrumb
{
    background-color: transparent;
}

.breadcrumb a, .breadcrumb
{
    color: rgb(255,255,255);
	font-size: 16px;
}

.breadcrumb .active
{
    color: rgb(255,255,255);
    font-weight: bold;
}

.breadcrumb > li + li::before
{
    font-family: FontAwesome;
    content: "" !important;
    color: rgba(255,255,255,0.75);
}

.datepicker
{
    color: rgb(40,40,40);
}

.datepicker .new.day
{
    color: rgb(115,115,115);
}

.datepicker .day
{
    cursor: pointer;
    text-align: center;
}

.datepicker .day:hover
{
    background-color: rgb(5,136,182);
    color: rgb(255,255,255);
}

.datepicker-switch, .prev, .next
{
    text-align: center;
}

.btn-resp-text
{
    white-space: initial;
}