.backgr{
        background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='24' height='24' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(135)'%3E%3Crect width='100%25' height='100%25' fill='rgba(255, 255, 255,1)'/%3E%3Cpath d='M-10 30h60v1h-60zM-10-10h60v1h-60' fill='rgba(190, 190, 190,1)'/%3E%3Cpath d='M-10 10h60v1h-60zM-10-30h60v1h-60z' fill='rgba(190, 190, 190,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ")
;
        border-bottom: 1px solid #bebebe;
        border-top: 1px solid #bebebe;
        
    }
        .backfr{
        background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='24' height='24' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(135)'%3E%3Crect width='100%25' height='100%25' fill='rgba(255, 255, 255,1)'/%3E%3Cpath d='M-10 30h60v1h-60zM-10-10h60v1h-60' fill='rgba(190, 190, 190,1)'/%3E%3Cpath d='M-10 10h60v1h-60zM-10-30h60v1h-60z' fill='rgba(190, 190, 190,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ")
;

    }
    .b_b{
        border-bottom: 1px solid #bebebe
    }
    .b_l{
        border-left: 1px solid #bebebe
    }
    .b_r{
        border-right: 1px solid #bebebe
    }
    .b_lr{
        border-left: 1px solid #bebebe;
        border-right: 1px solid #bebebe
    }
    .b_tlr{
        border-top: 1px solid #bebebe;
        border-left: 1px solid #bebebe;
        border-right: 1px solid #bebebe
    }
    .b_tlbr{
        border-top: 1px solid #bebebe;
        border-left: 1px solid #bebebe;
        border-right: 1px solid #bebebe;
        border-bottom: 1px solid #bebebe
    }
    .b_lbr{
        border-left: 1px solid #bebebe;
        border-right: 1px solid #bebebe;
        border-bottom: 1px solid #bebebe
    }
    .b_tb{
        border-top: 1px solid #bebebe;
        border-bottom: 1px solid #bebebe
    }

.t-input-group.t-input-group_cb {
    max-width: 20px;
}
.t-checkbox__indicator {
    border: 1px solid #000;
}
.tn-atom .js-error-control-box .t-checkbox__control:before, .tn-atom .js-error-control-box .t-radio__wrapper:before {
    border: 1px solid red;
    content: "";
    height: 24px !important;
    left: 0 !important;
    pointer-events: none;
    position: absolute;
    top: -3px !important;
    width: 24px !important;
}
    
         @media screen and (max-width: 620px) {
    .my-txt{
        text-align: justify
    }
    }