/**********************************
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
***********************************/
html {
    min-width:100%;
    min-height:100%;
    /*  background: radial-gradient(circle farthest-side at 100% 0, #e8f7fe,#bfe2fe) no-repeat;*/
}
html:after {
    content : "";
    display: block;
    position: fixed;
    top: 0px;
    left: -50px;
    background-image: url(../imgs/page_background.png);
    background-color: #bfe2fe;

    width: 110%;
    height: 100%;
    opacity : 0.1;
    z-index: -1;
}


.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.angular-google-map-container {

    height: 500px;
}

.navbar-brand {
    padding: 0px;
}

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

.list-group-item {
    margin-left:60px;
}

#inputForm {
    background: #eaeaea url('../imgs/formbg.png');
    padding: 5px;
    margin-bottom: 5px;
    border: solid 1px rgba(0,0,0,0.2);
}

#moduleForm {
    background: #eaeaea url('../imgs/formbg.png');
    padding: 5px;
    margin-bottom: 5px;
    border: solid 1px rgba(0,0,0,0.2);
}
#loraForm {
    background: #eaeaea url('../imgs/formbg.png');
    padding: 5px;
    margin-bottom: 5px;
    border: solid 1px rgba(0,0,0,0.2);
}

#inputForm h3 {
/*    color : #818181; */
    color : rgba(49,49,49,0.5);
  /*  text-shadow: -1px -1px rgba(0,0,0,0.2);*/
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

form hr {
    margin-top: 0px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

#moduleMeter fieldset {
    margin-top: 5px;
}


.infoMove {
    position: relative;
    margin-top: 10px;
}

/* 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: 90px;
}


.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: 200;
    margin-top: 0;
    background: 0 0;
}

.angular-google-map-container {

    height: 450px;
}

/*viewport centrovani*/
.resultFrame
{
    /*z-index:99;*/
    /*width:100%;*/
    /*height:95px;*/
    /*margin:0 auto;*/
    /*position:absolute;*/
    /*left:0px;*/
    /*margin-top:-150px;*/
    color: beige;
    -moz-text-decoration-color: red; /!* Code for Firefox *!/
    text-decoration-color: red;
    font-color:red;
    border: solid rgba(0, 49, 0, 0.75);;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 5px;

    box-shadow: 2px 2px 20px #727272;
}

.resultFrameSmall
{
    height: 55px;
    overflow: hidden;
    /*transition: height 1s;*/

}

.resultFrame.dcTestGood {
    background: rgba(0, 80, 0, 0.85);
    transition: height 1s;
}

.resultFrame.dcTestFailed {
    background: rgba(235, 0, 159, 0.85);
}


.resultFrame li {
    list-style-type: none;
    /*text-decoration: underline;*/
}



.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left:-4px;
    margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius:0;
    border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius:4px;
    border-bottom-left-radius:0;
}

.list-group-item-bypassedfail{
    color: #653d4b;
    background-color: #e087b6;
}
.list-group-item-bypassed{
    color: #475556;
    background-color: #95a5a6;;
}

.bg-confconflict {
    text-color: rgba(255, 255, 255, 0);
    background-color: #ff0000 !important;
}
.bg-notconf{
    text-color: #1d405c;
    background-color: #56a8e9 !important;
}

.bg-confgood{
    /*text-color: #005000;*/
    /*background-color: #1d405c !important;*/
}

.bg-badgw {
    color: #1d405c !important;
    background-color: #727272 !important;
}

.bg-lightyellow {
    background-color: #fff9df !important;
    text-align: center;
    padding-top: 0px;
    padding-bottom:0px;
    padding-left: 5px;
    padding-right: 5px;
}
.bg-lightyellow h3 {
    margin-top:10px;
    margin-bottom: 10px;
}

.bg-lightblue {
    background-color: #e5f1f4 !important;
}

.footer {
    position:fixed;
    margin-left: auto;
    margin-right: auto;
    bottom:0;

    box-sizing: border-box;
    display : block;
}

/***pro flippy fancy vyska ****/
.fancyheight {
    height:150px;
}

.fancyheightCounter {
    height:345px;
}

/***** Typ karet A - muj podle simplett ****/
.boardCard {
    /* position:relative;*/
    /* background : #feffdb;*/

   /* background-image: url('../imgs/mybg.png'); */
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-box-shadow: 3px 4px 6px 0px #bbb;

    /* width:250px;
     height: 100px;*/
}
.boardCard p {
    /* font: 500 1.4em/100% 'Petit Formal Script', Helvetica; color: #000;*/
    /* font: 400 14px/1.4 'Berkshire Swash', Helvetica, sans-serif;*/
    font:  26px/110% 'Sacramento', Helvetica; color: #1f2650;
    text-align: center;
}
.boardCard .titico {
    margin-left: -7px;
    margin-top: -10px;
}
.boardCard h5 {
    /*margin-left:25px;
    margin-top: -18px;
    */
}
.boardCard .cardBody {
    height:125px
}
.boardCard .footer {
    height:20px;
}
/*******************************/
/***** Overview of meter  modul config history ****/
.meterConfigHistoryCard {
    /* position:relative;*/
    /* background : #feffdb;*/

    /* background-image: url('../imgs/mybg.png');
    background-size: cover;
    background-repeat: no-repeat; */
    border: 1px solid #ddd;
    border-radius: 4px;

    -webkit-box-shadow: 3px 4px 6px 0px #bbb;
    transition: border .2s ease-in-out;
    padding: 2px;
    margin-bottom: 8px;
    line-height: 1.42857143;

    /* width:250px;*/
    height: 160px;
}
.meterConfigHistoryCard p {
    /* font: 500 1.4em/100% 'Petit Formal Script', Helvetica; color: #000;*/
    /* font: 400 14px/1.4 'Berkshire Swash', Helvetica, sans-serif;*/
    font:  26px/110% 'Sacramento', Helvetica; color: #1f2650;
    text-align: center;
}
.meterConfigHistoryCard .titico {
    margin-left: -7px;
    margin-top: -10px;
}
.meterConfigHistoryCard h5 {
    /*margin-left:25px;
    margin-top: -18px;
    */
}
.meterConfigHistoryCard .cardBody {
    height:125px
}
.meterConfigHistoryCard .footer {
    height:20px;
}
/*******************************/

.margin-top-23 {
    margin-top: 23px;
}

.margin-top-25 {
    margin-top: 25px;
}

.rounded-x {
    border-radius: 50% !important;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-2 {
    margin-top: 2px;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-2 {
    margin-bottom: 2px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-btn {
    margin : 2px;
}

.full button span {
    background-color: limegreen;
    border-radius: 32px;
    color: black;
}
.partially button span {
    background-color: orange;
    border-radius: 32px;
    color: black;
}
/* to add gmap, youtube and some other things to be responsive
http://stackoverflow.com/questions/15668762/google-maps-with-bootstrap-not-responsive
*/
.iframe-container{
    position: relative;
    width: 100%;
    /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
     padding-bottom: 56.25%;
    /* Ratio 4:3 ( 100%/4*3 = 75% ) */
    /* padding-bottom: 75%;  */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}