div,span.body,input,li,ul,textarea,a {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

html { height: 100%; min-height:100%;   font-family: sans-serif;background: #dcddde;
}
body {min-height:100%;
    margin: 0;
    background-size: cover;
    background-attachment: fixed;
}

.crw{position: relative;
    padding: 20px 15px 20px 15px;
    background: white;
    border-radius: 5px;
    box-shadow: 0px 3px 20px #0000001a;
    margin: -15px 0 0 0;}
.crw.all{ border-radius: 0 5px 5px 5px;}
.crawltable{width: 100%; border-collapse: collapse; }
.crawltable td{vertical-align: top; padding: 5px 0;}
.line:hover{opacity: .9; box-shadow: 0px 8px 20px #0000001a;  }
 .cirout{padding: 8px 10px 10px 8px; }
 .cir{  width: 10px; height: 10px;   border-radius: 5px; display: inline-block; }
.green.cir{background: #8cda6d;}
.red.cir{background: #da6d6d;}
.orange.cir{background: #ea9b55;}
.yellow.cir{background: #efbd48;}
.blue.cir{background: #85caf5;}
.crawltable td {text-overflow: ellipsis;}
.crawltable td .crop{  cursor: pointer;  white-space: nowrap; display: block;  max-width: 1000px; overflow: hidden;text-overflow: ellipsis;}
.crawltable td .infobox{    font-size: 10pt;
    padding: 10px;
    margin: 5px 10px 5px 0;
    border-radius: 5px;
    background: #e9edf0;}
.crawltable td .infobox a{color:black;}

.content.formnew{    padding: 200px;position: fixed;top: 0;left: 0;width: 100%;height: 100%;max-width: 100%;background: #000000bf;z-index: 9999;}
.content.formnew form{position: relative; padding: 20px 20px 20px 20px; background: white; border-radius: 5px;  box-shadow: 0px 8px 20px #0000001a;    max-width: 500px; margin: 0 auto;}
.content.formnew form strong{display:block; padding: 5px 0 30px 0;}
.content.formnew form label{width: 100%; opacity: .8; padding: 10px 0 5px 0; display: block; font-size: 10pt; font-weight: bold;}
.content.formnew form select{width: 100%;}
.content.formnew form input{width: 100%;}
.content.formnew form input:read-only{opacity: .8; background: #efefef;}
.content.formnew form .formhelp{opacity: .8; font-size: 10pt; margin: 0 0 5px 0;}
.content.formnew form .btn{float:right; margin: 15px 0 0 0;}
.content.formnew form .fa-times{

    box-sizing: border-box;
    cursor: pointer;
    height: 34px;
    width: 34px;
    padding: 10px 0;
    border-radius: 50%;
    background: #f4f4f4;
    text-align: center;
    color: black;
    float:right;
    margin: 0 0 20px 0;
   margin: -8px -5px 0 0;transition: all 300ms ease-in-out;}
.content.formnew form .fa-times:hover{opacity: .7; }

input{padding: 15px 15px; background: white; border: solid 1px #dadada; border-radius: 5px;   display: inline-block; font-size: 10pt; font-weight: bold;text-align: left; color:gray;transition: all 300ms ease-in-out; }
input:focus{outline: none; background:#f1f1f1; }
.btn{  padding: 10px 14px;; text-decoration: none; background: #17244E; border-style:none; border-radius: 7px; cursor: pointer; display: inline-block; font-size: 10pt; font-weight: bold;text-align: center; color:white;transition: all 300ms ease-in-out; }
.btn:hover{ opacity: .9; box-shadow: 0px 8px 20px #0000001a; transform: translate(0,-2px);  }
.btn.btn2{background: #efbd48;}
.btn.btnG{background: #db1a6f;}
.btn.btn3{background: #46AACB;}

.sidepanel .fa-times{
    box-sizing: border-box;
    cursor: pointer;
    height: 34px;
    width: 34px;
    padding: 10px 0;
    border-radius: 50%;
    background: #f4f4f4;
    text-align: center;
    color: black;
    margin: 0 0 20px 0;
}

.sidepanel pre{    background: #f9f9f9;
    font-size: 10pt;
    padding: 15px;}

::selection {
    color: #db1a6f;
    background: #f4f4f4;
}

.sidepanel{
    transition: left 200ms ease-in-out;
    left: 100%;
    padding: 20px;
    width: 50%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    background: white;
    box-shadow: 0px 8px 20px #0000001a;
    z-index: 9999;
}

.showallsources{cursor: pointer; display: inline-block; padding: 5px 10px;background: #d9dddf;border-radius: 5px;margin: -5px -5px -5px 0;transition: all 300ms ease-in-out;}
.showallsources:hover{opacity: .7;}
.line{
    position: relative; padding: 10px 160px 10px 10px; background: white; border-radius: 8px;  box-shadow: 0px 8px 20px #0000001a;
    margin: 0 0 20px 0;
}


.line .btnspace{position: absolute; right: 20px; top: 20px; }
.line .btnspace .btn{margin: 0 0 0 10px;}
.line .url{ opacity: .7; font-size: 10pt; }
.infotable{ opacity: .8; font-size: 10pt; }
.infotable td{padding-right: 30px;}
.infotable span{display: block; opacity: .6;}
.line .infoblock.tit{width: 600px;}
.line .infoblock.tit a{color:black; text-decoration: none;}
.line .infoblock.titDet{width: 380px;}
.line .infoblock{float:left; padding: 5px 10px 5px 0; min-width: 150px;}
.line .infoblock strong{display: block;}
.line .infoblock span{display: block; opacity: .7; font-size: 10pt;}
.line.linecirc{padding: 20px 0px 20px 20px;}
.line .infoblock.infocirc{width: 202px}
.line .infoblock.infocirc span{padding: 6px;}
.line .infoblock .fa-spin{color:#b9b9b9;}
.line .infoblock.infocirc .fa-spin{color:#b9b9b9;}
.line .infoblock.infocirc strong .fa-spin{color: white;}
.line .infoblock.infocirc strong{display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    color: white;
    font-size: 14pt;}
.line .infoblock.infocirc.if-all strong{background: #b6c0c7;}
.line .infoblock.infocirc.if-green strong{background: #8cda6d;}
.line .infoblock.infocirc.if-red strong{background: #da6d6d;}
.line .infoblock.infocirc.if-orange strong{background: #ea9b55;}
.line .infoblock.infocirc.if-yellow strong{background: #efbd48;}
.line .infoblock.infocirc.if-blue strong{background: #85caf5;}

.load{opacity: .4;}


.cl{clear:both;}

.logo a{text-decoration: none; color:black;}
.logo h1{margin: 3px 0;}

#page{
    width: 100%; }

.content.menu{margin-top: 20px; margin-bottom: 0;}
.menu .logo{float:left;  padding: 0  0 0 20px;}
.menu .logo img{max-width: 330px;}
.menu .menuright{float:right; padding: 0 20px 0 0;}

.content{    margin: 0 auto 20px auto;max-width: 1280px;padding: 20px;color:#2d2d2d;}
.content.wh{background: white; }
.content.blue{background: #d8222e; }

.footer{text-align: center; font-size: 8pt; opacity: .8;}
.footer a{color:black;}

p a {color:white; }

.addnew{
    float:right;
    padding: 0 20px 20px 0;
}

.username{float: right; padding: 5px 5px 0 0;}
.username .usericon{
    float: left;
    display: block;
    color: white;
    background: #46AACB;
    border-radius: 50%;
    padding: 10px;
    width: 38px;
    height: 38px;
    text-align: center;
    margin: 0 10px 0 0;
}
.username .username{display: block; float:left;}
.username span{display:block; font-size: 10pt; opacity: .6; }

.modal .row .colin.mvR{ margin: 0;  }
.modal .row .colin.mvL{ margin: 0 ;  }

@media screen and (max-width: 940px) {

    .menu .menuright{display:none; }

    h1{  font-size: 20pt; padding: 0 20px;}
    h2{  font-size: 16pt; padding: 0 20px;}
    p{ margin: 30px  20px;}
    p.main{font-size: 12pt;}

    .row{display:block;}
    .row .colin.mvR{ margin: -20px 0 0 0;  }
    .row .colin.mvL{ margin: 0 0 -20px 0 ;  }


    .row .colin.wthArrRight:before{ position: absolute;    bottom: -30px;    left: 0px;      top: auto;}
    .row .colin.wthArrLeft:before{ position: absolute;    top: -30px;    left: 0px;
        border-top: none;
        border-left:none;
        border-bottom: 30px solid red;
        border-right: 30px solid transparent;
    }
    .row .colin.green:before{border-bottom-color:#d8222e;}

    .modal .row .colin.mvR{ margin: -20px 0 0 0;  }
    .modal .row .colin.mvL{ margin: 0 0 -20px 0 ;  }

    .rozc .row{display: flex;flex-wrap: wrap}
    .rozc .row .col{flex: 0 0 50%;}


    .articles .row{display: flex;flex-wrap: wrap}
    .articles .row .col{flex: 0 0 100%;}

}



@keyframes loader {
    0% {stroke-dashoffset: 141; opacity: 0;}
    5%{opacity: 1;}
    50% {stroke-dashoffset: 0;}
    95%{opacity: 1;}
    100% {stroke-dashoffset: -141; opacity: 0;}

}


@keyframes blink {
    50% {opacity: .5}

}

.clear{clear:both;}


.foot{text-align: center; width: 100%; opacity: .3; font-size: 9pt; padding: 200px 0 100px 0;}
.foot a{color:black;}
.foot img{max-width: 120px; margin: 10px;}



@font-face {
    font-family: 'praguecitizenBold';
    src: url('/webfonts/UAYRFZPragueCitizenV15-Bold.woff2') format('woff2'),
    url('/webfonts/UAYRFZPragueCitizenV15-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





.board{max-width: 750px; margin: 150px auto;}
.board__title{font-family: 'praguecitizenBold';  font-size: 26pt;}
.board__line{clear: both; width: 100%; height: 60px;
    border-style: solid;
    border-color:black;
    border-width: 1px 0 0 0;
    display: grid;
    font-size: 16pt;
    align-items: center;
    grid-template-columns: [number] 80px [direction] auto [schedule] 260px [countdown] 110px;
}
.board__line.canceled{opacity: .5;}
.board__line div{}
.board__line-number{ font-size: 26pt; font-weight: bold; font-family: 'praguecitizenBold';}
.board__line-direction{}
.board__line-direction img{height: 22px;}
.board__line-additionalinfo{display: block; font-size: 8pt;}
.board__line-additionalinfo .fa{}
.board__line-schedule{text-align: right;}
.board__line-schedule .delaytime{opacity: .4; position: relative; display: inline-block; margin-right: 10px;}
.board__line-schedule .delaytime:after{position: absolute;
    content: " ";
    width: 120%;
    height: 3px;
    background: rgb(0 0 0 / 40%);
    transform: rotate(-15deg);
    left: -7%;
    top: 50%;}
.board__line-delay{font-size: 12pt; padding: 0 20px;}
.board__line-delay{
    background: #f36f21;
    padding: 2px 10px;
    color: white;
    text-align: center;
    display: inline-block;
}
.board__line-countdown{text-align: right;}
.subdata{text-align: right; font-size: 8pt; opacity: .6;}