#metropoliton-status-details th span {
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 8px;
    font-size: 20px;
    border: 2px solid #FFF;
    color: #FFF;
    text-align: center;
}

#metropoliton-status-details td div {
    font-size: 18px;
    color: #000000;
}

#metropoliton-status-details td div i {
    font-size: 16px;
    color: #222;
}

#metropoliton-status-details {
    border: 4px solid #737373;
    border-top: none;
}

#metropoliton-status-details th {
    color: white;
    text-align: center;
    vertical-align: middle;
    border: none;
    border-bottom: 4px solid #737373;
    line-height: 22px;
}

#metropoliton-status-details th:nth-child(3),
#metropoliton-status-details th:nth-child(5),
#metropoliton-status-details td:nth-child(2),
#metropoliton-status-details td:nth-child(3) {
    border-left: 4px solid #737373;
}

#metropoliton-status-details th.success {
    background-color: #5cb85c;
}

#metropoliton-status-details th.warning {
    background-color: #f0ad4e;
}

#metropoliton-status-details th.danger {
    background-color: #d9534f;
}

#metropoliton-status-details .panel-body {
    padding: 0
}

#metropoliton-status-details .table {
    margin-top: -1px;
    margin-bottom: 0;
}

#metropoliton-status-details td {
    width: 33.33%;
}

#metropoliton-status-details td, #metropoliton-status-details table {
    border: none;
}

#metropoliton-status .panel-heading {
    background-color: white;
    border: 4px solid #737373;
}

#metropoliton-status .panel-title, #metropoliton-status-details tr th {
    font-size: 24px !important;
    font-weight: bold;
}

#legend-breadcrumb {
    font-size: 22px;
    font-weight: 700;
    color: #0b0b0b;
    padding: 10px 10px 10px 32px;
}

.summary-container {
    padding: 12px;
}

.summary-header {
    border: 4px solid #737373;
    padding: 2px;
}

.summary-data {
    padding-top: 10px;
    border: 4px solid #737373;
    border-top: none;
}

.summary-data .col-xs-4 div {
    padding: 5px;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}

section .container .summary-header span.label,
section .container h3 span.label,
.summary-data .col-xs-4 div,
#legend-breadcrumb,
#metropoliton-status,
#metropoliton-status .panel-title,
#all-summary-container h3,
#tree-container {
    font-family: "SolaimanLipi", serif;
}

#tree-container .type_2 {
    font-size: 15px;
}

section .container h3 span.label,
#tree-container .type_0 {
    font-size: 24px;
    font-weight: 700;
    margin: 5px;
}

section .container .summary-header span.label {
    font-size: 22px;
    font-weight: 700;
    margin: 5px;
}

#tree-container .type_1 {
    font-size: 20px;
}

#tree-container li.jstree-node.no {
    color: green !important;
}

#tree-container li.jstree-node.partial {
    color: orange;
    border: none;
    box-shadow: none;
}

#tree-container li.jstree-node.full {
    color: red;
}

#tree-container .jstree-icon.icon {
    line-height: 30px;
}

a:not(.collapsed) i.fa-plus-square-o {
    display: none !important;
}

#metropoliton-status a.collapsed i.fa.fa-minus-square-o {
    display: none !important;
}

div.container.lang-en h3 > span.label {
    font-size: 21px;
}

section .container.lang-en .summary-header span.label {
    font-size: 19px;
}

.container.lang-en #metropoliton-status .panel-title, .container.lang-en #metropoliton-status-details tr th {
    font-size: 20px !important;
}

.container.lang-en #metropoliton-status-details td div {
    font-size: 15px;
}

.container.lang-en #tree-container .type_0 {
    font-size: 21px;
}

.container.lang-en #tree-container .type_1 {
    font-size: 17px;
}

.container.lang-en #tree-container .type_2 {
    font-size: 14px;
}

.container.lang-en #all-summary-container h3 {
    font-size: 24px;
}

#all-summary-container h3 {
    font-size: 26px;
    color: black;
}

#lockdown-summary-data-container a.link-button {
    border: 1px solid #2c6da5;
    display: block;
    border-radius: 10px;
    padding: 5px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
}

#lockdown-summary-data-container table td.text-danger {
    text-align: center;
    font-size:24px ;
    font-weight: bold;
}

#lockdown-summary-data-container table td {
    border: 1px solid black;
    color: black;
}

#lockdown-summary-data-container td h3{
    font-size: 26px!important;
    font-weight: bold;
}

#lockdown-summary-data-container table td:not(.text-danger) {
    font-size: 22px;
    padding-left: 30px;
}

#lockdown-summary-data-container table td.image-button {
    vertical-align: middle;
    border: none;
}
#lockdown-summary-data-container table td.for-spaces {
    width: 10px;
    border: none;
}