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: #f4f4f4;
}
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; }
.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;

    background: linear-gradient(to right, #46AACB, #db1a6f);
     background-clip: text;
    -webkit-text-fill-color: transparent;
}

#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;}









.btn {
    cursor: pointer;
    padding: 10px 14px;;
    border-style:none;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #17244E;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    font-family: sans-serif;
    box-sizing: border-box;
    border-radius: 7px;
    z-index: 1;

    transition: all 300ms ease-in-out;
}

.btn.glow{
    padding: 0 14px;
    animation: animate 8s linear infinite;
}


.btn.glow span {
    color: #fff;
    background: #17244E;
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px 14px;
    border-radius: 7px;
    margin-bottom: 0 0 0 -14px;
    transform: translate(-14px,0);
}



.btn.btn2{background: #efbd48;}
.btn.btnG{background: #db1a6f;}
.btn.btn3{background: #46AACB;}


.btn:hover {
    transform: translate(0,-2px);

}

@keyframes animate {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 400%;
    }
}

.btn.glow:before {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
    background: linear-gradient(90deg, #46AACB, #db1a6f, #db1a6f, #46AACB);
    background-size: 400%;
    border-radius: 40px;
    opacity: 0;
    transition: .5s;
}

.btn.glow:before {
    filter: blur(20px);
    opacity: 1;
    animation: animate 8s linear infinite;
}