/* main_anton.css */

.btn {

    background: #316590;

    border-radius: 35px;

    padding: 15px 20px;

    font-weight: normal;

    font-size: 16px;

    line-height: 150%;

    color: #fff;

    display: inline-block;

}

.btn:hover {

    background: #9FB5C7;

}

.btn.with_icon {

    display: flex;

    align-items: center;

}

.btn.with_icon svg {

    margin-right: 9px;

}

.s_chart {

    padding: 0px 15px;

    min-height: calc(100vh - 289px);

    max-width: 1330px;

    margin: 0 auto;

    width: 100%;

    line-height: 150%;

}

.s_chart .btn{

    color: #fff;

}

.s_chart a{

    color: #000;

}

.chart_wrpr {

    display: flex;

    align-items: flex-start;

}

.chart-container .right {

    width: 210px;

}

.chart_legend_box {

    border: 2px solid #517CAA;

    padding: 10px;

    width: 210px;

    margin-top: 34px;

}

.chart_legend_title,

.legend_bottom_descr {

    font-weight: 400;

    font-size: 12px;

    line-height: 18px;

    margin-bottom: 10px;

}

.legend_bottom_descr {

    margin-bottom: 0;

    margin-top: 10px;

    color: #000000;

}

.canvas_wrpr_wrpr {

    width: calc(100% - 200px);

}

.canvas_wrpr {

    width: 100%;

}

.chart_legend_box ul li {

    display: flex;

    align-items: flex-start;

    font-size: 12px;

}

.chart_legend_box ul li .color_icon {

    min-width: 20px;

    min-height: 15px;

    width: 20px;

    height: 15px;

    margin-right: 10px;

    margin-top: 5px;

}

.chart_legend_box ul li:nth-child(1) .color_icon {

    background: #8CCDF6;

}

.chart_legend_box ul li:nth-child(2) .color_icon {

    background: #69B166;

}

.chart_legend_box ul li:nth-child(3) .color_icon {

    background: #FDFC66;

}

.chart_legend_box ul li:nth-child(4) .color_icon {

    background: #DB8401;

}

.chart_legend_box ul li:nth-child(5) .color_icon {

    background: #CB4124;

}

.chart_legend_box ul li:nth-child(6) .color_icon {

    background: #ccc;

}

.chart_legend_box ul li:nth-child(7) .color_icon {

    background: #fff;

    border: 1px solid #000;

}

.mob_menu_btn {

    display: none;

}

.s-level {

    min-height: calc(100vh - 720px);

}

.checkbox_with_icon {

    align-items: center;

    min-height: 48px;

}

.checkbox_with_icon .icon_wrpr {

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 40px;

    min-height: 40px;

    width: 40px;

    height: 40px;

    border-radius: 3px;

    margin-right: 10px;

    background: #CDCDCD;

}

.checkbox_with_icon.color_1 input:checked~.icon_wrpr {

    background: #E00000;

}

.checkbox_with_icon.color_2 input:checked~.icon_wrpr {

    background: #E06C00;

}

.checkbox_with_icon.color_3 input:checked~.icon_wrpr {

    background: #0DA800;

}

.checkbox_with_icon.color_4 input:checked~.icon_wrpr {

    background: #980000;

}

.checkbox_with_icon.color_5 input:checked~.icon_wrpr {

    background: #FF6D1B;

}

.checkbox_with_icon.color_6 input:checked~.icon_wrpr {

    background: #0DB7ED;

}

.checkbox_with_icon.color_7 input:checked~.icon_wrpr {

    background: #FFB800;

}

.checkbox_with_icon.color_8 input:checked~.icon_wrpr {

    background: #B00140;

}

.checkbox_with_icon.color_9 input:checked~.icon_wrpr {

    background: #FF4910;

}

.checkbox_with_icon.color_10 input:checked~.icon_wrpr {

    background: #FF0099;

}

.checkbox_with_icon.color_11 input:checked~.icon_wrpr {

    background: #FF3D00;

}

.checkbox_with_icon.color_12 input:checked~.icon_wrpr {

    background: #E0A100;

}

.checkbox_with_icon.color_13 input:checked~.icon_wrpr {

    background: #37D500;

}

.checkbox_with_icon.color_14 input:checked~.icon_wrpr {

    background: #1A7D11;

}

.checkbox_with_icon.color_15 input:checked~.icon_wrpr {

    background: #0E4BA7;

}

.checkbox_with_icon.color_16 input:checked~.icon_wrpr {

    background: #08316F;

}

.checkbox_with_icon .item_title {

    font-weight: 600;

    font-size: 16px;

    line-height: 100%;

    color: #CDCDCD;

    max-width: 130px;

}

.checkbox_with_icon input:checked~.icon_wrpr {

    filter: none;

}

.checkbox_with_icon.color_1 input:checked~.item_title {

    color: #E00000;

}

.checkbox_with_icon.color_2 input:checked~.item_title {

    color: #E06C00;

}

