.az-content-dashboard-four {
    width: 100% !important;
}

.az-content {
    width: 100%;
}

/*login page start*/
.login_page {
    display: flex;
    flex-direction: column;
}

.login_contact {
    text-align: center;
    font-size: 14px;
    color: #000;
}

.login_contact p {
    margin: 10px 0 0 0;
    font-size: 15px;
}

.login_contact a {
    font-size: 16px;
    font-weight: bold;
    margin-top: 1em;
    display: block;
    opacity: .8;
    color: #000;
}
.btn-modal__reestr {
    background-color: #3bb001ba!important;
}

.login_contact a span {
    font-size: 25px;
}

.contact_email {
    padding: 1em 0 0 0;
    border-top: 1px solid #888;
    letter-spacing: 0.5px;
}

.contact_number p span {
    padding-right: 1em;
    font-size: 16px;
    font-weight: bold;
}

.contact_number p span:last-child {
    padding-right: 0;
}

/*login page end*/

.tr-new {
    cursor: pointer;
}

.nav-item a {
    font-weight: 400;
}

.select-editable {position:relative; background-color:white; border:solid grey 1px;  width:120px; height:18px;}
.select-editable select {position:absolute; top:0px; left:0px; font-size:14px; border:none; width:120px; margin:0;}
.select-editable input {position:absolute; top:0px; left:0px; width:100px; padding:1px; font-size:12px; border:none;}
.select-editable select:focus, .select-editable input:focus {outline:none;}

/* width */
::-webkit-scrollbar {

element.style {
}

.nav-tabs .nav-link.active {
    background-color: #fff;
    color: #212229;
    font-weight: 600
    /* letter-spacing: -.1px; */
}

.nav-tabs .nav-link.active
width:

10
px

;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.wrapper {
    background: url(../img/fon.jpg) center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper.form-success .container h1 {
    transform: translateY(85px);
}

.container {
    max-width: 600px;
    margin: 0 auto;
    padding: 80px 0;
    height: 400px;
    text-align: center;
}

.container h1 {
    font-size: 40px;
    transition-duration: 1s;
    transition-timing-function: ease-in-put;
    font-weight: 200;
}

.bg-bubbles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0px;
}

.bg-bubbles li {
    position: absolute;
    list-style: none;
    display: block;
    width: 40px;
    height: 40px;
    background-color: unset !important;
    bottom: -160px;
    -webkit-animation: square 25s infinite;
    animation: square 25s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

li img {
    width: 100%;
    height: 100%;
}

.bg-bubbles li {
    user-select: none;
    pointer-events: none;
}


.bg-bubbles li:nth-child(1) {
    left: 10%;
}

.bg-bubbles li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    animation-delay: 2s;
    animation-duration: 17s;
}

.bg-bubbles li:nth-child(3) {
    left: 25%;
    animation-delay: 4s;
}

.bg-bubbles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-duration: 22s;
    background-color: rgba(255, 255, 255, 0.25);
}

.bg-bubbles li:nth-child(5) {
    left: 70%;
}

.bg-bubbles li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    animation-delay: 3s;
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-bubbles li:nth-child(7) {
    left: 32%;
    width: 160px;
    height: 160px;
    animation-delay: 7s;
}

.bg-bubbles li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    animation-delay: 15s;
    animation-duration: 40s;
}

.bg-bubbles li:nth-child(9) {
    left: 25%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 40s;
    background-color: rgba(255, 255, 255, 0.3);
}

.bg-bubbles li:nth-child(10) {
    left: 90%;
    width: 160px;
    height: 160px;
    animation-delay: 11s;
}

@-webkit-keyframes square {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-1200px) rotate(600deg);
    }
}

@keyframes square {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-1200px) rotate(600deg);
    }
}


.az-card-signin {
    position: relative !important;
    z-index: 10 !important;
    border-radius: 7px;
    height: 450px;
}

