/*  barva bubliny */
/*
.gm-style-iw {
  background-color: #fec32d !important;
}*/

/* nadpis bubliny */
.firstHeadingB {
    font-size: 15px !important;
    /* velikost */
    font-weight: bold;
    /* tucny font */
}

.firstHeadingNakladka {
    color: Green !important;
}

.firstHeadingVykladka {
    color: Red !important;
}


/* telo buliny*/
#bodyContentB p {
    font-size: 12px !important;
    /* velikost */
    font-weight: normal;
    /* tucny font */
    color: Black !important;
    line-height: 15px !important;
    /* vyska radku */
    margin-bottom: 5px !important;
    /* spodni mezera */
}

.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-t::after,
.jstcache,
.poi-info-window,
.gm-style {
    background: #fec32d !important;
    background: White !important;
}

.gm-style .gm-style-iw-c {
    border-radius: 0;
}




/*  chatbot */
.relative {position:relative;
}

#chatBoxIni {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ecc94a;
    color: Black;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}


#chatBoxBox {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 999;
    width: 400px;
    /*height: 250px;*/
    
}

.chatBoxItem {
    border:3px solid #ecc94a;
    background-color: White;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: 20px;
    min-height: 100px;
    width: 400px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.24);


    background-image: url(../pcs/pcs_chatbot/operatorka.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;


}

.chatBoxItemContent {
    padding: 20px 40px 20px 100px;
}

.chatBoxItemTitle {
    font-size: 15px;
    color: Black;
    font-weight: bold;
}

.chatBoxItemText {
    font-size: 12px;
    color: Grey;
    margin-bottom: 10px;
}

.buttonChatBot {
    background-color: #ecc94a;
    color: Black;
    font-weight: bold;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;

    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.chatBoxItemClose {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor:pointer;
    width:24px;
    height:24px;
    line-height:24px;
    color:White;
    text-align:     center;
font-size:  12px;
font-weight:    bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;    
background-color:   Red;

}

.backToStart, .stepBack {font-size:    12px;
font-weight:    bold;
color:   Red;
text-decoration:    underline;
margin-top:     5px;
cursor:pointer;
}


/* moje upravy css pro popupy */

.zluteOddeleniHlavicky {border-bottom:2px solid #ffc107 !important;}
.card {width: auto !important;}


/* Oranžová barva pro všechny prujezdnyBod ve všech popUpTrasa */
.popUpTrasa .prujezdnyBod span {
    font-weight: bold;
    color: #ff9e36;
    font-size: 15px;
}

/* Černá barva pro prujezdnyBod pouze ve druhém popUpTrasa */
.popUpTrasa:nth-of-type(2) .prujezdnyBod span {
    color: black !important;
}

/* popup neprihlseny uztivatel - linky */
.popUpLoginLink {font-weight: 	bold;
font-size: 	15px;
color:Black !important;
}

.popUpTrasa a {font-weight:   bold;
font-size:  15px;
color:Black !important;
}

.modalLeftSide a {font-weight: 	bold;
font-size: 	15px;
color:Black !important;
}


/* popup poptavka */
.popUpPoptavkyTitle {
font-size: 24px;
text-align: center;
color:Black;    
margin-bottom: 20px;
font-weight: bold;
}

.popUpPoptavkyTitle span {
font-size: 24px;
text-align: center;
color:Black;    
font-weight: bold;
}

.maxW250 {max-width: 250px;}
.pl55 {padding-left: 55px;}

.buttonPreprava {
    float:right !important;
    color:Black !important;
    font-weight: 500;
    border: none;
    display: block;
    color: Black;
    font-size: 18px!important;
    width: 160px;
    height: 46px !important;
    line-height: 46px !important;
    background-color: #FEC32D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    transition: background-color 0.5s;
    box-shadow: 0px 3px 6px #0000001A;
    float:right;
    margin-top: 30px;
}

/* nove vzhledy zari  */
/* popup neprihlaseny */
.popupNewStyleTab td {
font-size:  12px !important;    
color:#6A6A6A !important;    
}

.popupNewStyleTab td strong {
font-size:  12px !important;    
color:Black !important;    
}

.statusPoptavky  {
    font-size:  12px;
    font-weight:    bold;
    color:White;
    display:block;
    width:120px;
    text-align:    center;
    height:20px;
    line-height:20px;
    margin:0 auto;

    /* Stín pro samotný element */
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    /* Stín pro text */
//    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);    
}

.statusPoptavky1  {
background-color:   #e4bf43;
/*color:Black*/
}
.statusPoptavky2  {
background-color:   #6ca2fa;
}
.statusPoptavky3  {
background-color:   #78c681;
}
.statusPoptavky4  {
background-color:   #363a40;
}
.statusPoptavky5  {
background-color:   Red;
}