.checkbox_with_icon.color_3 input:checked~.item_title {

    color: #0DA800;

}

.checkbox_with_icon.color_4 input:checked~.item_title {

    color: #980000;

}

.checkbox_with_icon.color_5 input:checked~.item_title {

    color: #FF6D1B;

}

.checkbox_with_icon.color_6 input:checked~.item_title {

    color: #0DB7ED;

}

.checkbox_with_icon.color_7 input:checked~.item_title {

    color: #FFB800;

}

.checkbox_with_icon.color_8 input:checked~.item_title {

    color: #B00140;

}

.checkbox_with_icon.color_9 input:checked~.item_title {

    color: #FF4910;

}

.checkbox_with_icon.color_10 input:checked~.item_title {

    color: #FF0099;

}

.checkbox_with_icon.color_11 input:checked~.item_title {

    color: #FF3D00;

}

.checkbox_with_icon.color_12 input:checked~.item_title {

    color: #E0A100;

}

.checkbox_with_icon.color_13 input:checked~.item_title {

    color: #37D500;

}

.checkbox_with_icon.color_14 input:checked~.item_title {

    color: #1A7D11;

}

.checkbox_with_icon.color_15 input:checked~.item_title {

    color: #0E4BA7;

}

.checkbox_with_icon.color_16 input:checked~.item_title {

    color: #08316F;

}

.mb_20 {

    margin-bottom: 20px;

}

.mb_30 {

    margin-bottom: 30px;

}

.simple_light_p {

    font-weight: 300;

}

.pj-items .pj-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.footer {

    margin-top: auto;

}

.fc-day-grid .fc-row {

    position: relative;

}

.tab-content-item {

    display: none;

}

.tab-content-item.active {

    display: block;

}

.s_chart_popup {

    display: none;

    max-width: 600px;

    padding: 10px 15px;

}

.s_chart_popup .popup_header {

    display: flex;

    padding-bottom: 15px;

    padding-right: 20px;

}

.s_chart_popup .action_name {

    white-space: nowrap;

    margin-right: 8px;

    font-size: 14px;

    font-weight: 400;

    color: #000;

    line-height: 140%;

}

.popup_tabs .tabs-item {

    border-bottom: 1px solid #6D96C8;

    padding-bottom: 5px;

    display: flex;

    align-items: center;

}

.popup_tabs .tabs-item li {

    margin-right: 10px;

    font-size: 14px;

    padding: 2px 10px;

    border-radius: 4px;

    border: 1px solid #fff;

    background: #fff;

    cursor: pointer;

}

.popup_tabs .tabs-item li.active {

    border: 1px solid #D0D0D0;

}

.s_chart_popup p,

.black_link {

    font-size: 14px;

    font-weight: 400;

    color: #000;

    line-height: 21px;

}

.popup_table_body .table_row {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin-top: 10px;

    position: relative;

}

.popup_table_body .table_row:after {

    width: 1px;

    height: calc(100%);

    position: absolute;

    left: 50%;

    top: 0;

    content: "";

    display: block;

    background: #C0C0C0;

}

.popup_table_body .table_row .col {

    width: 50%;

    padding: 5px 25px;

    position: relative;

}

.completed_badge {

    background: #87CEFA;

    display: inline-block;

    padding: 0 5px;

}

.popup_table_body { 

    padding: 10px 0;

}

.s_chart_popup p a {

    color: #71A1DC;

    text-decoration: underline;

}

.s_chart .top-title {

    font-size: 28px;

    line-height: 35px;

    margin-bottom: 20px;

}

.s_chart .top-title.grey{

    margin-bottom: 20px;

}

.chart-items li.not-assessed {

    border: 1px solid #000;

    padding: 0px 3px;

    margin-left: -1px;

    background: #fff;

}

.item-row .chart-items li {

    cursor: pointer;

    transition: 0.15s all ease-in-out;

}

.chart-items li:hover {

    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);

    background-color: #f1f1f1;

}

.chart-items li.basic-progress:hover {

    background-color: #ffb13b;

}

.chart-items li.completed:hover {

    background-color: #d3eeff;

}

.chart-items li.good-progress:hover {

    background-color: #7cf87c;

}

.chart-items li.not-started:hover {

    background-color: #ff5b3b;

}

.chart-items li.moderate-progress:hover {

    background-color: #ffea55;

}

.chart-items li.not-assessed:hover {

    background: #f3f3f3;

}

.item-row .chart-items {

    width: calc(100% - 149px);

}

.chart_left_title {

    position: absolute;

    transform: rotate(-90deg) translateY(-50%);

    height: 23px;

    top: 44%;

    left: -22px;

    color: #316590;

    margin-bottom: 20px;

    font-weight: 600;

    font-size: 18px;

}

.chart-container .left {

    position: relative;

    padding-left: 30px;

}

.strategy_tooltip {

    position: absolute;

    left: 0;

    bottom: 35px;

    display: block;

    background: #fff;

    white-space: nowrap;

    font-size: 14px;

    padding: 1px 10px;

    z-index: 2;

    transition: 0.15s all ease-in-out;

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

}