.fa-check-square {
    color: rgb(47, 168, 22) !important;
    font-size: 16px;
}

.fa-minus-square {
    color: rgb(231, 78, 78) !important;
    font-size: 16px;
}

.reesrt-zakaz-icon {
    text-align: center;
    font-size: 16px;
}

.table th,
.table td {
    padding: 9px !important;
}

#reesrt-zakaz-icon-edit > a > img {
    color: #948b70 !important;
    width: 16px;
}

#reesrt-zakaz-icon-print > a > img {
    color: #2f7726 !important;
    width: 16px;
}


#reesrt-zakaz-icon-delete > a > img {
    color: #a75b62 !important;
    width: 16px;
}

#print-analiz-result > i {
    position: relative;
    right: -8px;

}

#reesrt-zakaz-icon-edit,
#reesrt-zakaz-icon-print {
    width: 40px;
}

#reesrt-zakaz-icon-edit,
#reesrt-zakaz-icon-print {
    width: 40px;
}

td {
    vertical-align: middle !important;
}

th {
    color: black !important;

}

#container_registration {
    padding: 0px 20px 20px;
}

.container-fluid {
    position: absolute;
    bottom: 0;
    max-height: 60px;
}

.az-content-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 5em;
}


#zakazy_table_reestr {
    height: calc(100vh - 470px);
    overflow: auto;
    margin-right: 15px;
}

html {
    overflow: overlay;
}

.az-footer {
    display: none;
}

.analysis_ready {
    background-color: #80bfffc7 !important;
    color: #000080 !important;
}

.analysis_notready {
    background-color: #cc000066 !important;
    color: #800000 !important;
}


.active-tr {
    background-color: #ffc266 !important;
    color: #cc0000 !important;
}


.main-print-result {
    height: 100%;
    display: flex;
}

.left-print-result {
    width: 300px;
    margin-right: 10px;
}

.right-print-result {
    width: 70%;
    margin-right: 10px;
}

.print-az-card-signin {
    width: 100% !important;
    height: 300px !important;
}

.print-wrapper {
    height: 100vh;
    background-attachment: fixed !important;
    position: unset !important;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.print-form-control {
    color: #212229;
    font-weight: 500;
    border-width: 1px !important;
    border-color: #dee2e6;
    border-radius: 7px !important;
}

.swal2-icon.swal2-info {
    border-color: #f64f59 !important;
    color: #f64f59 !important;
}

.swal2-title {
    font-size: 1.3em !important;
}

.info-print {
    text-align: initial;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
}

.info-print p {
    margin: 0px;
}


/*new-menu-list-main (new_graph.hbs)*/
.main_menu_list {
    font-weight: normal;
}

.hierarchy-menu {
    background-color: #fff;
    color: #fff;
}

.hierarchy-menu a {
    color: #fff;
    text-decoration: none;
}

.hierarchy-menu.width-350 {
    width: 350px;
}

/* List */
.hierarchy-menu ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    position: relative;
}

.hierarchy-menu ul ul:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 27px;
    left: 6px;
    border-left: 0px dashed #d4d4d4;
}

.hierarchy-menu > ul {
    padding: 15px 0 10px 25px;
}

.hierarchy-menu > ul ul {
    padding-left: 16px;
}

/* List items */
.hierarchy-menu ul li {
    display: block;
    position: relative;
}

.hierarchy-menu > ul ul li:before {
    content: '';
    display: block;
    height: 0px;
    width: 20px;
    border-bottom: 2px solid #e9ecef;
    position: absolute;
    left: -10px;
    top: 16px;
}

.hierarchy-menu > ul ul li:after {
    content: '';
    display: block;
    height: 43px;
    width: 0;
    border-left: 2px solid #e9ecef;
    position: absolute;
    left: -10px;
    top: -27px;
}

.hierarchy-menu > ul ul li.group-lvl:before {
    width: 7px;
}

