h1.okpdTitle {
    margin: 10px 0 20px 0;
}

h2.okpdTitle {
    margin: 16px 0 14px 0;
}

.breadcrumb {
    margin: 0 0 20px 0;
}

.breadcrumb ol {
    list-style: none;
    margin:0;
    padding:10px 14px;
    border:2px dashed #f1f1f1;
}

.breadcrumb ol li {
    display: inline;
    position: relative;
    padding: 2px 0 0 0;
    line-height: 18px;
}

.breadcrumb ol li:not(:first-of-type) {
    padding: 2px 2px 2px 30px;
}

.breadcrumb ol li:not(:first-of-type):before {
    width:5px;
    height:5px;
    border-left:2px solid darkgray;
    border-top:2px solid darkgray;
    content: '';
    position: absolute;
    transform: rotate(135deg);
    left:1px;
    top:6px;
    display: block;
    margin: 0 8px;
}

.breadcrumb ol li .code {
    font-weight: bold;
    color:black;
}

.breadcrumb ol li a {
    color:#777;
    text-decoration: none;
}

.breadcrumb ol li a:hover {
    color:#444;
}

.okpdMainTab {
    width:100%;
    border-collapse: collapse;
}

.okpdMainTab .col1 {
    width:72%;
    padding: 0 24px 0 0;
}

.okpdMainTab .col2 {
    width:28%;
}

.tools {
    display: block;
    overflow: hidden;
    margin: 20px 0;
}

.tools .searchInOkpd {
    width:70%;
}

.tools .searchInOkpd .text {
    width:80%;
    box-sizing: border-box;
    float:left;
}

.tools .searchInOkpd .submit {
    width:20%;
    margin: 0;
    float:right;
    box-sizing: border-box;
    line-height: 18px;
    vertical-align: middle;
}

.tools .pdfVersion, .tools .printVersion {
    width:15%;
    text-align: center;
}

ol.okpdList {
    list-style: none;
    padding: 0;
    margin: 0;
}

ol.okpdList li.item {
    padding: 9px 8px 9px 60px;
    position: relative;

}

ol.okpdList li.item .childs {
    width:20%;
    display: inline;
    margin-left: 10px;

}

ol.okpdList li.item a {
    text-decoration: none;
}

ol.okpdList li.item a:hover {
    color: #d4523d;
}



ol.okpdList .code, .sectionCode.code, .classCode.code, .child.code, .current.code {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 6px;
    color:white;
    font-weight: bold;
    border-radius: 3px;
    min-width: 18px;
    text-align: center;
    line-height: 13pt;

}

.sectionCode.code {
    background: #6ca56c;
}

ol.okpdList li.item a > .code {
    position: absolute;
    left:12px;
    top:calc(50% - 13px);
}

ol.okpdList li.item a.section {
    color:#6ca56c;
}

ol.okpdList li.item a.section:hover {
    color: #538253;
}

ol.okpdList li.item a .sectionCode {
    background: #6ca56c;

}

.classCode.code {
    background: #d65f5e;

}

ol.okpdList li:not(:last-of-type) {
    border-bottom:1px dashed #ccc;
}

.okpdInfo {
    width:100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
}

.okpdInfo thead th {
    text-align: left;
    font-weight: normal;
    padding: 6px 10px;
    color: black;
    background: #e2e2e2;

    border:1px solid #d1d1d1;
}

.okpdInfo tbody td {
    padding: 6px 12px;
    border:1px solid #d1d1d1;
}

.okpdInfo .classificator {
    width:14%;
}

.okpdInfo .code {
    width:10%;
    text-align: center;
}

.okpdInfo td.code {
    font-weight: bold;
    font-size: 110%;
    white-space: nowrap;
}

.okpdInfo .name {
    width:30%;
    text-align: left;
}

.okpdInfo .leveling {
    width:18%;
    text-align:center;
}

.okpdInfo .type, .okpdInfo .deep {
    width:9%;
}

.okpdInfo .childs {
    width:16%;
    text-align: center;
}

.okpdInfo .direct {
    width:9%;
    white-space: nowrap;
}

.okpdInfo .recursive {
    width:7%;
}


ul.directChilds {

    margin: 20px 0;
    padding: 0;
}

ul.directChilds li {
    list-style: none;
    padding: 8px 12px;
}



ul.directChilds li:hover {
    background: #f1f1f1;
}

ul.directChilds li span.child {
    font-weight: bold;
    color:white;
    display: inline-block;
    margin: 0 18px 0 0;
}

.hierarchy {
    padding: 20px 20px;
    border:2px dashed lightgrey;

}

.hierarchy h2 {
    font-size: 120%;
}

.okpd2 {
    margin:0;
    padding:0;
}


.okpd2 li {
    list-style: none;
    position: relative;
    padding: 4px 0;
    margin: 0;
}

.okpd2 li a {
    color: #bd1414;
}

.okpd2 li .info, .okpdResults .info {
    color:#aaa;
    margin: 0 0 0 6px;
    font-size: 90%;
}

.okpd2 li:not(:first-of-type):before, .okpd2 li:not(:first-of-type):after {
    content: '';
    background: #aaa;
    position: absolute;
}

.okpd2 li:not(:first-of-type):before {
    width:14px;
    height:2px;
    left:-20px;
    top:15px;
}

.okpd2 li:not(:first-of-type):after {
    width:2px;
    height:12px;
    left:-20px;
    top:4px;
}

.okpd2 li .code, ul.directChilds li span.child {
    display: inline-table;
    vertical-align: middle;
    padding: 3px 6px;
    margin: 0 4px 0 0;
    color:white;
    font-weight: bold;
    background: #d65f5e;
    border-radius: 3px;
    min-width: 18px;
    text-align: center;
}

.okpd2 li.l0 .code {
    background: #6ca56c;
}

.okpd2 li.current .code, .code.current {
    background: #f3a867;
}

.okpd2 li .code.child, ul.directChilds li span.child, .okpdList .code.child, .child.code {
    background: #ab438e;
}

.okpd2 li.l0 { margin-left: 30px }
.okpd2 li.l1 { margin-left: 60px }
.okpd2 li.l2 { margin-left: 90px }
.okpd2 li.l3 { margin-left: 120px }
.okpd2 li.l4 { margin-left: 150px }
.okpd2 li.l5 { margin-left: 180px }
.okpd2 li.l6 { margin-left: 210px }
.okpd2 li.l7 { margin-left: 240px }

.okpdResults .num {
    width:5%;
    text-align: center;
    vertical-align: middle;
}

.okpdResults .row>div {
    line-height: 15pt;
    padding: 8px 0;
}

.okpdResults .cat {
    width:95%;
    vertical-align: middle;

    padding-right: 20px !important;
}


.okpdResults .cat a {
    text-decoration: none;
}

.okpdResults .cat a .code {
    margin-right: 8px;
}