/* .item-row .title-left:hover .strategy_tooltip {

    opacity: 1;

    visibility: visible;

    transform: translateY(0px);

} */

.item-row.sub .title-left {

    font-size: 13px;

}

.chart_bottom_title {

    text-align: center;

    padding-left: 150px;

    padding-top: 5px;

    color: #316590;

    margin-bottom: 20px;

    font-weight: 600;

    font-size: 18px;

}

.item-row .chart-items li,

.item-row .chart-items li a,

.item-row .chart-items li .a {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

}

.number_circle {

    width: 18px;

    height: 18px;

    display: flex;

    border-radius: 50%;

    background: #5c6670;

    color: #fff;

    align-items: center;

    justify-content: center;

    font-size: 12px;

    margin-left: 3px;

}

.s_chart .legend-checkbox .checkmark {

    top: 11px;

}

.legend_bottom_descr .number_circle {

    display: inline-block;

    text-align: center;

    margin: 0;

}

.chart-items li.not-assessed {

    color: #000;

}

.item-row .title-left::before {

    display: none;

}

.item-row .title-left {

    padding-left: 0;

    width: 190px;

    font-size: 13px;

}

.item-row.sub .title-left {

    padding-left: 15px;

    font-size: 11px;

}

.back_btn_wrpr {

    margin-bottom: 20px;

    display: flex;

    justify-content: flex-start;

}

.back_btn {

    display: flex;

    align-items: center;

    border-radius: 0;

    background: #73808B;

}

.back_btn svg {

    margin-right: 10px;

}

.back_btn svg path {

    fill: #fff;

}

.is-intensity.lighten {

    background: #cee39a;

}

.is-intensity.transparent {

    background: transparent;

}

.s_chart_popup .p-action-top-info {

    padding-right: 10px;

}

.lead_organization {

    padding-left: 10px;

    color: #999999;

    font-size: 16px;

    line-height: 24px;

}

.lead_organization b {

    margin-right: 15px;

}



.ie .tree-item span {

    max-width: 200px;

}

.ie .eplore_tile_item .text_content h3 {

    max-width: 100%;

}

.ie .eplore_tile_item .text_content p {

    max-width: 100%;

}

.ie .drag_drop_box p {

    max-width: 100%;

}

.ie .select-control {

    background: #fff;

}

.ie .select-control select {

    padding-right: 15px;

}

.ie .icon-sch .icon-inner svg {

    height: 400px;

    margin: 0 auto;

    display: block;

}



/* main.css */



.s-level {

    padding: 30px 40px;

}



.level-top-text {

    max-width: 1200px;

    width: 100%;

    margin-left: 60px;

}