.hierarchy-menu > ul ul li:first-child:after {
    height: 28px;
    top: -12px;
}

/* Links */
.hierarchy-menu ul a {
    display: block;
    padding: 6px 18px;
    height: auto;
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    transition: 100ms;
}

.hierarchy-menu ul a:hover {
    color: rgba(255, 255, 255, 1);
}

.hierarchy-menu ul a.active {
    color: #212229;
}

.hierarchy-menu ul a > svg {
    fill: currentColor;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 6px;
}

.hierarchy-menu li.sub-nav > a:before {
    position: absolute;
    left: 4px;
    top: 12px;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #ced4da;
    border-right: 2px solid #ced4da;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: 0.5s;
}

.hierarchy-menu li.sub-nav.open > a:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.5s;
}

.hierarchy-menu li.sub-nav.open > a {
    color: #6610f2;
    font-weight: 600;
}

.hierarchy-menu li.sub-nav > ul {
    display: none;
    margin-top: -5px;
}

.hierarchy-menu li.sub-nav.open > ul {
    display: block;
}

.hierarchy-menu li.sub-nav.open > ul {
    display: block;
}


/*new-menu-list-main (new_graph.hbs)*/


/*таблица с инпутами добавление цифр (new_graph.hbs)*/

.box_input {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}

.box_input input {
    width: 25%;
}


.box_input input {
    /*width: 100%;*/
    border: 1px solid #ced4da;
    margin-left: 2px;
    margin-right: 2px;
    height: 35px;
    text-align: center;
}

.box_input input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.add_box_input {
    margin-bottom: 10px;
}

.th_title {
    text-align: center;
}


.add_button {
    margin-bottom: 10px;
    margin-top: 10px;
}

.title_input {
    display: flex;
}

.title_input p {
    width: 100%;
    margin: 0;
    text-align: center;
}

.name_reagent {
    padding-right: 10px !important;
    padding-left: 0px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.name_reagent div > input {
    width: 100%;
    border: 1px solid #ced4da;
    margin-left: 2px;
    margin-right: 2px;
    height: 35px;
}

.name_reagent div > input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.name_reagent div {
    width: 30%;
}


.name_reagent div > p {
    margin-bottom: 0px;
    margin-top: 10px;
}


/*таблица с инпутами добавление цифр (new_graph.hbs)*/

.highcharts-figure,
.highcharts-data-table table {
    min-width: 100%;
    max-width: 100%;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-credits {
    display: none !important;
}

.highcharts-exporting-group {
    display: none !important;
}


#table_info_show {
    width: 100%;
}

#table_info_show tr {
    text-align: center;
}


/*таблица с инпутами добавление цифр (new_graph.hbs)*/


/*search analysis input*/

.tabCont4_search {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

#inputSearchAnalysis {
    border: 1px solid #ced4da;
    width: 100%;
    padding-left: 10px;
}

#inputSearchAnalysis:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}


/*search analysis input*/


/*reports */

.box-report {
    margin-left: 0px;
    margin-right: 0px;
}

.ion-calendar {
    font-style: initial;
}

.exports {
    display: flex;
    justify-content: flex-end;
}

