/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
    padding: 0px;
}

.navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto;
}
.myheaderbar .navbar-brand>img {
    padding: 7px 14px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#sbox {
    padding-bottom: 20px;
}

/* tohle je samozatahovaci okno s chybou na celou obrazovku, podle login.wrong*/
.login-error {
    height: 0;
    overflow: hidden;
    transition: height 1s;
}
.login-error.active {
    height: 50px;
}
/******* Radius stranka specials *******/
/* samozataovaci okno pouzite v radius strance*/
.test-error {
    height: 0;
    overflow: hidden;
    transition: height 1.0s;
}

.test-error.active {
    height: 100px;
}

/* form pouzity v radius strance */
#inputForm h3 {
    color : #818181;
    color : rgba(255,255,255,0.3);
    text-shadow: -1px -1px rgba(0,0,0,0.2);
}

#inputForm {
    background: #eaeaea url('../imgs/formbg.png');
    padding: 15px;
    margin-bottom: 10px;
    border: solid 1px rgba(0,0,0,0.2);
}
.form header, legend {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    background: #fff;
    font-size: 16px;
    font-weight: 300;
    color: #222;
    margin: 25px 0 20px;
}

legend {
    font-weight: 400;
    margin-top: 0;
    background: 0 0;
}
/******************/
.marker-labels{
    background-color: beige;
    color: darkblue;
    font-weight: normal;
    font-size: 10px;
    opacity: 1;
    pointer-events: none;
    text-align: center;
    width: 120px;
    white-space: nowrap;
}
/* toto jsem pouzival */

.angular-google-map-container {
    /*width: 450px;*/
    height: 530px;

}

/* spacing between bootstrap rows*/

.top-buffer {
    margin-top:10px;
}


/* Pokus s velikosti angular map */

/*
.angular-google-map-container {
    height: 520px;
    !*width: 50%;
    position: absolute;*!
}


.middle {
    display: table;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

*/

/*
Use bootstraps container w/ some overrides, nice thing about this on bootstrap is there is
psuedo element with clearfix and display: table; , all after (which is why I know .middle works above)
*/

.container{
    width: 50%;
    padding-left: 0;
    padding-right: 0;
}

/***********/
/*viewport centrovani*/
.selfPositionInfoFrame
{
    z-index:95;
    width:100%;
    height:95px;
    margin:0 auto;
    /*background: rgba(0,130,0,0.6);*/
    position:absolute;
    left:0px;
    top:-15px;
    /*top:50%;*/
    /*margin-left:-250px;*/
    /*margin-top:-250px;*/


    color: beige;
    text-decoration: underline;
    -moz-text-decoration-color: red; /!* Code for Firefox *!/
    text-decoration-color: red;
    font-color:red;

    border: solid rgba(0, 80, 0, 0.75);;
    border-radius: 10px;
    padding: 3px;

    box-shadow: 2px 2px 20px #727272;
}
.selfPositionInfoFrameSmall
{
    height: 30px;
    overflow: hidden;
    transition: height 1s;

}
.selfPositionInfoFrame.backGeoGood {
    background: rgba(0,64,0,0.7);
}
.selfPositionInfoFrame.backGeoFailed {
    background: rgba(130, 0, 85, 0.7);
}
.selfPositionInfoFrame li {
    list-style-type: none;
}

.gwTestPassed {
    color:darkgreen;
}

.gwTestFailed {
    color:orangered;
}

.bg-topTenBad{
    background-color: #fff9df !important;
}