:root {
             --main-color: rgba(255, 255, 20, 0.4);
             --main-fon-yellow: #ffff00;
             --main-fon-color: #010f77;
             --main-button-font: #373737;
             --main-bgfon-color: #f9f9f9;
             --main-hov: #1e59cf4a;
             --main-hov-color: #1c49a3;
             --main-fon-hover-color: #0535ba;
             --main-bg-white: #fff;
             --font-size_m: 0.875rem;
             --font-size_n: 0.775rem;
             --font-size_l: 0.675rem;
         }

         body {
             font-size: 18px;
             background: var(--main-fon-color);
         }

         h1 {
             color: var(--main-bg-white);
         }

         p {
             font-weight: normal;
             line-height: 1.3rem;
             font-size: var(--font-size_m);
             color: black;
         }

         .login-container {
             width: 100%;
             min-height: 16vh;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-flex-wrap: wrap;
             -moz-flex-wrap: wrap;
             -ms-flex-wrap: wrap;
             -o-flex-wrap: wrap;
             flex-wrap: wrap;
             justify-content: center;
             justify-items: center;
             font-kerning: normal;
             box-sizing: border-box;
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
         }

         .wrap-login {
             max-width: 768px;
             width: 100%;
             background: #fff;
             -webkit-border-radius: 4px;
             -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
             border-radius: 4px;
             position: relative;
             /*         padding: 16px;*/
             background: var(--main-fon-color);
         }

         .wrap-login h2 {
             margin-top: 16px;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             color: var(--main-bg-white);
         }

         .info-body h2 {
             color: black;
         }

         .select-container {
             width: 100%;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             align-items: center;
             font-size: var(--font-size_m);
             letter-spacing: 0.03rem;
             line-height: 1;
             color: #94a3b8;
             transition: box-shadow .3s ease-in;
             -o-transition: box-shadow .3s ease-in;
             -webkit-transition: box-shadow .3s ease-in;
             -moz-transition: box-shadow .3s ease-in;
         }

         select {
             display: block;
             box-sizing: border-box;
             padding: 10px;
             width: 100%;
             font-size: var(--font-size_l);
             border: 2px solid #f1f5f9;
             border-radius: 4px;
         }

         .checkbox {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-flex-wrap: nowrap;
             -moz-flex-wrap: nowrap;
             -ms-flex-wrap: nowrap;
             -o-flex-wrap: nowrap;
             flex-wrap: nowrap;
             justify-content: center;
             align-items: center;
         }

         #md5 {
             grid-column: 1/2;
             grid-row: 2;
         }

         #md5_send {
             margin-left: 6px;
             margin-top: -6px;
             cursor: pointer;
         }

         .checkbox-input {
             width: 18px;
             margin: 0 8px 0 0;
         }

         .checkbox .txt {
             font-size: var(--font-size_l);
         }

         .login-form {
             width: 100%;
             margin-top: 8px;
         }

         .active-hide {
             display: none;
         }

         .flex-w {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-flex-wrap: wrap;
             -moz-flex-wrap: wrap;
             -ms-flex-wrap: wrap;
             -o-flex-wrap: wrap;
             flex-wrap: wrap;
             justify-content: space-between;
         }

         .login-form-title {
             width: 100%;
             display: block;
             color: #555555;
             line-height: 1.2;
             text-align: center;
             padding-top: 16px;
             margin-bottom: 16px;
         }

         .login-form-title h2 {
             color: var(--main-fon-color);
         }

         .text-center {
             text-align: center;
         }

         .button {
             padding: 15px;
             width: calc((100% - 20px) / 2);
             font-size: var(--font-size_l);
             height: 36px;
             -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
             border-radius: 4px;
             -webkit-transition: all 0.4s;
             -o-transition: all 0.4s;
             -moz-transition: all 0.4s;
             transition: all 0.4s;
             background: var(--main-bg-white);
             color: var(--main-fon-color);
             cursor: pointer;
         }

         button:before {
             display: none;
         }

         .button:hover {
             background: var(--main-bg-white);
             color: var(--main-fon-hover-color);
         }

         .container-login-form-btn {
             margin-top: 16px;
             width: 100%;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: column;
             align-items: center;
         }

         #passrecover_a {
             cursor: pointer;
         }

         .form-container {
             display: flex;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             align-items: center;
             justify-content: center;
             width: 100%;
             -webkit-flex-wrap: wrap;
             -moz-flex-wrap: wrap;
             -ms-flex-wrap: wrap;
             -o-flex-wrap: wrap;
             flex-wrap: wrap;
             margin-top: 20px;
         }

         /*===============================================*/

         .wrap-input {
             position: relative;
             width: 100%;
             margin-left: 8px;
         }

         .wrap-input .txt {
             font-size: var(--font-size_l);
             font-weight: bolder;
             color: white;
         }

         .input_wrapper_abonent:hover,
         .input_wrapper_abonent:active,
         .input_wrapper_abonent:focus,
         .input_wrapper_date:hover,
         .input_wrapper_date:active,
         .input_wrapper_date:focus,
         .select-container:hover,
         .select-container:active,
         .select-container:focus,
         .input_wrapper:hover,
         .input_wrapper:active,
         .input_wrapper:focus {
             -moz-box-shadow: 0 12px rgba(0, 0, 0, 0), 0 12px rgba(0, 0, 0, 0), 0px 0px 12px 6px rgba(0, 0, 0, 0.1);
             -webkit-box-shadow: 0 12px rgba(0, 0, 0, 0), 0 12px rgba(0, 0, 0, 0), 0px 0px 12px 6px rgba(0, 0, 0, 0.1);
             box-shadow: 0 12px rgba(0, 0, 0, 0), 0 12px rgba(0, 0, 0, 0), 0px 0px 12px 6px rgba(0, 0, 0, 0.1);
         }

         .input_wrapper_abonent,
         .input_wrapper {
             position: relative;
             width: 100%;
             min-height: 48px;
             border: 2px solid #f1f5f9;
             border-radius: 4px;
             padding: 16px 12px 0;
             margin-top: 8px;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: row;
             transition: box-shadow .3s ease-in;
             -o-transition: box-shadow .3s ease-in;
             -webkit-transition: box-shadow .3s ease-in;
             -moz-transition: box-shadow .3s ease-in;
             background: white;
         }

         .input_wrapper_abonent {
             flex-direction: column;
         }

         #hidden0_info {
             order: 1;
         }

         [class*="_info"] {
             font-size: var(--font-size_l);
             line-height: 1rem;
             color: crimson;
         }

         .ui-autocomplete-input,
         .input_control {
             width: 100%;
             background: 0;
             background-color: #fff;
             border: none;
             margin: 0 0 2px;
             padding: 2px 0 0;
         }

         .input_label {
             position: absolute;
             left: 12px;
             top: 6px;
             font-weight: bolder;
             font-size: var(--font-size_l);
             line-height: 1;
             color: #94a3b8;
         }

         .input_wrapper_date {
             position: relative;
             z-index: 733377776;
             min-height: 48px;
             border: 2px solid #f1f5f9;
             border-radius: 4px;
             padding: 16px 12px 0;
             margin: -2px 0 8px 0;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: column;
             transition: box-shadow .3s ease-in;
             -o-transition: box-shadow .3s ease-in;
             -webkit-transition: box-shadow .3s ease-in;
             -moz-transition: box-shadow .3s ease-in;
             background: white;
         }

         .inpDate {
             width: 150px;
             background: #FFF url(/wp-content/themes/railway/img/calendar.svg) no-repeat 100% 50%;
         }

         /*===============================================*/

         input {
             height: 36px;
             padding-left: 8px;
             background-color: #f7f7f7;
             border: 2px solid #f1f5f9;
         }

         .form-container input {
             width: 170px;
             margin: 8px;
         }

         .form-container .submit {
             color: var(--main-bg-white);
             background-color: var(--main-fon-color);
             cursor: pointer;
             -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
             border-radius: 4px;
             font-size: var(--font-size_l);
             text-transform: uppercase;
             letter-spacing: 0.03rem;
             transition-property: all;
             -webkit-transition-property: all;
             -moz-transition-property: all;
             -o-transition-property: all;
             transition-duration: 0.5s;
             -webkit-transition-duration: 0.5s;
             -moz-transition-duration: 0.5s;
             -o-transition-duration: 0.5s;
             transition-delay: 0s;
             -webkit-transition-delay: 0s;
             -moz-transition-delay: 0s;
             -o-transition-delay: 0s;
         }

         .txt {
             font-size: var(--font-size_m);
             letter-spacing: 0.03rem;
             line-height: 1;
             color: #94a3b8;
         }

         .objaz {
             font-size: var(--font-size_l);
         }

         span.objaz {
             color: red;
             margin-left: 2px;
         }

         .checkbox-container-row {
             font-size: var(--font-size_n);
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: row;
             justify-content: center;
             -webkit-flex-wrap: wrap;
             -moz-flex-wrap: wrap;
             -ms-flex-wrap: wrap;
             -o-flex-wrap: wrap;
             flex-wrap: wrap;
             width: 100%;
             height: auto;
             gap: 16px;
             margin-left: 8px;

         }

         .checkbox-container-row:first-child {
             flex: 1 0 auto;
         }

         .checkbox-container-row span {
             font-size: var(--font-size_n);
             color: white;
         }

         .checkbox-container {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: column;
             font-size: var(--font-size_n);
             line-height: 1;

         }

         .checkbox-label {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             align-items: center;
             font-size: var(--font-size_n);
             color: var(--main-bg-white);
         }

         .checkbox-label :active,
         :hover,
         :focus {
             outline: 0;
             outline-offset: 0;
         }

         .login-form-btn {
             position: relative;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             align-items: center;
             -ms-flex-pack: center;
             -webkit-justify-content: center;
             -moz-justify-content: center;
             justify-content: center;
             margin: 0 auto;
             width: 200px;
             height: 36px;
             font-size: var(--font-size_l);
             text-transform: uppercase;
             letter-spacing: 0.03rem;
             line-height: 1.2rem;
             background: var(--main-fon-color);
             color: var(--main-bg-white);
             -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
             border-radius: 4px;
             transition-property: all;
             -webkit-transition-property: all;
             -moz-transition-property: all;
             -o-transition-property: all;
             transition-duration: 0.5s;
             -webkit-transition-duration: 0.5s;
             -moz-transition-duration: 0.5s;
             -o-transition-duration: 0.5s;
             transition-delay: 0s;
             -webkit-transition-delay: 0s;
             -moz-transition-delay: 0s;
             -o-transition-delay: 0s;
         }

         .white {
             background: var(--main-bg-white);
             color: var(--main-fon-color);
         }

         .login-form-btn i {
             font-style: normal;
         }

         .submit:hover .login-form-btn:hover {
             background: var(--main-fon-hover-color);
         }

         textarea[name="zah"],
         textarea[name="message"] {
             width: 100%;
             max-width: 100%;
             resize: none;
             border: 2px solid #f1f5f9;
             outline: none;
             background-color: #fff;
             overflow-y: scroll;
             -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
             border-radius: 4px;
             padding: 8px;
             font-family: Arial;
             font-size: 0.875rem;
         }

         textarea[name="zah"]:hover,
         textarea[name="message"]:hover {
             border-color: var(--main-fon-hover-color);
         }

         .hidden {
             display: none;
         }

         .chars {
             position: absolute;
             bottom: 12px;
             right: 26px;
             color: var(--main-fon-hover-color);
         }

         .activer {
             background-color: #f1f5f9;
         }

         #upload2 {
             position: relative;
             margin-top: 8px;
         }

         .file-input {
             position: absolute;
             left: 0;
             top: 0;
             opacity: 0;
             cursor: pointer;
         }

         /*======================*/

         #status2 {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             justify-items: center;
             padding: 8px 0 8px 0;
         }

         #status2 div {
             margin-right: 6px;
             font-size: var(--font-size_l);
             color: white;
         }

         #status2 img {
             display: flex;
             align-self: center;
             width: 22px;
             height: 22px;
         }

         #tut2 {
             overflow-y: scroll;
             max-height: 200px;
             border: 2px solid #f1f5f9;
         }

         #file {
             display: flex;
             justify-content: space-between;
             max-width: 360px;
             margin: 0 auto;
         }

         #file .cell .text {
             color: white;
         }

         #file .cell {
             flex: 1 0 auto;
         }

         #file .images {
             cursor: pointer;
             background: white;
             -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
             border-radius: 4px;
         }

         .file-item {
             display: grid;
             grid-template-columns: 1fr 54px;
             grid-template-rows: auto;
             cursor: pointer;
             align-items: center;
             margin-top: 2px;
         }

         #tut2 .file-item:nth-child(even) {
             background-color: #ffffff;
         }

         #tut2 .file-item:nth-child(odd) {
             background-color: #f1f5f9;
         }

         .cell:hover {
             background-color: #7752FE;
         }

         .text {
             transition-property: all;
             -webkit-transition-property: all;
             -moz-transition-property: all;
             -o-transition-property: all;
             transition-duration: 0.5s;
             -webkit-transition-duration: 0.5s;
             -moz-transition-duration: 0.5s;
             -o-transition-duration: 0.5s;
             transition-delay: 0s;
             -webkit-transition-delay: 0s;
             -moz-transition-delay: 0s;
             -o-transition-delay: 0s
         }

         .cell:hover .text {
             color: #fff;
         }

         .cell {
             position: relative;
             text-align: center;
             cursor: pointer;
             transition-property: all;
             -webkit-transition-property: all;
             -moz-transition-property: all;
             -o-transition-property: all;
             transition-duration: 0.5s;
             -webkit-transition-duration: 0.5s;
             -moz-transition-duration: 0.5s;
             -o-transition-duration: 0.5s;
             transition-delay: 0s;
             -webkit-transition-delay: 0s;
             -moz-transition-delay: 0s;
             -o-transition-delay: 0s;
         }

         .cell-file {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             align-items: center;

         }

         .cell-file div:nth-child(2) {
             flex: 1 0 auto;
             text-align: left;
             margin-left: 8px;
         }

         .images,
         .cell-file .images {
             position: relative;
             padding: 23px;
         }

         .images img,
         .cell img {
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             object-fit: scale-down;
         }

         .cell-file .text {
             color: var(--main-button-font);
             margin-left: 4px;
             margin-right: 4px;
             font-size: var(--font-size_l);
             line-height: 16px;
             min-width: 50px;
             text-align: center;
         }

         .container-menu-btn {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             padding-top: 16px;
             justify-content: space-between;
         }

         .col {
             margin-left: 3px;
             font-style: normal;
             font-weight: bold;
             color: yellow;
         }

         .col:after {
             content: ")"
         }

         .col:before {
             content: "("
         }

         .green {
             color: green;
         }

         /*=============================================================*/

         .message {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-wrap: wrap;
             margin-bottom: 16px;
             box-sizing: border-box;
             border: 1px solid rgba(2, 148, 202, .8);
             border-radius: 4px;
             -moz-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.5);
             -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.5);
             box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.5);
             transition: box-shadow .3s ease-in;
             -o-transition: box-shadow .3s ease-in;
             -webkit-transition: box-shadow .3s ease-in;
             -moz-transition: box-shadow .3s ease-in;
             color: #555555;
             background-color: white;
         }

         .message-warp {
             margin: 6px;
         }

         .message-warp span {
             font-weight: bold;
         }

         .message:hover {
             -moz-box-shadow: 0 0 18px var(--main-hov-color);
             -webkit-box-shadow: 0 0 18px var(--main-hov-color);
             box-shadow: 0 0 18px var(--main-hov-color);
         }

         .message a {
             text-decoration: none;
             color: var(--main-button-font);
         }

         .message-address {
             flex-basis: 100%;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: space-between;
             margin-right: 10px;
             margin-left: 10px;
         }

         .message-conent {
             flex-basis: 100%;
             text-align: left;
             margin-bottom: 0px;
             margin-left: 10px;
         }

         .message-conent p {
             overflow-wrap: break-word;
         }

         .message-file {
             flex-basis: 100%;
             margin-bottom: 8px;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: row-reverse;
             flex-wrap: wrap;
         }

         .message-file i {
             display: block;
             font-size: var(--font-size_l);
             line-height: 1rem;
             margin-right: 10px;
             color: var(--main-hov-color);
         }

         .message-status_img {
             width: 100%;
             border-top: 2px solid #f1f5f9;
             padding-right: 10px;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: flex-end;
         }

         .message-label {
             width: 100%;
             border-top: 2px solid #f1f5f9;
             padding-right: 10px;
             padding-top: 6px;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: space-between;
         }

         .icon-in {
             background-repeat: no-repeat, no-repeat, repeat-x;
             background-image: url(/wp-content/themes/railway/img/email-outline.svg);
         }

         .icon-out {
             color: forestgreen;
             background-repeat: no-repeat, no-repeat, repeat-x;
             background-image: url(/wp-content/themes/railway/img/email-filled.svg);
         }

         /*=============================================================*/

         .info-body {
             width: 100%;
             height: auto;
             margin: 0 auto;
             box-sizing: border-box;
             padding-bottom: 16px;
             background: white;
             padding: 10px;
         }

         .info-body h2,
         .info-body h1 {
             text-align: center;
             /*             padding: 20px;*/
         }

         .info-body h1 span {
             color: green;
         }

         .info-body h2 i {
             font-style: normal;
             color: var(--main-fon-color);
         }

         .info_date {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: flex-end;
             line-height: 0.8rem;
         }

         .info-row {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: column;
         }

         .info-row_file {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             gap: 4px;
             flex-direction: row;
             padding-top: 8px;
         }

         .info-label_zmist {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             font-weight: bold;
         }

         .info-label {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             gap: 4px;
             align-items: center;
             font-weight: bold;
             font-size: var(--font-size_n);
             flex-direction: row;
             justify-content: space-between;
         }

         .info-label img {
             opacity: 70%
         }

         .info-label i {
             font-style: normal;
         }

         .info-med {
             background: var(--main-fon-color);
             color: #fff;
             padding: 0 4px 0 4px;
         }

         .info-row .info-med {
             text-align: end;
             background: none;
         }

         .info-row .info-med i {
             background: var(--main-fon-color);
             padding: 2px 4px 2px 4px;
         }

         .info-department {
             font-style: normal;
             font-weight: bold;
             margin-bottom: 6px
         }

         .info-content {
             align-self: center;
         }

         .info-content ul {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
             gap: 4px;
         }

         .info-content a,
         .info-content li {
             font-size: var(--font-size_m);
             text-transform: lowercase;
         }

         .info-content p {
             margin: 0;
         }

         .response {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             align-items: center;
             margin-top: 16px;
         }

         .response-content {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: column;
             align-items: center;
         }

         .response-content span {
             font-weight: bold;
         }

         .response-answer {
             margin-top: 16px;
         }

         .response-date {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: space-between;
             font-size: var(--font-size_l);
         }

         .response-status {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: space-around;
             gap: 1rem;
             font-size: var(--font-size_m);
         }

         /*=============================================================*/

         .button_wrap {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: row;
             column-gap: 8px;
             justify-content: space-between;
             margin: 0 auto;
             padding-top: 16px;
         }

         .button_wrap .button {
             cursor: pointer;
         }

         .table {
             width: 100%;
             background: var(--main-fon-color);
             padding-bottom: 20px;
         }

         .table .row:nth-child(even) {
             background-color: #ffffff;
         }

         .table .row:nth-child(odd) {
             background-color: #f6fcff;
         }

         .row {
             margin-top: 16px;
             /*             padding: 10px;*/
             box-sizing: border-box;
             border-radius: 4px;
             border: 1px solid rgba(2, 148, 202, .8);
             background: var(--main-bg-white);
             -moz-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.5);
             -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.5);
             box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.5);
             transition: box-shadow .3s ease-in;
             -o-transition: box-shadow .3s ease-in;
             -webkit-transition: box-shadow .3s ease-in;
             -moz-transition: box-shadow .3s ease-in;
             color: #555555;
         }

         .row span {
             font-size: var(--font-size_n);
         }

         .row span:nth-child(2),
         .row_day span:nth-child(3),
         .row span:first-child {
             font-weight: bold;
             font-size: var(--font-size_n);

         }

         .row:hover {
             -moz-box-shadow: 0 0 18px var(--main-hov-color);
             -webkit-box-shadow: 0 0 18px var(--main-hov-color);
             box-shadow: 0 0 18px var(--main-hov-color);
         }

         .row_ {
             display: grid;
             grid-template-columns: 30% 70%;
             font-size: var(--font-size_n);
         }

         .row_day span:nth-child(2) {
             font-weight: normal;
             font-size: var(--font-size_n);
         }

         .row_checkbox {
             display: grid;
             grid-template: 1fr / 30% 1fr 10%;
             align-items: center;
         }

         .row_day {
             display: grid;
             grid-template: 1fr / 30% 2fr 20% 10%;
             align-items: center;
             font-size: var(--font-size_m);
         }

         .row_day span:nth-child(4),
         .row_day span:nth-child(2) {
             line-height: 1rem;
             font-size: var(--font-size_l);
         }

         .row_ab {
             display: grid;
             grid-template: 1fr/ 30% 1fr;
         }

         .row_ab span {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             align-items: center;
         }

         .row_ab img {
             opacity: 70%;
             width: 10%;
             height: auto;
         }

         .item3 {
             grid-column-start: 2;
             grid-column-end: 3;
             font-size: var(--font-size_m);
         }

         .row_image {
             display: grid;
             grid-template-columns: 1fr 1fr 1fr;
         }

         .row_image_:hover {
             opacity: 100%;
         }

         .row_image_ {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             padding: 0px 0px 0px 0px;
             margin: 4px;
             border-radius: 4px;
             background: var(--main-bg-white);
             -moz-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.1);
             -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.1);
             box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0.1);
             opacity: 70%;
             transition: all 0.5s ease 0s;
             -o-transition: all 0.5s ease 0s;
             -webkit-transition: all 0.5s ease 0s;
             -moz-transition: all 0.5s ease 0s;
             cursor: pointer;
         }

         .row_image_ a img,
         .row_image_ img {
             display: block;
             width: 36px;
             height: auto;
         }

         .title-grid {
             display: grid;
             grid-template: 1fr / 70% 1fr 1fr;
             align-items: center;
             justify-items: flex-end;
         }

         /* ========================================================*/

         .abonentinfo {
             display: grid;
             grid-template-columns: auto auto auto;
             grid-gap: 4px;
         }

         .abonentinfo i {
             font-weight: bold;
             font-size: var(--font-size_m);
         }

         .row_ab .abonentinfo {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             align-items: center;
         }

         .abonentinfo img {
             width: 100%;
             height: 100%;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;

         }

         .row_status {
             display: grid;
             grid-template: 1fr / 30% auto auto;
             border-bottom: 1px solid #f1f5f9;
         }

         .row_cat {
             display: grid;
             grid-template: 1fr / 1fr;
             align-items: center;
             line-height: 1.2rem;
             font-size: var(--font-size_m);
             border-bottom: 1px solid #f1f5f9;
             margin-bottom: 8px;
             margin-top: 8px;
         }

         .row_coment {
             display: grid;
             grid-template: 1fr / auto auto;
             font-size: var(--font-size_m);
             line-height: 0.9rem;
             justify-items: center;
         }

         .row_coment span {
             font-size: var(--font-size_m);
             font-weight: bold;
         }

         .row_coment div {
             grid-column-start: 1;
             grid-column-end: 2;
         }

         .row_edit {
             display: grid;
             grid-template: 1fr / 35% auto;
             align-items: center;
             justify-content: space-between;
         }

         .row_edit span:nth-child(2) {
             font-size: var(--font-size_n);
             line-height: 0.8rem;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             justify-items: center;
             justify-self: center;
         }

         /* ========================================================*/

         .abonent_anketa {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             flex-direction: column;
         }

         .rows {
             display: grid;
             grid-template: 1fr/ 48px 1fr;
         }

         .rows img:first-child {
             opacity: 70%;
             margin-top: 3px;
         }

         .row .rows a,
         .row .rows span:nth-child(2) {
             font-weight: bold;
             font-size: var(--font-size_m);
         }

         .red span:first-child {
             background-repeat: no-repeat, no-repeat, repeat-x;
             background-image: url(/wp-content/themes/railway/img/link_off.svg);
             opacity: 70%;
         }

         .red span i:last-child {
             color: red;
             margin-left: 4px;
             font-style: normal;
         }

         .green span:first-child {
             background-repeat: no-repeat, no-repeat, repeat-x;
             background-image: url(/wp-content/themes/railway/img/link.svg);
             opacity: 70%;
         }

         .green span i:last-child {
             color: green;
             margin-left: 4px;
             font-style: normal;
         }

         .abonent_sys {
             display: grid;
             grid-template: 1fr 1fr/ 30% 1fr;
             align-items: center;
             justify-content: space-between;
         }

         .abonent_sys span:nth-child(3) {
             font-weight: bold;
             font-size: var(--font-size_n);
         }

         .abonent_sys img {
             justify-content: space-between;
             opacity: 70%;
         }

         .abonent_sys span:nth-child(6) {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: flex-start;
             gap: 4px;
         }

         .table .row {
             padding: 10px;
         }

         /* ========================================================*/

         .table_nav {
             margin-bottom: 16px;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             align-items: center;
         }

         TABLE.TPAGESELECT_OUTER_TABLE {
             width: 48px;
             height: auto;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: space-between;
         }

         TD.TPAGESELECT_TABLE_LEFT {
             width: 100px;
             text-align: center;
             font-size: 14px;
             font-weight: normal;
             background-position: left;
             background-repeat: no-repeat;
             background-image: none;
         }

         TD.TPAGESELECT_TABLE_RIGHT {
             width: 100px;
             text-align: center;
             font-size: 14px;
             font-weight: normal;
             background-position: right;
             background-repeat: no-repeat;
             background-image: none;
         }

         TD.TPAGESELECT_TABLE_CENTER {
             flex-grow: 1;
             text-align: center;
         }

         TABLE.TPAGESELECT_INNER_TABLE {
             width: 100%;
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: space-between;
         }

         TD.TPAGESELECT_PAGES_BACK {
             height: 100%;
             display: flex;
             align-items: center;
         }

         TABLE.TPAGESELECT_PAGES_TABLE {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-flex-wrap: nowrap;
             -moz-flex-wrap: nowrap;
             -ms-flex-wrap: nowrap;
             -o-flex-wrap: nowrap;
             flex-wrap: nowrap;
             gap: 10px;
         }

         TD.TPAGESELECT_PAGE {
             width: 48px;
             height: 100%;
             text-align: center;
             font-size: 14px;
             font-weight: normal;
         }

         A.TPAGESELECT_PAGE:link,
         A.TPAGESELECT_PAGE:active,
         A.TPAGESELECT_PAGE:visited {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             align-items: center;
             background-color: transparent;
             text-decoration: none;
             cursor: pointer;
         }

         A.TPAGESELECT_PAGE:hover {
             display: -webkit-box;
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             justify-content: center;
             align-items: center;
             text-decoration: none;
             cursor: pointer;
         }

         DIV.TPAGESELECT_PAGE {
             width: 48px;
             height: 100%;
             transition: all 0.5s ease 0s;
             -o-transition: all 0.5s ease 0s;
             -webkit-transition: all 0.5s ease 0s;
             -moz-transition: all 0.5s ease 0s;
             cursor: pointer;
             color: var(--main-bg-white);
             background-color: var(--main-fon-hover-color);
         }

         DIV.TPAGESELECT_PAGE:hover {
             width: 48px;
             height: 100%;
             color: #f1ff00;
             background-color: var(--main-fon-hover-color);
         }

         TD.TPAGESELECT_SELECTED {
             width: 48px;
             height: auto;
             text-align: center;
             font-size: 14px;
             font-weight: bold;
             color: var(--main-bg-white);
             background-color: var(--main-fon-hover-color);
             border: 1px solid white;
         }

         TD.TPAGESELECT_BUTTON_B,
         TD.TPAGESELECT_BUTTON_F,
         TD.TPAGESELECT_BUTTON_BB,
         TD.TPAGESELECT_BUTTON_FF {
             width: 48px;
             height: auto;
             background-position: center;
             background-repeat: no-repeat;
             transition: all 0.5s ease 0s;
             -o-transition: all 0.5s ease 0s;
             -webkit-transition: all 0.5s ease 0s;
             -moz-transition: all 0.5s ease 0s;
             opacity: 70%;
             cursor: pointer;
             background-color: var(--main-fon-hover-color);
         }

         TD.TPAGESELECT_BUTTON_B:hover,
         TD.TPAGESELECT_BUTTON_F:hover,
         TD.TPAGESELECT_BUTTON_BB:hover,
         TD.TPAGESELECT_BUTTON_FF:hover {
             opacity: 100%;
             color: var(--main-bg-white);
             cursor: pointer;
         }

         TD.TPAGESELECT_BUTTON_B {
             background-image: url(/wp-content/themes/railway/img/arrow_back.svg);
         }

         TD.TPAGESELECT_BUTTON_B:hover {
             background-image: url(/wp-content/themes/railway/img/arrow_back_hover.svg);
         }

         TD.TPAGESELECT_BUTTON_F {
             background-image: url(/wp-content/themes/railway/img/arrow_forward.svg);
         }

         TD.TPAGESELECT_BUTTON_F:hover {
             background-image: url(/wp-content/themes/railway/img/arrow_forward_hover.svg);
         }

         TD.TPAGESELECT_BUTTON_BB {
             background-image: url(/wp-content/themes/railway/img/first_page.svg);
         }

         TD.TPAGESELECT_BUTTON_BB:hover {
             background-image: url(/wp-content/themes/railway/img/first_page_hover.svg)
         }

         TD.TPAGESELECT_BUTTON_FF {
             background-image: url(/wp-content/themes/railway/img/last_page.svg);
         }

         TD.TPAGESELECT_BUTTON_FF:hover {
             background-image: url(/wp-content/themes/railway/img/last_page_hover.svg);
         }

         /* ========================================================*/

         .header_wrap {
             display: grid;
             grid-column-gap: 2.5rem;
             grid-template: 1fr auto/ auto 1fr;
             grid-template-areas: "logo title""menu-wrapper menu-wrapper";
         }

         .header-title {
             max-width: 900px;
         }

         .wrapper {
             display: grid;
             grid-gap: 1rem;
             grid-template-rows: 318.16px minmax(465px, 1fr) auto;
             background: var(--main-fon-color);
             transition: all 0.5s ease 0s;
             -o-transition: all 0.5s ease 0s;
             -webkit-transition: all 0.5s ease 0s;
             -moz-transition: all 0.5s ease 0s;
         }

         .footer_wrap {
             padding-top: 2rem;
             padding-bottom: 1rem;
             display: block;
             height: 100%;
             height: 100%;
             -ms-flex-pack: center;
             -webkit-justify-content: center;
             -moz-justify-content: center;
             justify-content: center;
             justify-items: center;
         }

         .recourse {
             font-family: Arial, sans-serif;
             margin: 0;
             padding: 0;
             background: #fff;
         }

         .containers {
             max-width: 800px;
             margin: 20px auto;
             padding: 20px;
             background-color: #fff;
             border-radius: 8px;
             /*           box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
         }

         .recourse_head,
         .recourse_footer {
             padding: 10px 0;
             margin-bottom: 10px;
         }

         .recourse_body {
             padding: 10px 0;
             margin-bottom: 20px;
             border-bottom: 2px solid #000;
             border-top: 2px solid #000;
         }

         .recourse h1 i,
         .recourse h1 {
             color: #000;
             text-align: center;
             font-size: 24px;
             margin-bottom: 10px;
             margin-left: 4px;
         }

         .recourse i {
             font-style: normal;
             margin-right: 5px;
             font-size: 0.876rem;
         }

         .recourse p {
             margin: 10px 0;
             line-height: 1.6;
         }

         .recourse u {
             margin: 0 10px 0 0;
             font-size: 0.876rem;
         }

         .recourse strong {
             font-size: 0.876rem;
         }

         .icon-77 {
             background-image: url(/wp-content/themes/railway/img/waiting-room.png);
             width: 48px;
             height: 48px;
         }

         .icon-77::after {
             content: "";
         }

         .tabl table {
             width: 100%;
             border-collapse: collapse;
             margin-bottom: 20px;
         }

         .tabl th,
         .tabl td {
             padding: 12px 15px;
             text-align: left;
             border-bottom: 1px solid #ddd;
         }

         .tabl th {
             background-color: #0535ba;
             color: white;
         }

         .tabl tr:nth-child(even) {
             background-color: #f2f2f2;
         }

         .tabl tr:nth-child(odd) {
             background-color: #e9f5e9;
         }

         .data-value {
             font-weight: bold;
             color: #000;
         }

         .dropdown {
             display: inline-block;
             margin-left: 10px;
         }

         .tabl select {
             padding: 5px;
             font-size: 1em;
         }

         @media (max-width: 1199.98px) {
             .wrapper {
                 grid-template-rows: 256.16px 1fr auto;
             }
         }

         @media (max-width: 990.98px) {
             .wrapper {
                 grid-template-rows: 207.16px minmax(465px, 1fr) auto;
             }

             @media all and (max-width: 767.98px) {
                 .login-form-title {
                     font-size: 1.2rem;
                 }

                 .login-form-title h2 {
                     margin-top: 0px;
                 }

                 .wrapper {
                     grid-template-rows: auto minmax(365px, 1fr) auto;
                 }

                 .header_wrap {
                     display: grid;
                     grid-template: 100px/87px 1fr 64px;
                     grid-template-areas: "logo title menu-burger""menu-wrapper menu-wrapper menu-wrapper";
                     justify-items: center;
                     -webkit-align-items: center;
                 }

                 .header-burger i {
                     position: absolute;
                     top: 24px;
                     left: 14px;
                     color: yellow;
                     font-size: 12px;
                 }

                 .header-burger {
                     position: relative;
                     background-image: url(/wp-content/themes/railway/img/user_w.svg);
                 }

                 .header-burger:before {
                     height: 0px;
                 }

                 .header-burger:after {
                     content: '';
                     background-color: var(--main-bg-white);
                     position: absolute;
                     width: 97%;
                     height: 0px;
                     left: 0px;
                     transition: all 0.5s ease 0s;
                 }

                 .header-burger:before {
                     top: 0;
                 }

                 .header-burger:after {
                     bottom: 0;
                 }

                 .header-burger span {
                     height: 0px;
                 }

                 .header-burger.active:after {
                     transform: rotate(0deg);
                     background-color: var(--main-bg-white);
                     bottom: 0px;
                     width: 13px;
                     left: 18px;
                 }

                 .header-burger.active:before {
                     transform: rotate(0deg);
                     background-color: var(--main-bg-white);
                     top: 0px;
                 }

                 .header-burger.active i {
                     color: yellow;
                 }

                 .header-burger.active {
                     background-image: url(/wp-content/themes/railway/img/user_w.svg);
                 }

                 .has-numbers {
                     background-image: url(/wp-content/themes/railway/img/user_y.svg);
                 }

                 .has-numbers.active {
                     background-image: url(/wp-content/themes/railway/img/user_y.svg);
                 }

                 .info-label {
                     flex-direction: column;
                     justify-content: space-between;
                 }


                 .tabl th,
                 .tabl td {
                     display: block;
                     width: 100%;
                     box-sizing: border-box;
                 }

                 .tabl tr {
                     margin-bottom: 10px;
                     display: block;
                     border-bottom: 0;
                 }

                 .tabl th {
                     background-color: transparent;
                     color: #444;
                     border-bottom: 1px solid #ddd;
                     display: block;
                 }
             }

             @media all and (max-width: 576px) {}

             @media all and (max-width: 379px) {}

             @media all and (max-width: 359px) {}

             .message-label {
                 width: 100%;
                 border-top: 2px solid #f1f5f9;
                 padding-right: 10px;
                 padding-top: 6px;
                 display: -webkit-box;
                 display: -webkit-flex;
                 display: -moz-box;
                 display: -ms-flexbox;
                 display: flex;
                 justify-content: space-between;
             }

             .message-label a i {
                 color: var(--main-fon-color);
                 font-weight: bold;
                 font-style: normal;

             }