.exports button {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.exports button img {
    width: 20px;
    margin-right: 5px;
}

.exports button svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.flex_wrap {
    flex-wrap: wrap;
}

.checkbox-dropdown {
    border: 1px solid #ced4da !important;
}

.checkbox-dropdown-list li label:hover {
    background-color: #e9ecef !important;
    color: #434343;
}

.checkbox-dropdown-list li label {
    display: flex;
    justify-content: start;
    position: relative;
    height: auto;
}


/* Hide the browser's default checkbox */
.container_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container_label:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_label input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container_label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container_label .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmarkspan {
    position: absolute;
    left: 40px;
    right: 0;
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}


/* Hide the browser's default checkbox ====================*/
.container_label_sub input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark_sub {
    position: relative;
    top: 0;
    left: 10px;
    height: 20px;
    width: 20px;
    background-color: #dcdcdc;
}

/* On mouse-over, add a grey background color */
.container_label_sub:hover input ~ .checkmark_sub {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_label_sub input:checked ~ .checkmark_sub {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_sub:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container_label_sub input:checked ~ .checkmark_sub:after {
    display: block;
}

/* Style the checkmark/indicator */
.container_label_sub .checkmark_sub:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmarkspan_sub {
    position: relative;
    left: 40px;
    right: 0;
    top: 0px;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 70%;
}

.container_label_sub {
    display: flex;
    align-items: center;
}

/*reports */

.btn-result svg {
    font-size: large;
}

.btn-result {
    padding: 5px;
}

.td_result {
    display: flex;
    flex-direction: row-reverse;
}


.az-content-body {
    overflow: overlay;
}

.row-sticky {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #f8f9fa;
    margin-top: 20px;
    margin-left: 20px;
}

.az-content-header-scroll {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8f9fa;
}

.az-sidebar-body {
    overflow: overlay;
}

#container_reestr {
    padding-left: 5px;
}

#container_logistic {
    padding: 0px 20px 20px;
}

#container_result {
    padding: 0px 20px 20px;
}

#zakazy_table_reestr {
    margin-right: 0px !important;
}

#container_report_1 {
    padding: 0px 20px 20px;
}

#container_report_3 {
    padding: 0px 20px 20px;
}

.az-content-dashboard-four {
    padding: 0px -1px 0px !important;
}

.az-content-label {
    font-size: 11px !important;
}

.card-header-sticky {
    position: sticky;
    top: 0px;
    z-index: 1;
}

.media-aside-sticky {
    position: sticky;
    top: 0px;
}

.submenu::after {
    display: none !important;
}

@media (min-width: 1200px) {
    .az-content-dashboard-four > .media-dashboard > .media-body {
        padding: 0 0px 0 0 !important;
    }
}

/*preloade*/

.show_pre {
    display: block !important;
}

/*======================================================LOADER==========================================================*/

@-webkit-keyframes pulse {
    to {
        transform: scale(0.4);
    }
}

@keyframes pulse {
    to {
        transform: scale(0.4);
    }
}

.preloader-1 {
    /*   overflow: hidden;*/
    position: fixed;
    background-color: #f4f8fe61;
    /*  left: 0;
      top: 0;*/
    background-size: cover;
    right: 0;
    bottom: 0;
    z-index: 100000;
    opacity: 1;
    left: 0;
    top: 30%;
    margin: 0 auto;
    background: #f1f1f1;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    padding: 50px;
    -webkit-animation: pulse 0.7s alternate infinite ease-in-out;
    animation: pulse 0.7s alternate infinite ease-in-out;
    transform: scale(0.3);
}

.preloader-box {
    position: absolute;
    background: #ffffff78;
    width: 100%;
    height: 100%;
    /* z-index: 100000; */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 999999999;
}

/*.preloader-2 {
    margin: 120px auto 0;
  }

  .tit {
    color: #2d80ff;
    margin: 5px 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.5vw;
    opacity: 0;
    letter-spacing: 2px;
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 0;
    right: 0;
  }*/

/*  .tit2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }*/

