.card-header-template-version {
    color: #a5a5a5;
    font-size: small;
    font-weight: normal;
    vertical-align: top;
}

.card-header-hint {
    font-size: small;
    color: #767676;
    font-style: italic;
}

/*---------------------------------------*/

.schema-steps-hint{
    color: #919191;
    font-style: italic;
    margin-bottom: 5px;
    font-size: small;
}

/*---------------------------------------*/
.step-info .info-hint{
    color: #9f9f9f;
    font-size: 13px;
    font-style: italic;
}
/*---------------------------------------*/
.step-info .info-header{
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 5px;
}

.step-info .info-header.bad{
    color: #9b221e;
}

.step-info .info-header-small{
    color: #6e6e6e;
    font-style: italic;
    text-decoration: underline;
    font-size: 12px;
    margin: 10px 0 5px;
}

.step-info .info-header-small.bad{
    color: #80401d;
}


/*---------------------------------------*/

.step-info .btn-outline-light{
    color: #c6c6c6;
}
/*---------------------------------------*/
.step-info .info-sub-item{
    font-size: 13px;
    color: #444444;
    margin: 0 0 2px 10px;
}

.step-info .info-sub-item::before{
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    content: "\f068";
    font-size: 7px;
    vertical-align: middle;
    color: #acacac;
}

.step-info .info-sub-item.bad{
    color: #a31010;
    font-style: italic;
}
/*---------------------------------------*/
.step-info .info-sub-item.success, .step-info .info-sub-item .success{
    color: #2ba310;
    font-style: normal;
}
.step-info .info-sub-item.success.small, .step-info .info-sub-item .success.small{
    font-size: 10px;
}

/*---------------------------------------*/
.step-info .info-sub-item .btn-spoiler{
    border: 1px solid #c9c9c9;
    background-color: #fcfcfc;
    border-radius: 3px;

    line-height: 13px;
    font-size: 10px;

    color: #b8b8b8;
    padding: 1px 2px;
    min-width: 18px;
    text-align: center;
}

.step-info .info-sub-item .btn-spoiler:hover{
    box-shadow: 1px 1px 2px 0 #cccccc;
    background-color: #ffffff;
    color: #a4a4a4;
    cursor: pointer;
}

.step-info .info-sub-item .btn-spoiler:active{
    color: #7f98df;
    border-radius: 3px 1px;
    border: 1px solid #9a9fe2;
}
/*---------------------------------------*/
.step-info .info-sub-item .info-fm{
    color: #006163;
}

.step-info .info-sub-item .info-role{
    color: #635300;
}

.step-info .info-sub-item .info-role .info-role-parent{
    font-size: 10px;
    color: #7c7c7c;
    margin-bottom: 2px;
}

/*---------------------------------------*/
.step-info .info-sub-item .sub-spoiler{
    margin-left: 15px;
    border-top: 1px dashed #c2c2c2;
    border-bottom: 1px dashed #c2c2c2;
    margin-bottom: 10px;
}
/*---------------------------------------*/



.step-info .info-sub-item .btn-name{
    margin-left: 10px;
    font-size: 10px;
    color: #525252;
}

.step-info .info-sub-item .is-main{
    font-size: 7px;
    color: #ff1700;
    vertical-align: super;
}
/*---------------------------------------*/
.step-info .info-sub-item.oper-role-empty{
    color: #e00c0c;
    font-style: italic;
}

.step-info .info-sub-item .oper-role-custom{
    color: #006e53;
}

.step-info .info-sub-item .oper-role-custom-parent{
    color: #6e3713
}

.step-info .info-sub-item .oper-role-custom-parent-role{
    color: #6e3713;
    font-style: italic;
}

.step-info .info-sub-item .oper-role-normal{}
.step-info .info-sub-item .oper-role-normal-parent{
    color: #6e3713
}
.step-info .info-sub-item .oper-role-normal-parent-hint{
    font-size: small;
    color: #707070;
    font-style: italic;
}
/*---------------------------------------*/
.step-info .step-param{
    font-size: 14px;
}

.step-info .step-param .key{
    font-weight: bold;
}

.step-info .step-param .value{}

.step-info .step-param .value.bad{
    color: #7c1512;
}

/*---------------------------------------*/


/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
.step{
    border: 1px solid #dfdfdf;
    background-color: #f3f3f3;
    border-radius: 5px;
}

.step.step-calls{
    border-bottom: 1px solid #0cccbd;
}

