/*
 BehindertenfuehrerApp                                                           
******************************************************************************

 cardomap-frontened
 
 Styles für CardoMapControl im Frontend       
 
 Landeshauptstadt Dresden 
 erstellt am 15.02.2019
 @author Chris Hagen
*/

@font-face {
    font-family: 'dd_stadtplan_cardo';
    src: url('../font/dd_stadtplan_cardo.eot');
    src: url('../font/dd_stadtplan_cardo.eot?#iefix') format('embedded-opentype'),
        url('../font/dd_stadtplan_cardo.woff') format('woff'),
        url('../font/dd_stadtplan_cardo.ttf') format('truetype'),
        url('../font/dd_stadtplan_cardo.svg#dd_stadtplan_cardoregular') format('svg'); 
}
@font-face {
    font-family: 'dddingbats_cardo';
    src: url('../font/dddingbats_cardo.eot');
    src: url('../font/dddingbats_cardo.eot?#iefix') format('embedded-opentype'),
        url('../font/dddingbats_cardo.woff') format('woff'),
        url('../font/dddingbats_cardo.ttf') format('truetype'),
        url('../font/dddingbats_cardo.svg#dddingbats_cardoregular') format('svg');
    font-weight: normal; 
}
@font-face {
    font-family: 'amt61_rollistadtplan_cardo';
    src: url('../font/amt61_rollistadtplan_cardo.eot');
    src: url('../font/amt61_rollistadtplan_cardo.eot?#iefix') format('embedded-opentype'),
        url('../font/amt61_rollistadtplan_cardo.woff') format('woff'),
        url('../font/amt61_rollistadtplan_cardo.ttf') format('truetype'),
        url('../font/amt61_rollistadtplan_cardo.svg#amt61_rollistadtplan_cardoregular') format('svg');
    font-weight: normal; 
}

.tspMapCtrl_Frame .popUpContainer .popUp{
    background: none;
    white-space: normal;
}

.tspMapCtrl_Frame .popUpContainer .popUp .tooltip {
    white-space: normal;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon{
    font-size: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-align: center;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.wheelmaporg{
    font-size: 16px;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon:before{
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon .cat{
    color:#fff;
    margin-top: -27px
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.detail{
    font-size: 75px;
    line-height: 75px;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.detail .cat{
    font-size: 75px;
    line-height: 75px;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon-tsp:before{
    font-family: 'dd_stadtplan_cardo';
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon-dingbats:before{
    font-family: 'dddingbats_cardo';
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon-rolli:before{
    font-family: 'amt61_rollistadtplan_cardo';
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.bad{
    color: #85170F;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.intermediate{
    color: #DC911B;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.good{
    color: #607E14;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.intermediate.user{
    color: #fcd900;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.good.user{
    color: #A2C136;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.unknown{
    color: #a0a0a0;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.building-container:before{
    content: "\005C";
    color: #c00;
    margin-left: -27px;
    margin-top: -70px;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.building:before{
    content: "\005E";
    color: #fff;
    margin-left: -27px;
    margin-top: -164px;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.entrance-container:before{
    content: "\007E";
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -90px;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.entrance:before{
    content: "\003E";
    font-size: 50px;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -186px;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.entrance-container{
    display: inline-block;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.entrance-container+.popUpLabel{
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    font-size: 24px;
    margin-top: -7px;
}

.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.park-container:before{
    content: "\0047";
    color: #00f;
    font-size: 32px;
    line-height: 32px;
    margin-left: -19px;
    margin-top: -90px
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.park-sub-container:before{
    content: "\0057";
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    margin-left: -19px;
    margin-top: -239px;
}
.tspMapCtrl_Frame .popUpContainer .popUp .stadtplan-icon.park:before{
    content: "\0049";
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    margin-left: -19px;
    margin-top: -390px;
}

.gdb-icon,
.sk-icon{
    /*color: #fff;*/
    color: #353535; /*$color-grey-darker*/
    position: absolute;
    top: 0;
}

.gdb-icon::before,
.sk-icon::before {
    content: "\0056";
}

.gdb-container-icon::before,
.sk-container-icon::before {
    content: "\0043";
}