/*.preloader-1 .line {
    width: 2px;
    height: 12px;
    background: #2d80ff;
    margin: 0 5px;
    display: inline-block;
    animation: opacity-1 1000ms infinite ease-in-out;
  }

  .preloader-2 .line {
    width: 1px;
    height: 12px;
    background: #fff;
    margin: 0 1px;
    display: inline-block;
    animation: opacity-2 1000ms infinite ease-in-out;
  }

  .preloader-1 .line-1, .preloader-2 .line-1 { animation-delay: 800ms; }
  .preloader-1 .line-2, .preloader-2 .line-2 { animation-delay: 600ms; }
  .preloader-1 .line-3, .preloader-2 .line-3 { animation-delay: 400ms; }
  .preloader-1 .line-4, .preloader-2 .line-4 { animation-delay: 200ms; }
  .preloader-1 .line-6, .preloader-2 .line-6 { animation-delay: 200ms; }
  .preloader-1 .line-7, .preloader-2 .line-7 { animation-delay: 400ms; }
  .preloader-1 .line-8, .preloader-2 .line-8 { animation-delay: 600ms; }
  .preloader-1 .line-9, .preloader-2 .line-9 { animation-delay: 800ms; }

  @keyframes opacity-1 {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes opacity-2 {
    0% {
      opacity: 1;
      height: 15px;
    }
    50% {
      opacity: 0;
      height: 12px;
    }
    100% {
      opacity: 1;
      height: 15px;
    }
  }*/


#what {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 90px 90px 32px 32px;
    border-color: #ffac34 #ff8c35 transparent transparent;
    transform: rotate(-45deg);
    position: relative;
    z-index: 4;
    left: 60px;
    top: 10px;
}

#what:before {
    display: block;
    content: "";
    position: absolute;
    top: -48px;
    left: -16px;
    border-style: solid;
    border-width: 64px 64px 0 0;
    border-color: #ffac34 #ff8c35 transparent transparent;
}

#what:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: -18px;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e7ddce #fff5e5;
}

#does {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 29px 86px 86px;
    border-color: transparent #ffac34 transparent #ff8c35;
    position: absolute;
    top: 7px;
    left: 85px;
    transform: rotate(360deg);
}

#does:before {
    display: block;
    content: "";
    position: absolute;
    border-width: 58px 16px;
    border-style: solid;
    border-color: transparent #d6601f;
    width: 172px;
    top: -30px;
    left: -86px;
}

#does:after {
    display: block;
    content: "";
    position: absolute;
    border-width: 40px 12px 0;
    border-style: solid;
    border-color: #e7ddce transparent transparent;
    bottom: -122px;
    left: -64px;
    width: 120px;
}

#the {
    width: 0;
    height: 0;
    top: -14px;
    left: 68px;
    border-style: solid;
    border-width: 20px 48px 0;
    border-color: #e7ddce transparent transparent;
    position: relative;
}

#the:before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 46px 100px 0;
    border-color: transparent #ffac34 transparent transparent;
    left: -46px;
    top: -22px;
    z-index: -1;
}

#the:after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 100px 46px;
    border-color: transparent transparent transparent #d6601f;
    top: -22px;
    z-index: -1;
}

#fox {
    width: 120px;
    height: 104px;
    background: #ff8c35;
    position: absolute;
    z-index: -2;
    left: 60px;
    top: 116px;
    transform: rotate(-45deg);
    box-shadow: -15px 60px 0 -40px #d6601f;
}

#fox:before {
    display: block;
    content: "";
    position: absolute;
    border-width: 35px 30px 43px 0;
    border-style: solid;
    border-color: transparent #ff8c35 transparent transparent;
    height: 116px;
    width: 0;
    left: -30px;
    top: 0;
}

#fox:after {
    display: block;
    content: "";
    position: absolute;
    border-width: 0px 38px 116px 0px;
    border-style: solid;
    border-color: transparent transparent #ffac34 transparent;
    height: 0px;
    width: 0;
    left: 0px;
    top: 0px;
}

#say {
    height: 0;
    transform: rotate(-8deg);
    border-style: solid;
    border-color: #e7ddce transparent transparent transparent;
    width: 62px;
    top: 59px;
    left: 71px;
    border-width: 9px 10px 0 31px;
    position: relative;
}

#say:after {
    display: block;
    content: "";
    position: absolute;
    top: -32px;
    left: -30px;
    border-width: 0 30px 23px 30px;
    border-style: solid;
    border-color: #fff5e5 transparent;
}

