.form-signin input[type="phone"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-signin {
    max-width: 330px;
    padding: 15px;
}

.form-registration {
    max-width: 330px;
    padding: 15px;
}

.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  fill: currentcolor;
  transition: transform .25s ease-in-out;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.bi {
    width: 1em;
    height: 1em;
    fill: currentcolor;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: gray; 
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}

:root {
    --bs-success-rgb: 75, 191, 115;
        --bs-body-bg: #ffffff;
            --ct-border-width: 2px !important;
                --ct-border-style: dashed !important;
                    --ct-border-color: #dee2e6 !important;
    }
    .card-order-full{
    border:none;
    box-shadow: 0px 0px 15px #bbbbbb;
    }
    a{
            text-decoration: none !important;
    }
    .bd-placeholder-img {
           font-size: 1.125rem;
           text-anchor: middle;
           -webkit-user-select: none;
           -moz-user-select: none;
           user-select: none;
         }
   
         @media (min-width: 768px) {
           .bd-placeholder-img-lg {
             font-size: 3.5rem;
           }
           .order-group{
           min-width: 33%;
           text-decoration: none;
   }
         }
   
         .b-example-divider {
           height: 3rem;
           background-color: rgba(0, 0, 0, .1);
           border: solid rgba(0, 0, 0, .15);
           border-width: 1px 0;
           box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
         }
   
         .b-example-vr {
           flex-shrink: 0;
           width: 1.5rem;
           height: 100vh;
         }
   
         .bi {
           vertical-align: -.125em;
           fill: currentColor;
         }
   
         .nav-scroller {
           position: relative;
           z-index: 2;
           height: 2.75rem;
           overflow-y: hidden;
         }
   
         .nav-scroller .nav {
           display: flex;
           flex-wrap: nowrap;
           padding-bottom: 1rem;
           margin-top: -1px;
           overflow-x: auto;
           text-align: center;
           white-space: nowrap;
           -webkit-overflow-scrolling: touch;
         }
   

   
   .border-add {
       border: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color)!important;
   
   }
   
   .feather {
     width: 16px;
     height: 16px;
   }
   
   /*
    * Sidebar
    */
   
   .sidebar {
     position: fixed;
     top: 0;
     /* rtl:raw:
     right: 0;
     */
     bottom: 0;
     /* rtl:remove */
     left: 0;
     z-index: 100; /* Behind the navbar */
     padding: 48px 0 0; /* Height of navbar */
     box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
   }
   .arrow-none:after {
       display: none;
   }
   @media screen and  (min-width: 768px) {
    #info-block{
   display: none !important;
    }
   }
   
   
   
   @media screen and  (max-width: 767.98px) {
    #info-client{
   order:1;
    }
   
   .order-group{
   width: 100%;
   text-decoration: none;
   }
   
   .itemPopup
   {
       width:100%;
   }
   
   }
   
   .sidebar-sticky {
     height: calc(100vh - 48px);
     overflow-x: hidden;
     overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
   }
   
   .sidebar .nav-link {
     font-weight: 500;
     color: #fff;;
   }
   
   .sidebar .nav-link .feather {
     margin-right: 4px;
     color: #727272;
   }
   .sidebar .nav-link .bi {
       width: 16px;
       height: 16px;
     margin-right: 4px;
     color: #727272;
   }
   
   .sidebar .nav-link.active {
     color: #fff;
     background-color: #0d6efd;
     border-radius: 0.375rem;
   }
   
   .sidebar .nav-link:hover .feather,
   .sidebar .nav-link.active .feather {
     color: inherit;
   }
   
   .sidebar-heading {
     font-size: .75rem;
   }
   
   /*
    * Navbar
    */
   
   .navbar-brand {
     padding-top: .75rem;
     padding-bottom: .75rem;
     background-color: rgba(0, 0, 0, .25);
     box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
   }
   
   .navbar .navbar-toggler {
     top: .25rem;
     left: 5rem;
   }
   
   .navbar .form-control {
     padding: .75rem 1rem;
   }
   
   .form-control-dark {
     color: #fff;
     background-color: rgba(255, 255, 255, .1);
     border-color: rgba(255, 255, 255, .1);
   }
   
   .form-control-dark:focus {
     border-color: transparent;
     box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
   }
   
   .dropdown-toggle { outline: 0; }.dropdown-toggle { outline: 0; }
   
   .btn-toggle {
     padding: .25rem .5rem;
     font-weight: 600;
     color: rgba(0, 0, 0, .65);
     background-color: transparent;
   }
   .btn-toggle:hover,
   .btn-toggle:focus {
     color: rgba(0, 0, 0, .85);
     background-color: #d2f4ea;
   }
   
   .btn-toggle::before {
     width: 1.25em;
     line-height: 0;
     content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
     transition: transform .35s ease;
     transform-origin: .5em 50%;
   }
   
   .btn-toggle[aria-expanded="true"] {
     color: rgba(0, 0, 0, .85);
   }
   .btn-toggle[aria-expanded="true"]::before {
     transform: rotate(90deg);
   }
   
   .btn-toggle-nav a {
     padding: .1875rem .5rem;
     margin-top: .125rem;
     margin-left: 1.25rem;
   }
   .btn-toggle-nav a:hover,
   .btn-toggle-nav a:focus {
     background-color: #d2f4ea;
   }
   
   .scrollarea {
     overflow-y: auto;
   }
   
   .list1 {
       position: absolute !important;
   
   }
   
   .list-group.w-auto {
       /* border-color: rgba(0, 0, 0, 0.125) !important; */
       --bs-list-group-active-border-color: rgba(0,0,0,0.125);
   }
   
   .itemPopup {
       text-decoration: none !important;
   }
   
   
   
   .comments .comment_header {
   width: 100%;
       padding: 20px;
   }
   .comments .comment_header .total {
       color: #777777;
       font-size: 14px;
   }
   .comments .comment_header .write_comment_btn {
       margin: 0;
   }

   
   .comments .write_comment {
       display: none;
       padding: 20px 0 10px 0;
   }
   .comments .write_comment textarea {
       width: 100%;
       padding: 10px;
       border: 1px solid #ccc;
       border-radius: 15px;
       height: 150px;
       margin-top: -10px;
   }
   .comments .write_comment input {
       display: block;
       width: 250px;
       padding: 10px;
       border: 1px solid #ddd;
       border-radius: 5px;
       margin-top: 10px;
   }
   .comments .write_comment button {
       cursor: pointer;
   }
   .comments .comment {
        padding-top: 10px;
       text-align: left;
       margin-left: 20px;
       margin-right: 20px;
       font-size: 14px;
       color: #666;
   }
   .comments .comment .name {
       display: inline;
   
       padding: 0 5px 3px 0;
       margin: 0;
       font-size: 16px;
       color: #333;
   }
   .comments .comment .date {
       color: #ccc;
       font-size: 12px;
   }

   .comments .comment .reply_comment_btn {
       display: inline-block;
       text-decoration: none;
       margin-bottom: 10px;
       font-size: 14px;
       color: #91cc00;
   }
   .comments .comment .replies {
       padding-left: 30px;
   }
   

   @media (max-width: 991.98px) {
     .offcanvas-collapse {
       position: fixed;
       top: 56px; /* Height of navbar */
       bottom: 0;
       left: 100%;
       width: 100%;
       padding-right: 1rem;
       padding-left: 1rem;
       overflow-y: auto;
       visibility: hidden;
       background-color: #343a40;
       transition: transform .3s ease-in-out, visibility .3s ease-in-out;
     }
     .offcanvas-collapse.open {
       visibility: visible;
       transform: translateX(-100%);
     }
   }
   
   .nav-scroller .nav {
     color: rgba(255, 255, 255, .75);
   }
   
   .nav-scroller .nav-link {
     padding-top: .75rem;
     padding-bottom: .75rem;
     font-size: .875rem;
     color: #6c757d;
   }
   
   .nav-scroller .nav-link:hover {
     color: #007bff;
   }
   
   .nav-scroller .active {
     font-weight: 500;
     color: #343a40;
   }
   
   .bg-purple {
     background-color: #6f42c1;
   }
   
   .search_box {
       position: relative;
   }
   .search_box input[type="text"] {
       display: block;
       width: 100%;
       height: 35px;
       line-height: 35px;
       padding: 0;
       margin: 0;
       border: 1px solid #fd4836;
       outline: none;
       overflow: hidden;
       border-radius: 4px;
       background-color: rgb(255, 255, 255);
       text-indent: 15px;
       font-size: 14px;
       color: #222;
   }
   .search_box input[type="submit"] {
       display: inline-block;
       width: 17px;
       height: 17px;
       padding: 0;
       margin: 0;
       border: 0;
       outline: 0;
       overflow: hidden;
       text-indent: -999px;
       background: url(https://snipp.ru/demo/127/search.png) 0 0 no-repeat;
       position: absolute;
       top: 9px;
       right: 16px;
   }
   
   /* Стили для плашки с результатами */
   .search_result {
       position: absolute;
       top: 100%;
   
       left: 0;
       border: 1px solid #ddd;
       background: #fff;
       padding: 10px;
       z-index: 9999;
       box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
   }
   
   .col-center{
   float: none;
   margin: 0 auto;
   }
   
   .overlay {
       position: fixed;
       width: 100%;
       height: 100%;
       background: black;
       opacity: 0.5;
       z-index: 10050;
   }
   .sk-circle {
     width: 80px;
     height: 80px;
     position: absolute;
     z-index: 101;
     top: 50%;
     left:50%;
   }
   
   .sk-circle .sk-child {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
   }
   .sk-circle .sk-child:before {
     content: '';
     display: block;
     margin: 0 auto;
     width: 15%;
     height: 15%;
     background-color: #fff;
     border-radius: 100%;
     -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
             animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
   }
   .sk-circle .sk-circle2 {
     -webkit-transform: rotate(30deg);
         -ms-transform: rotate(30deg);
             transform: rotate(30deg); }
   .sk-circle .sk-circle3 {
     -webkit-transform: rotate(60deg);
         -ms-transform: rotate(60deg);
             transform: rotate(60deg); }
   .sk-circle .sk-circle4 {
     -webkit-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
             transform: rotate(90deg); }
   .sk-circle .sk-circle5 {
     -webkit-transform: rotate(120deg);
         -ms-transform: rotate(120deg);
             transform: rotate(120deg); }
   .sk-circle .sk-circle6 {
     -webkit-transform: rotate(150deg);
         -ms-transform: rotate(150deg);
             transform: rotate(150deg); }
   .sk-circle .sk-circle7 {
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg); }
   .sk-circle .sk-circle8 {
     -webkit-transform: rotate(210deg);
         -ms-transform: rotate(210deg);
             transform: rotate(210deg); }
   .sk-circle .sk-circle9 {
     -webkit-transform: rotate(240deg);
         -ms-transform: rotate(240deg);
             transform: rotate(240deg); }
   .sk-circle .sk-circle10 {
     -webkit-transform: rotate(270deg);
         -ms-transform: rotate(270deg);
             transform: rotate(270deg); }
   .sk-circle .sk-circle11 {
     -webkit-transform: rotate(300deg);
         -ms-transform: rotate(300deg);
             transform: rotate(300deg); }
   .sk-circle .sk-circle12 {
     -webkit-transform: rotate(330deg);
         -ms-transform: rotate(330deg);
             transform: rotate(330deg); }
   .sk-circle .sk-circle2:before {
     -webkit-animation-delay: -1.1s;
             animation-delay: -1.1s; }
   .sk-circle .sk-circle3:before {
     -webkit-animation-delay: -1s;
             animation-delay: -1s; }
   .sk-circle .sk-circle4:before {
     -webkit-animation-delay: -0.9s;
             animation-delay: -0.9s; }
   .sk-circle .sk-circle5:before {
     -webkit-animation-delay: -0.8s;
             animation-delay: -0.8s; }
   .sk-circle .sk-circle6:before {
     -webkit-animation-delay: -0.7s;
             animation-delay: -0.7s; }
   .sk-circle .sk-circle7:before {
     -webkit-animation-delay: -0.6s;
             animation-delay: -0.6s; }
   .sk-circle .sk-circle8:before {
     -webkit-animation-delay: -0.5s;
             animation-delay: -0.5s; }
   .sk-circle .sk-circle9:before {
     -webkit-animation-delay: -0.4s;
             animation-delay: -0.4s; }
   .sk-circle .sk-circle10:before {
     -webkit-animation-delay: -0.3s;
             animation-delay: -0.3s; }
   .sk-circle .sk-circle11:before {
     -webkit-animation-delay: -0.2s;
             animation-delay: -0.2s; }
   .sk-circle .sk-circle12:before {
     -webkit-animation-delay: -0.1s;
             animation-delay: -0.1s; }
   
   @-webkit-keyframes sk-circleBounceDelay {
     0%, 80%, 100% {
       -webkit-transform: scale(0);
               transform: scale(0);
     } 40% {
       -webkit-transform: scale(1);
               transform: scale(1);
     }
   }
   
   @keyframes sk-circleBounceDelay {
     0%, 80%, 100% {
       -webkit-transform: scale(0);
               transform: scale(0);
     } 40% {
       -webkit-transform: scale(1);
               transform: scale(1);
     }
   }
   
   
   .img-item {
       display: inline-block;
       margin: 0 20px 20px 0;
       position: relative;
       user-select: none;
   }
   .img-item img {
       border: 1px solid #767676;
   }
   .img-item a {
       display: inline-block;
       background: url(../style/img/remove.png) 0 0 no-repeat;
       position: absolute;
       top: -5px;
       right: -9px;
       width: 20px;
       height: 20px;
       cursor: pointer;
   }
   span.tox-statusbar__branding {
       display: none;
   }
   .select2-container--default .select2-selection--single {
    border-color:#dee2e6 !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background-color: #fafbfe;
}


   .select2-container--default:focus {
    border-color:#a0a0a0 !important;
   }

   .select2-container {
    z-index: 999999;
   }

   .block {
    display: none;
    margin: 10px;
    padding: 10px;
    border: 2px solid orange;
  }