.step.step-first{
    border-left: 5px solid #1cc600;
    border-bottom: 1px solid #1cc600;
}

.step.step-last{
    border-right: 5px solid #0074c6;
    border-bottom: 1px solid #0074c6;
}

.step.step-auto{
    border-bottom: 1px solid #e38f77;
    background-color: #ffe9e2;
}

.step.step-deviation{
    border-bottom: 1px solid #bf00ff;
}

.step.step-has-moder{
    border-top: 3px solid #ffd024;
}

.step.step-highlight{
    box-shadow: 0 0 20px 0 #ffd400;
}
/*---------------------------------------*/
.step .step-footer{
    font-size: 13px;
    padding: 0 5px 2px;
    display: flex
}
/*---------------------------------------*/

.step .step-footer .step-btn{
    border: 1px solid #c9c9c9;
    background-color: #fcfcfc;
    border-radius: 3px;
    color: #b8b8b8;
    padding: 1px 2px;
    min-width: 18px;
    text-align: center;
}

.step .step-footer .step-btn>span{
    padding-left: 1px;
    font-size: 10px;
    vertical-align: middle;
}

.step .step-footer .step-btn:not(.disable):hover{
    box-shadow: 1px 1px 2px 0 #cccccc;
    background-color: #ffffff;
    color: #a4a4a4;
    cursor: pointer;
}

.step .step-footer .step-btn.danger:not(.disable):hover{
    color: #ff6767;
}

.step .step-footer .step-btn:not(.disable):active{
    color: #7f98df;
    border-radius: 3px 1px;
    border: 1px solid #9a9fe2;
}

.step .step-footer .step-btn.danger:not(.disable):active{
    color: #ff4e4e;
    border: 1px solid #ff6969;
}

.step .step-footer .step-btn.disable{
    cursor: not-allowed;
}
/*---------------------------------------*/
.step .step-footer .step-btn.danger{
    color: #ff8d8d;
    border: 1px solid #ffa0a0;
    background-color: #faf9f9;
}
/*---------------------------------------*/
.step .step-footer .step-info-right{
    display: flex;
    margin-left: auto;
    align-self: center;
    padding-left: 5px;
}
/*---------------------------------------*/

.step .step-footer .step-info-icon, .step .step-footer .step-btn{
    margin: 0 1px;
    align-self: center;
}
/*---------------------------------------*/
.step .step-name{
    color: #40435b;
    font-size: 14px;
    padding: 2px 5px 1px;
}

.step .step-name:hover{
    color: #404781;
}

.step .step-name:active{
    color: #2435c7;
}

/*---------------------------------------*/
.step .step-errors {
    margin: -5px 10px 5px 10px;
    border: 1px solid #ffa9a9;
    background-color: #fddcdc;
    border-radius: 1px;
    padding: 2px 5px;
    color: #921b1b;
    font-size: 12px;
    box-shadow: 0 0 3px 0 #ff8f8f;
}

.step .step-error{
    margin: 0 2px;
}

.step .step-error::before{
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    content: "\f068";
    font-size: 7px;
    vertical-align: middle;
    margin-right: 5px;
    color: #ff0000;
}
/*---------------------------------------*/

.step .step-moders{
    margin: -5px 10px 5px 10px;
    border: 1px solid #ffcda9;
    background-color: #fdf5dc;
    border-radius: 1px;
    padding: 2px 5px;
    color: #c97311;
    font-size: 12px;
    box-shadow: 0 0 3px 0 #ffd024;
}

/*---------------------------------------*/
.btn-radio-rules{
    color: #bfbfbf !important;
    border-color: #c2c2c2 !important;;
}

.btn-radio-rules.active {
    color: #ffffff !important;
    background-color: #53b747 !important;;
    border-color: #2f6e40 !important;;
}

.btn-radio-rules.active::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    content: "\f14a";
}

/*---------------------------------------*/
.table-cell-global-data-icon {
    text-align: center;
    vertical-align: middle !important;
    width: 35px;
}

/*---------------------------------------*/
.tree-rule2.list_tree li::before {
    width: 17px; /*ширина горизонтальной полоски*/
    top: 45px; /*смещение горизонтальной черты выше ниже*/
}

.tree-rule2.list_tree li::before, .tree-rule2.list_tree li::after {
    left: -17px; /*вертикальная полоса, влево вправо*/
}

.tree-rule2.list_tree ul > li:last-child::after {
    height: 45px; /*смещение вертикальной черты вверх вниз*/
}

.tree-rule2.list_tree ul {
    padding-left: 43px;
}