.nav-sub-link > img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.az-sidebar-body .nav-sub {
    padding-left: 10px !important;
}

.img-new {
    width: 18px;
    height: 18px;
}

.qq {
    background-color: white;
    border: 1px solid #494c57;
    width: 20px;
    height: 20px;
    border-radius: 2px;
}

.fa-check {
    border: 1px solid #494c57;
    border-radius: 2px;
    padding: 3px 2px 0px 3px;
    color: #494c57;
    width: 20px;
    height: 20px;

}

.nav-sub-link > i {
    font-size: 17px;
    margin-right: 7px;
}

.table-hover > thead > tr > th > a > i {
    font-size: 17px;
    color: #494c57;
}

.doctor_agents > td > div > a > i {
    font-size: 17px;
    color: #494c57;
}

.medical_institution > td > div > a > i {
    font-size: 17px;
    color: #494c57;
}

.research_groups > td > div > a > i {
    font-size: 17px;
    color: #494c57;
}

.table-hover > tbody > tr > td > div > a > i {
    font-size: 17px;
    color: #494c57;
}

.sp_reagent > td > input {
    width: 20px;
}

.sp_reagent > td:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp_analiz > td > input {
    width: 20px;
}

.nav-link > i {
    font-size: 16px;
    margin-right: 5px;
}

.tr-new > td > a > i {
    font-size: 15px;
    color: #494c57;
}

.btn-success-add {
    padding: 5px;
}

/*Дерево пункт*/
.tree {
    margin: 1em;
}

.tree input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.tree input ~ ul {
    display: none;
}

.tree input:checked ~ ul {
    display: block;
}

/* ————————————————————–
Tree rows
*/
.tree li {
    line-height: 1.2;
    position: relative;
    padding: 0 0 1em 1em;
}

.tree ul li {
    padding: 1em 0 0 1em;
}

.tree > li:last-child {
    padding-bottom: 0;
}

/* ————————————————————–
Tree labels
*/
.tree_label {
    position: relative;
    display: inline-block;
    background: #fff;
}

label.tree_label {
    cursor: pointer;
}

label.tree_label:hover {
    color: #666;
}

/* ————————————————————–
Tree expanded icon
*/
label.tree_label:before {
    background: #0f9b0f00 !important;
    color: #0f9b0f !important;
    position: relative;
    z-index: 1;
    float: unset !important;
    margin: 0 1em 0 -2em;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    content: '\f055';
    font-family: 'Font Awesome 5 Pro';
    text-align: center;
    line-height: .9em;
}

:checked ~ label.tree_label:before {
    content: '–';
}

.tree_label_new {
    display: flex !important;
    right: 10px;
}

.tree_label_new i {
    margin-right: 4px;
}

.tree_label_new1 i {
    margin-right: 3px;
}

.active-p {
    color: #0f9b0f;
}

.punkt_name_0_span {
    font-weight: 600;
}

.nav-tabs .nav-link.active {
    color: #6f42c1 !important;
}

.list-group-item {
    padding: 5px 0px 5px 0px;
}

.input-group-prepend > .input-group-text {
    background-color: #e9ecef;
}


/* ————————————————————–
Tree branches
*/
.tree li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -.5em;
    display: block;
    width: 0;
    border-left: 1px solid #e9ecef !important;
    content: "";
    height: 150%;
}

.tree_label:after {
    position: absolute;
    top: 0;
    left: -1.5em;
    display: block;
    height: 0.5em;
    width: 1em;
    border-bottom: 1px solid #777;
    border-left: 1px solid #777;
    border-radius: 0 0 0 .3em;
    content: '';
    display: none !important;
}

label.tree_label:after {
    border-bottom: 0;
}

:checked ~ label.tree_label:after {
    border-radius: 0 .3em 0 0;
    border-top: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 0;
    border-left: 0;
    bottom: 0;
    top: 0.5em;
    height: auto;
}

.tree li:last-child:before {
    height: 100% !important;
    bottom: auto;
}