.level-items {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.level-items .level-item:first-child {

    width: calc(40% - 10px);

}



.level-items .level-item:last-child {

    width: calc(40% - 10px);

}



.level-items .level-item {

    width: calc(20% - 10px);

    margin-bottom: 30px;

    text-align: center;

}



.level-items .level-item.w-100 {

    width: 100%;

}



.level-items .level-item a {

    display: inline-block;

    transition: 0.3s;

}



.level-items .level-item a:hover {

    opacity: 0.8;

}



.level-items .level-item.diagram a:hover {

    opacity: 1;

    transform: scale(1.03);

}



.tree-row {

    display: flex;

    justify-content: center;

    margin-bottom: 20px;

}



.tree-item {

    max-width: 200px;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 10px;

    position: relative;

}



.tree-item .tree-circle {

    border: 3px solid #316590;

    border-radius: 10em;

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 100px;

    max-width: 100px;

    height: 100px;

    position: relative;

}



.tree-item .tree-circle::before {

    content: "";

    position: absolute;

    top: -23px;

    left: 0;

    margin: 0 auto;

    right: 0;

    width: 4px;

    height: 20px;

    background-color: #316590;

}



.tree-item .tree-circle .circle-title {

    position: absolute;

    top: 5px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    color: #D4D4D4;

}



.tree-item span {

    font-size: 14px;

    color: #999999;

    display: block;

    line-height: 20px;

    max-width: 200px;

    width: 100%;

    margin: 5px auto 0;

}



.tree-item-group {

    display: flex;

    flex-direction: column;

    align-items: center;

    position: relative;

}



.tree-item-group .tree-item {

    margin-bottom: 30px;

}



.tree-item:first-child::before {

    left: 50%;

}



.tree-item:last-child::before {

    right: 50%;

}



.tree-item::before {

    content: "";

    position: absolute;

    top: -20px;

    width: calc(50% + 20px);

    height: 4px;

    background-color: #316590;

}



.tree-item.children::after {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    margin: 0 auto;

    right: 0;

    width: 4px;

    height: 20px;

    background-color: #316590;

}



.tree-item-group>.tree-item::before {

    display: none;

}



.tree-item-group::before {

    content: "";

    position: absolute;

    top: -10px;

    left: 0;

    width: 100%;

    height: 4px;

    background-color: #316590;

    z-index: 1;

}



.tree-item-group:first-child::before {

    width: 50%;

    left: 50%;

}



.tree-item-group:last-child::before {

    width: 50%;

    right: 50%;

}



.tree-row:first-child .tree-item::before,

.tree-row:first-child .tree-item .tree-circle::before {

    display: none;

}



.brown svg path {

    fill: #C57C5B;

}



.tree-item.brown .tree-circle .circle-title {

    color: #c57c5b;

}



.tree-item.brown span {

    color: #c57c5b;

}



.tree-item.brown .tree-circle {

    border-color: #c57c5b;

}



.tree-item.children.brown::after {

    background-color: #c57c5b;

}





.green svg path {

    fill: #A3D65D;

}



.tree-item.green .tree-circle .circle-title {

    color: #A3D65D;

}



.tree-item.green span {

    color: #A3D65D;

}



.tree-item.green .tree-circle {

    border-color: #A3D65D;

}



.tree-item.children.green::after {

    background-color: #A3D65D;

}



.dark-blue svg path {

    fill: #436CAA;

}



.tree-item.dark-blue .tree-circle .circle-title {

    color: #436CAA;

}



.tree-item.dark-blue span {

    color: #436CAA;

}



.tree-item.dark-blue .tree-circle {

    border-color: #436CAA;

}



.tree-item.children.dark-blue::after {

    background-color: #436CAA;

}







.red svg path {

    fill: #B5232E;

}



.tree-item.red .tree-circle .circle-title {

    color: #B5232E;

}



.tree-item.red span {

    color: #B5232E;

}



.tree-item.red .tree-circle {

    border-color: #B5232E;

}



.tree-item.children.red::after {

    background-color: #B5232E;

}







.light-red svg path {

    fill: #C75A53;

}



.tree-item.light-red .tree-circle .circle-title {

    color: #C75A53;

}



.tree-item.light-red span {

    color: #C75A53;

}



.tree-item.light-red .tree-circle {

    border-color: #C75A53;

}



.tree-item.children.light-red::after {

    background-color: #C75A53;

}







.blue svg path {

    fill: #1F9ADD;

}



.tree-item.blue .tree-circle .circle-title {

    color: #1F9ADD;

}



.tree-item.blue span {

    color: #1F9ADD;

}



.tree-item.blue .tree-circle {

    border-color: #1F9ADD;

}



.tree-item.children.blue::after {

    background-color: #1F9ADD;

}





.light-blue svg path {

    fill: #55AFE4;

}



.tree-item.light-blue .tree-circle .circle-title {

    color: #55AFE4;

}



.tree-item.light-blue span {

    color: #55AFE4;

}



.tree-item.light-blue .tree-circle { 

    border-color: #55AFE4;

}



.tree-item.children.light-blue::after {

    background-color: #55AFE4;

}





.yellow svg path {

    fill: #F3BC48;

}



.tree-item.yellow .tree-circle .circle-title {

    color: #F3BC48;

}



.tree-item.yellow span {

    color: #F3BC48;

}



.tree-item.yellow .tree-circle {

    border-color: #F3BC48;

}



.tree-item.children.yellow::after {

    background-color: #F3BC48;

}





.tree-row.brown .tree-item::before,

.tree-row.brown .tree-item .tree-circle::before {

    background-color: #C57C5B;

}



.tree-row.red .tree-item::before,

.tree-row.red .tree-item .tree-circle::before {

    background-color: #B5232E;

}



.tree-row.blue .tree-item::before,

.tree-row.blue .tree-item .tree-circle::before {

    background-color: #1F9ADD;

}



.tree-item.green-dark-blue-mix::before {

    border-top: 2px solid #A3D65D;

    z-index: 1;

}



.tree-item.green-dark-blue-mix .tree-circle::before {

    background-color: #436DA9;

    border-right: 2px solid #A3D65D;

}



.tree-item-group.green-dark-blue-mix::before {

    border-top: 2px solid #A3D65D;

}



.tree-item-group:first-child .tree-item.green-dark-blue-mix .tree-circle::before {

    border-left: 2px solid #A3D65D;

    border-right: none;

}



.tree-wrap {

    overflow-x: auto;

}



.tree-inner {

    width: 1164px;

}



.top-title.grey {

    color: #5c6670;

    margin-bottom: 30px;

    max-width: 100%;

    font-weight: 700;

}



h1.top-title{

	font-size: 36px;

    line-height: 43px;

}

.top-title-descr {

    color: #5c6670;

    font-size: 16px;

    line-height: 24px;

    max-width: 572px;

    margin-bottom: 40px;

    max-width: 100%;

}



.chart-wrap {

    border-top: 1px solid #517CAA;

    border-bottom: 1px solid #517CAA;

}



.item-row {

    display: flex;

    align-items: center;

    position: relative;

}



.item-row .title-left {

    width: 150px;

    min-width: 190px;

    border-right: 1px solid #517CAA;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: #5c6670;

    padding: 10px 0;

    position: relative;

    padding-left: 18px;

    transition: 0.3s;

    z-index: 999;

}



.item-row .title-left:hover {

    color: #316590;

}



.item-row .title-left:hover::before {

    background-color: #316590;

}



.item-row .title-left::before {

    content: "";

    position: absolute;

    left: 0;

    width: 10px;

    height: 3px;

    background-color: #5c6670;

    top: 50%;

    transform: translateY(-50%);

}



.item-row .chart-items {

    width: calc(100% - 150px);

    display: flex;

    align-items: center;

    position: relative;

}



.item-row.sub .title-left {

    padding-left: 30px;

}



.item-row.sub .title-left::before {

    left: 15px;

}



.item-row .chart-items::before {

    content: "";

    position: absolute;

    left: -10px;

    top: calc(50% - 1px);

    height: 1px;

    background-color: #517CAA;

    width: 10px;

}





.item-row .chart-items li {

    flex-grow: 1;

    background-color: #CCCCCC;

    padding: 1px 3px;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    color: #53524f;

    border-right: 1px solid rgba(255, 255, 255, 0.4);

}



.chart-items li.completed {

    background-color: #87CEFA;

}



.chart-items li.good-progress {

    background-color: #65B465;

}



.chart-items li.moderate-progress {

    background-color: #FCFD64;

}



.chart-items li.not-assessed {

    background-color: transparent;

    /* color: #b53823; */

}



.chart-items li.not-started {

    background-color: #CC4025;

}



.chart-items li.basic-progress {

    background-color: #DB8400;

}



.chart-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.chart-container .left {

    width: calc(100% - 230px);

}



.chart-container .right {

    /* width: 200px; */

    padding-top: 60px;

}







.legend-checkbox {

    display: block;

    position: relative;

    padding-left: 25px;

    cursor: pointer;

    font-weight: 400;

    font-size: 12px;

    line-height: 18px;

    margin-bottom: 10px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.legend-checkbox input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}



.legend-checkbox .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 15px;

    width: 15px;

    background: linear-gradient(#DFEBFF, #ABCAFF);

    border: 1px solid #4A7DBA;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

}



.legend-checkbox input:checked~.checkmark {

    background-color: #2196F3;

}



.legend-checkbox .checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



.legend-checkbox input:checked~.checkmark:after {

    display: block;

}



.legend-checkbox .checkmark:after {

    left: 5px;

    top: 2px;

    width: 4px;

    height: 8px;

    border: solid white;

    border-width: 0 2px 1px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.chart-top-title {

    text-align: center;

    font-size: 14px;

    color: #5c6670;

    margin-bottom: 10px;

}



.calendar-control {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    top: 45px;

    left: 0;

    right: 0;

    font-size: 18px;

    line-height: 22px;

    color: #c4c4c4;

    padding: 0 40px;

}



.calendar-control .cnd-prev-button,

.calendar-control .cnd-next-button {

    display: flex;

    align-items: center;

    cursor: pointer;

    transition: 0.3s;

}



.calendar-control .cnd-prev-button:hover,

.calendar-control .cnd-next-button:hover {

    color: #006bb6;

}



.calendar-control .cnd-prev-button:hover svg path,

.calendar-control .cnd-next-button:hover svg path {

    fill: #006bb6;

}



.calendar-control .cnd-prev-button .month {

    margin-left: 15px;

}



.calendar-control .cnd-next-button .month {

    margin-right: 15px;

}



.calendar-control.bottom {

    position: relative;

    top: 0;

    padding: 0;

    margin-top: 21px;

}



.export-events {

    display: flex;

    align-items: center;

    justify-content: center;

    background: #F5F5F5;

    border-radius: 35px;

    color: #636363;

    font-size: 16px;

    font-weight: 400;

    padding: 10px 15px;

    transition: 0.3s;

}



.export-events:hover {

    background-color: #316590;

    color: #ffffff;

}



.export-events:hover svg path {

    fill: #fff;

}



.export-events svg path {

    fill: #636363;

}



.export-events .icon {

    display: flex;

    margin-right: 10px;

}



.popper,

.tooltip {

    position: absolute;

    z-index: 9999;

    width: 100%;

    padding: 10px;

    text-align: center;

    width: 300px;

    background: #FFFFFF;

    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 10px 20px rgba(0, 0, 0, 0.04);

    border-radius: 3px;

    color: #c4c4c4;

    font-size: 14px;

    text-align: left;

}



.style5 .tooltip {

    background: #1E252B;

    color: #FFFFFF;

    max-width: 200px;

    width: auto;

    font-size: .8rem;

    padding: .5em 1em;

}



.popper .popper__arrow,

.tooltip .tooltip-arrow {

    width: 0;

    height: 0;

    border-style: solid;

    position: absolute;

    margin: 5px;

}



.tooltip .tooltip-arrow,

.popper .popper__arrow {

    border-color: #FFC107;

    display: none;

}



.style5 .tooltip .tooltip-arrow {

    border-color: #1E252B;

}



.popper[x-placement^="top"],

.tooltip[x-placement^="top"] {

    margin-bottom: 5px;

}



.popper[x-placement^="top"] .popper__arrow,

.tooltip[x-placement^="top"] .tooltip-arrow {

    border-width: 5px 5px 0 5px;

    border-left-color: transparent;

    border-right-color: transparent;

    border-bottom-color: transparent;

    bottom: -5px;

    left: calc(50% - 5px);

    margin-top: 0;

    margin-bottom: 0;

}



.popper[x-placement^="bottom"],

.tooltip[x-placement^="bottom"] {

    margin-top: 5px;

}



.tooltip[x-placement^="bottom"] .tooltip-arrow,

.popper[x-placement^="bottom"] .popper__arrow {

    border-width: 0 5px 5px 5px;

    border-left-color: transparent;

    border-right-color: transparent;

    border-top-color: transparent;

    top: -5px;

    left: calc(50% - 5px);

    margin-top: 0;

    margin-bottom: 0;

}



.tooltip[x-placement^="right"],

.popper[x-placement^="right"] {

    margin-left: 5px;

}



.popper[x-placement^="right"] .popper__arrow,

.tooltip[x-placement^="right"] .tooltip-arrow {

    border-width: 5px 5px 5px 0;

    border-left-color: transparent;

    border-top-color: transparent;

    border-bottom-color: transparent;

    left: -5px;

    top: calc(50% - 5px);

    margin-left: 0;

    margin-right: 0;

}



.popper[x-placement^="left"],

.tooltip[x-placement^="left"] {

    margin-right: 5px;

}



.popper[x-placement^="left"] .popper__arrow,

.tooltip[x-placement^="left"] .tooltip-arrow {

    border-width: 5px 0 5px 5px;

    border-top-color: transparent;

    border-right-color: transparent;

    border-bottom-color: transparent;

    right: -5px;

    top: calc(50% - 5px);

    margin-left: 0;

    margin-right: 0;

}



.hidden {

    display: none;

}



.strategy {

    max-width: 1500px !important;

    width: 100%;

    color: #000000;

}



.strategy h2 {

    color: #5c6670;

    margin-bottom: 30px;

    line-height: 32px;

}



.stg-wrap {

    overflow-x: auto;

}



.stg-wrap .stg-inner {

    min-width: 1000px;

}



.stg-wrap .stg-row {

    display: flex;

    align-items: center;

}



.stg-wrap .stg-row.stg-header {

    align-items: flex-start;

}



.stg-wrap .stg-row .stg-item {

    width: 20%;

    text-align: center;

    padding: 10px;

}



.stg-wrap .stg-row .stg-item.intensity {

    min-width: 280px;

}



.stg-wrap .stg-row .stg-item.overarching {

    min-width: 140px;

}



.stg-wrap .stg-row .stg-item.total-assessments {

    min-width: 140px;

}



.stg-wrap .stg-row .stg-item.overarching,

.stg-wrap .stg-row .stg-item.total-assessments {

    width: 10%;

}



.stg-item .danger {

    color: #b53823;

}



.stg-wrap .stg-row .stg-item.text {

    width: 60%;

    padding-right: 15px;

    text-align: left;

}



.stg-item .terms {

    display: flex;

    justify-content: space-between;

}



.stg-item .terms .term-item {

    width: calc(50% - 2px);

}



.is-intensity {

    background: #8ACAA7;

    width: 100%;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 5px;

    font-size: 14px;

    line-height: 18px;

}





.stg-proggress {

    width: 50px;

    height: 50px;

    margin: 0 auto;

    border-radius: 100%;

    display: flex;

    flex-wrap: wrap;

    overflow: hidden;

}



.stg-proggress .part {

    width: 50%;

    background-color: #1F497D;

}



.stg-proggress .part.empty {

    background-color: #F2F2F2;

}



.stg-proggress .part.one {

    border-right: 1px solid #fff;

    border-bottom: 1px solid #fff;

}



.stg-proggress .part.two {

    border-left: 1px solid #fff;

    border-bottom: 1px solid #fff;

}



.stg-proggress .part.three {

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

}



.stg-proggress .part.four {

    border-top: 1px solid #fff;

    border-left: 1px solid #fff;

}



.p-action-top-info {

    display: flex;

    border-bottom: 2px solid #517CAA;

    margin-bottom: 20px;

    padding-bottom: 20px;

}



.p-action-top-info span {

    margin-right: 10px;

    width: 100px;

    white-space: nowrap;

}



.p-action-wrap {

    padding: 15px;

}



.s_chart_popup .popup_header.separate {

    border-bottom: 2px solid #517CAA;

}



.chart-hover-box {

    position: absolute;

    font-size: 14px;

    background-color: #fff;

    padding: 10px;

    z-index: 9999;

    top: 0;

    left: 180px;

    max-width: 400px;

    min-width: 150px;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s;

    transform: none;

    text-align: left;

    display: none;

}



.chart-hover-box.active{

    display: block;

}



.chart-hover-box.action {

    left: 0;

    top: 100%;  

    min-width: 300px; 

}



.chart-hover-box p {

    font-size: 14px;

    line-height: 20px;

}



.item-row .title-left:hover .chart-hover-box {

    opacity: 1;

    visibility: visible;

}



.item-row .chart-items li:hover .chart-hover-box {

    opacity: 1;

    visibility: visible;

}



.lead_organization.d-flex {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.lead_organization .img-group {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.lead_organization .img-group img {

    margin: 5px;

}



.lead_organization img {

    height: 65px;

    width: auto;

}



.small-title {

    color: #316590;

    margin-bottom: 20px;

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;

    position: relative;

}



/* media_anton.css */



@media(max-width: 1199px){

    .s_project_profile_top .right .btns_wrpr {

        flex-direction: column;

        align-items: flex-end;

    }

    .s_project_profile_top .right .btns_wrpr .green_btn {

        margin-bottom: 20px;

    }

    .s_project_profile .col_33 {

        width: calc(50% - 20px);

    }

    .s_project_profile .col_66 {

        width: calc(100% - 20px);

    }

    .s_project_profile .col_25 {

        width: calc(33.33% - 20px);

    }

    .chart-container .left {

        overflow-x: auto;

    }

    .chart-wrap {

        min-width: 870px;

    }

}



@media(max-width: 991px){

    .chart-container .left {

        width: 100%;

        order: 1;

    }

    .chart-container .right {

        width: 100%;

        margin-bottom: 20px;

    }

    .chart_wrpr {

        flex-direction: column;

    }

    .canvas_wrpr {

        width: 100%;

    }

    .chart_legend_box {

        width: 100%;

        margin-top: 10px;

    }

    .chart_legend_box ul {

        margin: -5px;

        display: flex;

        flex-wrap: wrap;

    }

    .chart_legend_box ul li {

        margin: 5px;

    }

    .canvas_wrpr_wrpr {

        width: 100%;

    }

    .eplore_tile_item,

    .tools_item {

        width: calc(50% - 20px);

    }

    .eplore_tile_item {

        padding-bottom: 35%;

    }

    .pj-items .pj-item {

        width: calc(50% - 18px);

    }

    .s_project_profile_top .left, .s_project_profile_top .right {

        width: calc(100% - 23px);

    }

    .s_project_profile_top .right p,

    .s_project_profile_top .left p {

        max-width: 100%;

    }

    .s_project_profile_top .right .btns_wrpr {

        flex-direction: row;

        align-items: center;

        justify-content: center;

    }

    .s_project_profile_top .right .btns_wrpr .green_btn {

        margin-bottom: 0;

        margin-right: 20px;

    }

    .s_project_profile .col_50 {

        width: calc(100% - 20px);

    }

    .pj-item .chapter-item-inner {

        height: 100%;

    }

    .pj-items .pj-item.w-66 {

        width: calc(50% - 18px);

    }

    .pj-search form {

        flex-direction: column;

    }

    .pj-search .left, .pj-search .right {

        width: calc(100% - 15px);

    }

    .pj-search .right {

        justify-content: center;

        margin-top: 20px;

    }

    .icon-sch .icon-inner {

        max-width: 700px;

    }

    .pt-item {

        width: calc(50% - 20px);

    }

    .txt-img-item .img {

        width: 100%;

    }

    .txt-img-item .text {

        width: 100%;

    }

    .txt-img-item .left.img {

        margin-bottom: 20px;

    }

    .txt-img-item .left.text {

        order: 1;

        margin-top: 20px;

    }

    .cpt-item {

        width: calc(50% - 20px);

        padding-top: 50%;

    }

    .card-group .card {

        width: 100%;

    }

    .wide-text {

        padding: 30px 0;

    }

    .wide-text p {

        font-size: 16px;

        line-height: 25px;

    }

    .frame-items .frame-item {

        width: calc(50% - 20px);

    }

    .blockquote p {

        font-size: 18px;

        line-height: 26px;

    }

    .card-group .card.w-33 {

        width: calc(50% - 10px);

    }

    .list-col {

        width: 100%;

    }

    .chart-container .right {

        padding-top: 0;

    }

    .legend-checkbox .checkmark {

        top: 0;

    }

}



@media(max-width: 767px){

    .canvas_wrpr_wrpr {

        overflow-x: auto;

        width: 100%;

    }

    .canvas_wrpr {

        width: 900px;

    }

    .pj-items .pj-item {

        width: calc(100% - 18px);

    }

    .s_project_profile_top .right .btns_wrpr {

        flex-direction: column;

        align-items: flex-end;

    }

    .s_project_profile_top .right .btns_wrpr .green_btn {

        margin-bottom: 20px;

        margin-right: 0;

    }

    .form_group_title {

        flex-direction: column;

        align-items: flex-start;

    }

    .form_group_title .right_text {

        margin-top: 10px;

        text-align: left;

    }

    .s_project_profile .col_33 {

        width: calc(100% - 20px);

    }

    .s_project_profile .col_25 {

        width: calc(50% - 20px);

    }

    .level-item .icon-sch .icon-inner {

        margin-left: -80px;

    }

}



@media(max-width: 576px){

    .top-title {

        font-size: 28px;

        line-height: 39px;

    }

    .eplore_tile_item {

        padding-bottom: 70%;

    }

    .s_project_profile .col_25 {

        width: calc(100% - 20px);

    }

    .s_project_profile_top .right .btns_wrpr {

        margin-top: 20px;

    }

    .project_profile_form {

        padding: 15px;

    }

    .drag_drop_box p {

        line-height: 130%;

    }

    .radio_s_item {

        width: 75px;

        height: 75px;

    }

    .pj-search .right {

        justify-content: flex-end;

        flex-wrap: wrap;

        margin-top: 0;

    }

    .pj-search .right .select-control {

        margin-right: 0;

        margin-left: 15px;

        margin-top: 15px;

    }

    .icon-sch .icon-inner {

        max-width: 560px;

    }

    .pt-item {

        padding-top: 70%;

    }

    .cpt-item {

        padding-top: 100%;

    }

    .quote-text::before {

        left: 0px;

        top: -45px;

    }

    .quote-text::after {

        right: 0px;

        bottom: -45px;

    }

    .frame-items .frame-item,

    .frame-items .frame-item.w-50 {

        width: calc(100% - 20px);

    }

    .s-title {

        line-height: 40px;

    }

    .card-group .card {

        padding: 20px;

    }

    .popup_tabs .tabs-item {

        flex-direction: column;

        align-items: flex-start;

    }

    .popup_table_body .table_row {

        flex-direction: column;

    }

    .popup_table_body .table_row:after {

        display: none;

    }

    .popup_table_body .table_row .col {

        width: 100%;

        padding: 5px 15px;

    }

    .popup_table_body .table_row .col:first-child {

        border-bottom: 1px solid #C0C0C0;

    }

    .s_chart_popup .popup_header {

        flex-direction: column;

    }

    .chart_bottom_title {

        padding-left: 0;

    }

}



@media(max-width: 400px){

	.tools_item {

        padding: 20px;

    }

    .home_main_left_content h1 {

        font-size: 28px;

        line-height: 38px;

    }

    .home_main_left_content {

        padding-bottom: 30px;

    }

    .s_title {

        font-size: 30px;

        line-height: 35px;    

    }

    .s_project_profile_top .right .btns_wrpr .btn {

        font-size: 14px;

    }

    .drag_drop_box {

        padding: 15px;

    }

    .checkbox_btn p {

        font-size: 12px;

        line-height: 20px;

    }

    .s_project_profile .submit_btn_wrpr .btn {

        font-size: 12px;

        display: block;

        margin: 0 auto;

    }

    .scroll-top {

        width: 60px;

        height: 60px;

    }

    .footer_nav ul li a {

        font-size: 12px;

    }

    .top-title {

        font-size: 24px;

        line-height: 30px;

    }

    .item-row .title-left {

        width: 170px;

        font-size: 12px;

    }

    .item-row.sub .title-left {

        padding-left: 10px;

    }

}



.google_doc_popup{

    height: 90%;

}

.google_doc_popup-wrapper{

    height: 100%;

    width: 100%

}



.google_doc_popup-wrapper{

    overflow: auto;

    width: 100%;

}

.google_doc_popup-wrapper .spinner{

    width: auto;

    height: auto;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

.google_doc_popup-wrapper table{

    border-collapse: collapse;

    border-spacing: 0;

}

.google_doc_popup-wrapper table th,

.google_doc_popup-wrapper table td{

    min-width: 250px;

}

.google_doc_popup-wrapper table td, 

.google_doc_popup-wrapper table th{

    padding: 5px 10px;

    border: 1px solid #333;

}



.google_doc_popup iframe{

    width: 100%;

    height: 100%;

}



.strategy-content-wrapper{

    text-align: center;

}



.strategy-content{

    display: inline-block;

    text-align: left;

}



.strategy p{

    color: #999999;

    font-size: 16px;

    line-height: 24px;

}



.item-row .title-left {

    padding-left: 0;

    width: 190px;

    font-size: 13px;

}



.item-row.sub .title-left {

    padding-left: 15px;

    font-size: 11px;

}



.chart-items li.not-assessed {

    /*border: 1px solid #000;*/

    border: 1px solid #eee;

    padding: 0px 3px;

    margin-left: -1px;

    background: #fff;

    cursor: inherit;

}



.top-title.sub {

    font-size: 24px;

    margin-top: -20px;

    line-height: 43px;

}



.level-item.diagram .small-title {

    padding-left: 40px;

}



.s_chart_popup {

    max-width: 600px !important;

    padding: 10px 15px !important;

}


    

.warning, .entry-header, #left-menu-btn{

	display: none !important;

}



.edit-link{

    display: none;

}