@font-face { font-family: 'Circe-Regular'; src: url("/template/fonts/Circe-Regular.eot"); src: local("Circe"), local("Circe-Regular"), url("/template/fonts/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("/template/fonts/Circe-Regular.woff") format("woff"), url("/template/fonts/Circe-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Circe-Light'; src: url("/template/fonts/Circe-Light.eot"); src: local("Circe Light"), local("Circe-Light"), url("/template/fonts/Circe-Light.eot?#iefix") format("embedded-opentype"), url("/template/fonts/Circe-Light.woff") format("woff"), url("/template/fonts/Circe-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Circe-Bold'; src: url("/template/fonts/Circe-Bold.eot"); src: local("Circe Bold"), local("Circe-Bold"), url("/template/fonts/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("/template/fonts/Circe-Bold.woff") format("woff"), url("/template/fonts/Circe-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Circe'; src: url("/template/fonts/Circe-Regular.eot"); src: local("Circe"), local("Circe-Regular"), url("/template/fonts/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("/template/fonts/Circe-Regular.woff") format("woff"), url("/template/fonts/Circe-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Circe'; src: url("/template/fonts/Circe-Light.eot"); src: local("Circe Light"), local("Circe-Light"), url("/template/fonts/Circe-Light.eot?#iefix") format("embedded-opentype"), url("/template/fonts/Circe-Light.woff") format("woff"), url("/template/fonts/Circe-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Circe'; src: url("/template/fonts/Circe-Bold.eot"); src: local("Circe Bold"), local("Circe-Bold"), url("/template/fonts/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("/template/fonts/Circe-Bold.woff") format("woff"), url("/template/fonts/Circe-Bold.ttf") format("truetype"); font-weight: 600; font-style: normal; }

body {
    overflow-x: hidden;
}
/* start report tool styles*/
.side-fields-container {
    width: 100%;
    display: block;
    padding: 0 40px;
    /*flex-wrap: wrap;*/
}

.flex-container {
    display: flex;
    width: 100%;
    align-items: flex-start;
    /*flex-wrap: wrap;*/
    margin: 20px 0 30px;
}
.table-centered-container {
    display: block;
    /*width: auto;*/
    margin: 30px 0;
}

.flex-container-centered {
    display: flex;
    width: auto;
    justify-content: center;
    /*flex-wrap: wrap;*/
    margin: 20px 0 30px;
}

.flexCustom {
    flex-basis: 1000px;
    padding: 5px 20px 5px 0px;
}

.flex100 {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 80px;
    max-width: 100px;
    padding: 5px 20px 5px 0px;
}

.flex200 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-basis: 190px;

    max-width: 200px;
    padding: 5px 20px 5px 0px;
}

.flex300 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-basis: 300px;
    max-width: 300px;
    padding: 5px 20px 5px 0px;
}

.flex400 {
    flex-basis: 400px;
    max-width: 400px;
    padding: 5px 20px 5px 0px;
}

.flex500 {
    flex-basis: 500px;
    max-width: 500px;
    padding: 5px 20px 5px 0px;
}

.flex600 {
    flex-basis: 600px;
    max-width: 600px;
    padding: 5px 20px 5px 0px;
}

H1.main {
    Font-Family: 'Circe-Bold', Verdana, sans-serif;
    Font-weight: normal;
    Font-size: 12px;
    Line-height: 16px;
    margin: 20px 0;
    color: #B3012E;
    letter-spacing: 2px;
    text-transform: uppercase;
}

H1.tool {
    Font-Family: 'Circe-Bold', Verdana, sans-serif;
    Font-weight: normal;
    Font-size: 36px;
    Line-height: 42px;
    margin: 0 0 20px;
    color: #000000;
    Letter-spacing: normal;
}

H2.tool {
    Font-Family: 'Circe-Regular', Verdana, sans-serif;
    Font-weight: normal;
    Font-size: 32px;
    Line-height: 36px;
    Margin: 40px 0 20px 0;
    color: #01077B;
    min-width: 105px;
    Letter-spacing: normal;
}

.flex-container h2.tool, .flex-container-centered h2.tool {
    margin-top: 0;
}

H3.tool, h3.footer_tool{
    Font-Family: 'Circe-Regular', Verdana, sans-serif;
    Font-weight: normal;
    Font-size: 24px;
    Line-height: 32px;
    Margin: 20px 35px 10px 0;
    color: #000000;
    Letter-spacing: normal;
}

h3.footer_tool {
    margin: 0 0 20px 60px !important;
}


H4.tool{
    Font-Family: 'Circe-Regular', Verdana, sans-serif;
    Font-weight: bold;
    Font-size: 20px;
    Line-height: 28px;
    Letter-spacing: normal;
    Margin: 40px 57px 10px;
    color: #01077B;
}

/* заголовок в тексте*/
p.h_tool {
    Font-Family: 'Circe', Verdana, sans-serif;
    Font-weight: normal; Font-size: 20px;
    Margin: 0 0 10px;
    color: #01077B;
}

p.h_tool a {
    color: #28609B;
}

/* подзаголовок в тексте */
p.sh_tool {
    Font-Family: 'Circe', Verdana, sans-serif;
    Font-weight: normal; Font-size: 18px;
    Margin: 0 0 8px;
    color: #01077B;
}

p.sh_tool a {
    color: #28609B;
}

p.n_tool, p.n_center_tool, p.n_footer_tool, p.n_tool_without_fields {
    Font-Family: 'Circe-Regular', Verdana, sans-serif;
    Font-weight: normal;
    Font-size: 20px;
    line-height: 32px;
    Margin: 0 57px 15px;
    color: #333333;
    text-align: left;
    z-index: 10;
}

p.n_tool_without_fields {
    margin: 0 0 10px !important;
    min-width: 105px;
}

table.rating {
    width: 90%;
    margin: 35px auto;
    min-width: 400px;
    max-width: 800px;
}

table {
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
}

table.rating p.n_tool {
    Margin: 0 5px;
}

p.n_footer_tool {
    font-size: 16px !important;
    line-height: 20px !important;
    margin: 0 !important;
}

p.n_center_tool {
    text-align: center !important;
}

p.n_tool a, p.n_center_tool a {
    color: #28609B;
}

/* мелкий текст */
p.s_tool, p.s_colored_tool {
    Font-Family: 'Circe-Regular', Verdana, sans-serif;
    Font-weight: normal;
    Font-size: 16px;
    line-height: 26px;
    Margin: 0 0 5px;
    color: #333333;
}

p.s_colored_tool {
    Font-Family: 'Circe-Bold', Verdana, sans-serif;
    text-align: left;
    color: #01077B !important;
}

p.s_tool a, p.s_colored_tool a {
    color: #28609B;
}

p.divider_tool {
    Font-Family: 'Circe-Regular', Verdana, sans-serif;
    Font-weight: normal; Font-size: 12px;
    Margin: 5px 0 10px;
    color: #333333;
}

p.divider_tool a {
    color: #28609B;
}

ol.tool, ul.tool {
    margin: 5px 0 20px 60px;
}

li p.n_tool {
    margin: 5px 10px !important;
    text-indent: 0;
}

li p.n_footer_tool {
    margin: 5px !important;
    text-indent: 0;
}

ol.tool li, ul.tool li {
    Font-weight: normal;
    Font-size: 20px;
    line-height: 24px;
}

ul.tool li {
    list-style-type: disc !important;
    text-align: left;
}

.button_centered {
    /*display: inline-block;*/
    text-align: center;
    margin: 40px auto !important;

}

.button_centered a {
    font-family: 'Circe-Regular', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center !important;
    white-space: nowrap;
    border-radius: 4px;
    padding: 0.4em 1.2em;
    cursor: pointer;
    border: 1px solid #3338A8;
    background-color: #3338A8;
    color: #F8F8FB !important;
}

hr.divider_tool {
    margin: 25px 0;
    border: 1px solid #a0a0a0;
    border-bottom-width: 0;
}
hr.divider_footer_tool {
    margin: 5px 20px;
    border: 1px solid rgba(215, 210, 210, 0.5);
}

.expert_opinion_block { position: relative; font-family: "Circe-Regular", sans-serif; font-size: 16px; line-height: 20px; color: #000000; padding: 30px 25px 20px; max-width: 800px; margin: 40px auto 60px;}

.expert_opinion_block:after { content: 'Обратите внимание'; position: absolute; left: 40px; top: -8px; z-index: 3; background-color: white; padding: 0 10px;font-family: "Circe-Bold", sans-serif; font-size: 20px; color: #01077b;}
.expert_opinion_block:before { content: ''; position: absolute; left: 0; top: 0; background:none; border: 1px solid #a0a0a0; border-radius: 10px; width: 100%; height: 100%; z-index: 1; opacity: 0.5 }

.expert_opinion_block .n_tool, .expert_opinion_block .n_tool_without_fields {
    position: relative; z-index: 2;
}


/*.expert_opinion_block .n_tool {
    margin
}*/
/*.expert_opinion_block:after { content: ''; position: absolute; left: 40px; bottom: -18px; border: 1px solid #E1E1E7; width: 32px; height: 32px; z-index: 1; background: #fff; border-top: none; border-left: none; border-radius: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }*/

/*.expert_opinion_block .expertCommentText { position: absolute; left: 20px; top: -15px; width: auto; padding: 5px; background: #fff; z-index: 2; font-family: "Circe-Bold", sans-serif; font-size: 16px; color: #000; }*/

/* end report tool styles*/

/* оглавление */
.report p.content_tool {
    Font-Family: 'Circe-Regular', sans-serif;
    Font-weight: normal; Font-size: 16px;
    color: black;
}

.report p.content_tool a {
    color: #28609B;
}

.report p.level1_tool {
    Margin: 0px 0px 5px 40px;
}

.report p.level2_tool {
    Margin: 0px 0px 5px 50px;
}

.report p.level3_tool {
    Margin: 0px 0px 5px 60px;
}

.googlechart {
    width: auto;
    margin: 25px auto;
    padding: 0;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
}

.svg_graph {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 25px 0 30px 40px;
}


/* Адаптивная верстка */
@media screen and (max-width: 650px) {
    .flex-container, .flex-container-centered  {
        flex-wrap: wrap;
    }

    h2.tool, p.n_tool_without_fields {
        min-width: 45px;
    }

    hr.divider_footer_tool {
        display: none;
    }

    ol.tool, ul.tool {
        margin: 5px 0 20px 20px;
    }

    h3.footer_tool {
        margin: 20px 0 !important;
    }

    p.n_tool, p.s_tool {
        text-align: left;
    }

    p.n_tool, p.n_center_tool {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 10px;
    }

    .flex200, .flex300 {
        flex-wrap: nowrap;
    }
    .footer .flex200, .footer .flex300 {
        flex-wrap: wrap;
    }


    .flex-container h2.tool {
        margin: 10px 20px !important;
    }

    table.rating {
        min-width: 300px;
        width: 100%;
    }

    .report td {
        padding: 5px;
    }

    .svg_graph {
        margin: 25px 0;
    }

    H4.tool{
        Margin: 20px 0 10px;
    }

}
@media print {
    body, html, #nav {
        height: 100%;
    }
}
.graphTaskbar {
    margin: -20px 0 0;
    padding: 10px;
    height: auto;
    /*border: 1px solid saddlebrown;*/
    width: 48%;
    background-color: inherit;
    display: inline-block;
    text-align: center;
    Font-Family: 'Circe-Regular', sans-serif;
    Font-weight: normal; Font-size: 18px;
    color: black;

}

.graphTaskbarLeft {
    float: left;
}
.graphTaskbar .dbtn-right {
    display: block;
}
.graphButton {
    background: #E0E0E0;
    color: #0000CC;
    border: 1px solid black;
    border-radius: 5px;
    padding: 0 8px;
    margin: 6px !important;
    cursor: pointer;
    Font-Family: 'Circe-Regular', sans-serif;
    Font-weight: normal; Font-size: 18px;
    Line-height: 32px;
}
#alertOverlay{width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:1000; background:#888; display:none;}
#alerts {width:80%;background:#fff;position:fixed;left:50%;top:50%;z-index:1001;height: 80%;}
.alertbutton{width:112px;margin:29px auto 0 auto;height:38px; line-height:38px;text-align:center;color:#fff; background:#777; border-radius: 8px;cursor:pointer; text-transform:uppercase; font-size:18px;}
.alertspad {padding:29px 43px; }

.navbar-fixed-top {
    height:35px;
    border-bottom:1px solid #ddd;
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#fff url(/template/menu/report_nav.png) repeat-x center left;
    z-index:999999;
}

.navbar {
    max-width: 1200px;
    height: 35px;
    margin: 0 auto;
    padding: 5px 0;
    /*
    display: block;
    justify-content: flex-start;
    align-items: center;
    */
}

.navbar_title {
    Font-Family: 'Circe', Verdana, sans-serif;
    Font-weight: normal; Font-size: 18px;
    /*
    line-height: 35px;
    */
    Margin: 0;
    color: #01077B;

}

.navbar_title a {
    text-decoration: none;
}

#printPageBtn {
    float: right;
    cursor: pointer;

}