.tree > li:last-child:before {
    display: none;
}

.tree_custom {
    display: block;
    background: #eee;
    padding: 1em;
    border-radius: 0.3em;
}

.tree_label {
    margin-bottom: 0.2rem;
}


.punkt_name_0 {
    width: 100%;
    display: flex;
}

.tree_label_new {
    display: flex;
    align-items: center;
}

.settings-breadcrumb {
    flex-direction: column;
    align-items: end;
}

.sett-title h1 {
    font-size: 14px;
    color: black;
    font-weight: 600;
}

.container-responsive-settings {
    margin: 0px;
}


.dropdown-wrapper::before {
    display: none !important;
}


.az-content-breadcrumb span + span::before {
    opacity: 0;
}

.select2-container {
    width: 80% !important;
}


/* tree */
.listree-submenu-items {
    border: 0px !important;
}

.listree-submenu-items1, .listree-submenu-items2, .listree-submenu-items3 {
    border-left: 1px dashed #e9ecef !important;
    cursor: pointer;
}

.listree-submenu-items2 {
    text-align: left;
    padding-left: 10px !important;
}

.punkt_name_0 > label {
    display: flex;
    align-items: center;
}

.punkt_name_0 > label > span {
    display: block !important;
}

.listree-submenu-items3 li {
    margin-bottom: 5px;
}

.listree-submenu-items3 li > span > i {
    margin-right: 5px;
}

.listree-submenu-heading {
    position: relative;
    text-align: initial;
}

.listree-submenu-heading label,
.listree-submenu-heading label:before {
    padding-left: 10px;
}

.punkt_name_1 > label {
    padding-left: 10px;
}

.punkt_name_1::before {
    position: absolute;
    left: -6px;
    width: 100%;
}

.punkt_name_0::before {
    position: absolute;
    left: -50%;
    width: 100%;
}


/*logis tree*/


.punkt_logis_0 > label {
    display: flex;
    align-items: center;
}

.punkt_logis_0 > label > span {
    display: block !important;
}


.punkt_logis_1 > label {
    padding-left: 10px;
}

.punkt_logis_1::before {
    position: absolute;
    left: -6px;
    width: 100%;
}

.punkt_logis_0::before {
    position: absolute;
    left: -50%;
    width: 100%;
}

.punkt_logis_0 {
    width: 100%;
    display: flex;
    padding-left: 10px;
}

/*registration*/
.required:after {
    content: " *";
    color: red;
}

.required:focus:invalid {
    border: solid 2px #F5192F;
}

/*Доступы*/

#users_permissions_render_for_script0 > h4 {
    font-size: 15px;
    text-align: initial;
}

/*Доступы*/


#container_doctors_list {
    height: 50vh;
    overflow: overlay;
}

.research_groups > td > p {
    margin: 0px;
}

.research_package > td > p {
    margin: 0px;
}

.az-sidebar-body .nav-sub-link + .nav-sub-link {
    border-top: 0px dotted #ced4da !important;
}


.nav_user_per {
    position: absolute;
    left: 76% !important;
    z-index: 1;
    top: 20% !important;
}

/*reestr*/

.btn-modal__reestr {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
}

.search_code {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #ced4da;
}

.new-card-body-reestr {
    padding: 0 !important;
}

.btn-close {
    border: none;
    position: absolute;
    right: 10px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    background-color: transparent;
}

.btn-close:hover {
    opacity: 1;
}

.btn-close:before, .btn-close:after {
    position: absolute;
    left: 15px;
    top: 5px;
    content: ' ';
    height: 25px;
    width: 2px;
    background-color: #333;
}

.btn-close:before {
    transform: rotate(45deg);
}

.btn-close:after {
    transform: rotate(-45deg);
}

#permission_tab_2 > h3 {
    font-size: 16px;
}

.table_reestr_zakazov_1 thead {
    background-color: #ccc;
}

.table_reestr_zakazov_1 thead tr th {
    position: relative;
    text-align: center;
    font-size: 10px;
    padding-right: 15px !important;
    vertical-align: middle;
}

.table_reestr_zakazov_1 thead tr th:nth-child(-n+4):after {
    content: '';
    display: none;
}

.table_reestr_zakazov_1 thead tr th:after {
    content: '⇵';
    position: absolute;
    right: 5px;
    font-weight: normal;
    color: #00569a;

}

/*//=====*/

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    display: none !important;
}

.new_menu_submenu {
    width: 300px !important;
}

.bl-1 {
    width: 70%;
}

.bl-2 {
    width: 310px;
}

.bl-1-d {
    width: 70%;
}

.bl-2-d {
    width: 30%;
}

ul.listree-submenu-items {
    padding-left: 10px !important;
}

/*Маленькие девайсы до 576 пикселя Айфон 5/SE*/
@media (max-width: 576px) {
    .main-print-result {
        flex-direction: column;
    }

    .left-print-result {
        width: 100%;
        margin-right: 0px;
    }

    .right-print-result {
        width: 100%;
        margin-right: 0px;
    }

    .right-print-result #iframe {
        height: 500px !important;
    }

    .container-print-new {
        max-width: 100% !important;
    }

    .print-az-card-signin {
        width: 100% !important;
        height: 360px;
    }

    .az-content {
        width: 100% !important;
    }

}

.table th,
.table td {
    border: 1px solid #dee2e6 !important;
}


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


@media screen and (min-width: 576px) {
    @media screen and (max-width: 768px) {
        .main-print-result {
            flex-direction: column;
        }

        .left-print-result {
            width: 100%;
            margin-right: 0px;
        }

        .right-print-result {
            width: 100%;
            margin-right: 0px;
        }

        .right-print-result #iframe {
            height: 500px !important;
        }

        .container-print-new {
            max-width: 90% !important;
        }

        .print-az-card-signin {
            width: 100% !important;
            height: 360px;
        }

        .az-content {
            width: 100% !important;
        }
    }
}


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


@media screen and (min-width: 768px) {
    @media screen and (max-width: 992px) {

        .container-print-new {
            max-width: 90% !important;
            height: 96% !important;
        }

        .print-az-card-signin {
            width: 100% !important;
            height: 360px;
            padding: 15px 10px;
        }

        .right-print-result {
            width: 100%;
            margin-right: 0px;
        }

        .az-content {
            width: 100% !important;
        }

    }
}

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

@media screen and (min-width: 992px) {
    @media screen and (max-width: 1200px) {
    }
}

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

@media screen and (min-width: 1200px) {
    @media screen and (max-width: 1400px) {

    }
}

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

@media screen and (min-width: 1400px) {
    @media screen and (max-width: 1600px) {
        .bl-1 {
            width: 85%;
        }

        .bl-2 {
            width: 335px;
        }

        .bl-1-d {
            width: 70%;
        }

        .bl-2-d {
            width: 30%;
        }
    }
}

@media screen and (min-width: 1600px) {
    .bl-1 {
        width: 90%;
    }

    .bl-2 {
        width: 350px;
    }

    .bl-1-d {
        width: 75%;
    }

    .bl-2-d {
        width: 25%;
    }
}

#preload {
    margin-top: 17%;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 20px solid #e5e5e5;
    animation: 1.8 ss pre linear infinite;
}

#load {
    position: absolute;
    right: 45%;
    top: 25%;
}

@keyframes pre {
    0% {
        transform: rotate(0deg);
        border-top: 20px solid rgb(106, 60, 179);
    }

    100% {
        transform: rotate(360deg);
        border-top: 20px solid rgb(106, 60, 179);
    }
}

.with_sub_under {
    font-size: 13px;
    height: 13px;
}

/*logistic*/

.table thead {
    background-color: #ccc;
}