/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */

 @import 'materialize-css/dist/css/materialize';

body {
    background-color: #F7F8FA;
    color: black;

}

div.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger-bid {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.alert-danger-prestrah {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.alert-success {
    color: #009688;
    background-color: #e0f2f1;
    border-color: #00695c;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success-bid {
  color: #009688;
  background-color: #e0f2f1;
  border-color: #00695c;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.alert-info {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.alert-info-rst {
  color: black;
  background-color: #f2f2f2;;
  border-color: #f2f2f2;;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

table th {
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #546e7a !important;
    color: white;
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
}

table th .nocurrent {
    color: #4db6ac !important
}

table th .current {
    padding-right: 12px;
    background-repeat: no-repeat;
    background-position: right center;
    color: white;
}

.add_button {
    position: fixed;
    /*left: 80%;*/
    z-index: 3;
    top: 140px;
}

.add_button_front {
    position: fixed;
    left: 80%;
    z-index: 900;
    top: 80px;
}

.digg_pagination {
    /* background: white;*/
    cursor: default;
    /* self-clearing method: */
}

.digg_pagination a,
.digg_pagination span,
.digg_pagination em {
    padding: 0.2em 0.5em;
    display: block;
    float: left;
    margin-right: 1px;
}

.digg_pagination .disabled {
    color: #999999;
    border: 1px solid #dddddd;
}

.digg_pagination .current {
    font-style: normal;
    font-weight: bold;
    background: #546e7a !important;
    color: white;
    border: 1px solid #546e7a !important;
}

.digg_pagination a {
    text-decoration: none;
    color: #546e7a !important;
    border: 1px solid #546e7a;
}

.digg_pagination a:hover,
.digg_pagination a:focus {
    color: #000033;
    border-color: #000033;
}

.digg_pagination .page_info {

    color: #546e7a !important;

    width: 22em;
    margin-bottom: 0.3em;
    text-align: left;
}

.digg_pagination .page_info b {
    color: #000033;
    background: #6aa6ed;
    padding: 0.1em 0.25em;
}

.digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .digg_pagination {
    height: 1%;
}

*:first-child+html .digg_pagination {
    overflow: hidden;
}

a {
    color: #009688;
}

.image_preview {
    display: inline-block;
    width: 130px;
    height: 124px;
    margin: 5px;
    vertical-align: bottom;
    padding: 2px;
    text-align: center;
    border: 1px solid #E8E8E8;
    position: relative;
}

.image_preview_comment {
  display: inline-block;

  margin: 5px;
  vertical-align: bottom;
  padding: 2px;
  text-align: center;
  border: 1px solid #E8E8E8;
  position: relative;
}

.image_preview:hover {
  opacity: 0.7;
}

.image_preview_comment:hover {
  opacity: 0.7;
}

div.f_preview {
    border: 1px dashed #CCC;
    background-color: #FDFDFD;
    border-radius: 6px;
    width: 300px;
    height: 100px;
    pointer-events: none;
    color: grey;
    text-align: center;
}

input.file_input {
    position: absolute;
    width: 300px;
    height: 100px;
    opacity: 0;
}

.list_images {
    overflow: hidden;
    margin-top: 0;
}

.list_images li {
    float: left;
}

div.comment-form {
    border: 1px dashed #CCC;

    border-radius: 6px;
}

.new-comment-container {
    margin-top: 30px;
}

.lds-ring {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid rgb(143, 139, 139);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: rgb(138, 132, 132) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.delete-upload-button {
    position: absolute;
    right: 0px;
    color: #9e9e9e;
}

.upload-attachment {
    position: relative;
}


.Row {
    display: table;
    /*width: 100%; /*Optional*/
    table-layout: fixed;
    /*Optional*/
    border-spacing: 4px;
    /*Optional*/
}

.Column {
    display: table-cell;
}

#order_state {
    display: inline-flex;
    align-items: center;
}

.order_state {
    display: inline-flex;
    align-items: center;
}

.attachment-link {
    display: inline-flex;
    align-items: center;
}

.print-upload-button {
    position: absolute;
    right: 76%;
    color: #009688;
    top: -120px;
}

.print-upload-button_big {
    position: absolute;
    right: 50%;
    color: #009688;
    top: -140px;
}

.act-upload-button {
  position: absolute;
  right: 76%;
  color: #009688;
  top: -15px;
}

.act-upload-button_big {
  position: absolute;
  right: 50%;
  color: #009688;
  top: -35px;
}
.error,
.alert,
.notice,
.success,
.info {
    padding: 0.8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

.success {
    background: #e6efc2;
    color: #264409;
    border-color: #c6d880;
}

#modal-search {
    position: absolute;
    top: 15%;
    right: 25px;
    z-index: 1000;
    width: 600px;
    height: 500px;
    overflow: auto;
    padding: 0 20px 20px;
    border: 1px solid #ddd;
    color: black;
    background: #f2f2f2;
}

.close-button {
    cursor: pointer;
    text-decoration: underline;
    position: absolute;
    top: 3px;
    right: 6px;
}

.order-thumb{
    max-height: 120px;
    width: 120px;
    float: left;
    text-align: center;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
}


.order-thumb-new{
  height: 120px;
  width: 120px;
  float: left;
  text-align: center;
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
}

.icons-center{
    display: inline-flex;
    align-items: center;
}

.logs-collection{
    height:500px; overflow-y: scroll;
}

.add_estimates{
    float: right;
}

.remove-button{
    padding: 10px;
    display: block;
    border-radius: 2px;
    border: 1px solid #f44336;
    font-family: "Arial";
    margin: 0 10px;
    
    font-size: 15px;
    line-height: 15px;
    color: white;
    width: auto;
    height: auto;
    box-sizing: content-box;
    text-align: center;
}

.add-button{
    /*padding: 10px;
    display: block;
    /*border-radius: 2px;
    border: 1px solid #009688;
    font-family: "Arial";
    margin: 0 10px;
    font-size: 15px;
    line-height: 15px;
    color: white;
    width: auto;
    height: auto;
    box-sizing: content-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;*/
}

#image_view {
    position: absolute;
    width: 600px;
    left: 1%;
    z-index: 1000;
    background-color: #F7F8FA
}

.hide-image-view{
  position: fixed;
  top: 20%;
  z-index: 1001;
  cursor: pointer;
}

.hide-rightInfo-view{
  position: fixed;
  top: 20%;
  z-index: 1001;
  cursor: pointer;
  left: 95%
}

.hide-image-view-catalog{
  position: fixed;
  top: 10%;
  z-index: 1001;
  cursor: pointer;
  color: #9575cd ;
  left: 95%
}

.image_preview_estimate {
    display: inline-block;
    width: 550px;
    height: 570px;
    margin: 5px;
    vertical-align: bottom;
    padding: 2px;
    text-align: center;
    border: 1px solid #E8E8E8;
    position: relative;
}

.scan-upload-button {
    right: 4%;
    color: #2196f3;
    z-index: 1;
    display: inline-flex;
    align-items: center;
}

.right_info {
    position: fixed;
    z-index: 101;
    left: 82%;
    width: 267px;
    top: 30%;
}
#cars_list{
    position: absolute;
    z-index: 1001;
    background-color: white;
    width: 1200px;
    left: -97%;
}

#pre_div {
  margin-left: -74px;
  font-size: 18px;
}

table.spec tr:hover {
    background-color: #ffff99;
  }

  #modal_audatex {
    width:360px;
    color: white;
    padding:8px;
    background:rgba(0,0,0,0.8);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    margin-top:-94px !important;
    margin-left:-180px !important;
    z-index:101;
    display: none;
   }

   .order-thumb-search{
    max-height: 120px;
    float: left;
    text-align: center;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
}

.table_calc td{
  padding: 3px 3px;
}

.table_calc_bottom td{
  padding: 3px 3px;
  text-align: right;
}

.table_calc {
  border-collapse: inherit;
}

.table_calc_bottom {
  border-collapse: inherit;
}

.table_calc_bottom th {
  padding-top: 11px;
  padding-bottom: 11px;
  background-color: #546e7a !important;
  color: white;
  border: 1px solid #ddd;
  text-align: left;
  padding: 8px;
}

.vetal_table td{
    padding: 0px 0px;
    border: 1px solid black;
    text-align: center;
}
.vetal_table th td {
    border: 1px solid black;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
  }
  .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgb(8, 8, 8);
    margin: -4px 0 0 -4px;
  }
  .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
  }
  .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
  }
  .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
  }
  .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
  }
  .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
  }
  .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
  }
  .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
  }
  .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
  }
  @keyframes lds-roller {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
.lifeb {
    margin-right: 5px;
}

a:hover{
    text-decoration: underline;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
  }
  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
  }

  .last_comment{
    background-color: wheat;
    
    border-radius: 9px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
  }
  /* Блок новостей*/

 .front_news .main-header {
     display: none;
 }

 .front_news .side-xs-right {
     width: 16%;
     margin-bottom: 7px;
     
 }
 .front_news .row {
    float: left;
    margin-right: 15px;
 }

 .front_news .entry-title, .no-margin, .list-thumbs__title {
    font-size: 24px;
 }

 .front_news .btn-default {
    display: none;
 }

 .front_news .pagination, .newsblocks__top, .post-media-comments {
    display: none;
 }

 .front_news .post-media{
    position: relative;
    float: left;
    width: 400px;
    height: 300px;
 }

 .front_news .post-body .post-content {
    padding: 20px 20px 0 20px;
    border: 1px solid #e2e2e2;
    height: 300px;
    position: relative;
    overflow: hidden;
 }

 .front_news .post-media-category{
    float: left;
    background-color: rgba(139, 195, 74, 0.65);
    padding: 12px;
 }

 .front_news .post-media-bottom{
    position: absolute;
    bottom: 0;
    width: inherit;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.39);
    border-bottom: 1px solid #e2e2e2;
 }

 .front_news .post-media-bottom a{
    color: white;
 }

 .front_news .post {
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
    z-index: 98;
}

.front_news .list-thumbs {
    overflow: hidden;
    margin: 30px 0 0;
    clear: both;
}

.list-thumbs__item {
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
}

  /* конец Блок новостей*/

  .blink_me {
    animation: blinker 1s linear infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  .check_table td, th{
      padding: 5px 0px 5px;
  }

  .table_summ_res td, th{
    padding: 5px 0px 5px;
}

  .check_table tr{
      border-bottom: 1px solid;
  }

  .table_summ_res tr{
    border-bottom: 0px solid;
}
  .ml10 {
    position: relative;
    font-weight: 500;
    font-size: 1em;
    color: #009688;
  }
  
  .ml10 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
  }
  
  .ml10 .letter {
    display: inline-block;
    line-height: 1em;
    transform-origin: 0 0;
  }

  #estimate_basic_form .select-wrapper + label {
      top: 0px;
  }

  div.div_f {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    margin-left: 69px;
  }
  div.div_f_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    margin-left: 69px;
    background-color: red;
  }
  
  div.div_fl {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
  }
  div.div_fl_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    background-color: red;
  }
  
  div.div_ff {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 38px;
    margin-top: 27px;
  }
  div.div_ff_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 38px;
    margin-top: 27px;
    background-color: red;
  }
  
  div.div_fr {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 39px;
    margin-top: 15px;
  }
  div.div_fr_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 39px;
    margin-top: 15px;
    background-color: red;
  }
  
  div.div_dfl {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 20px;
  }
  div.div_dfl_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 20px;
    background-color: red;
  }
  
  div.div_t {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 39px;
    margin-top: 34px;
  }
  div.div_t_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 39px;
    margin-top: 34px;
    background-color: red;
  }
  
  div.div_pr {
    width: 10px;
    height: 63px;
  }
  
  div.div_dfr {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 36px;
  }
  div.div_dfr_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 36px;
    background-color: red;
  }
  
  div.div_drl {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 21px;
    margin-top: -13px;
  }
  div.div_drl_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 21px;
    margin-top: -13px;
    background-color: red;
  }
  
  div.div_drr {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 116px;
    margin-top: -13px;
  }
  div.div_drr_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 116px;
    margin-top: -13px;
    background-color: red;
  }
  
  div.div_rl {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 21px;
    margin-top: -13px;
  }
  div.div_rl_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 21px;
    margin-top: -13px;
    background-color: red;
  }
  
  div.div_rt {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 70px;
    margin-top: -37px;
  }
  div.div_rt_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 70px;
    margin-top: -37px;
    background-color: red;
  }
  
  div.div_rr {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 116px;
    margin-top: -13px;
  }
  div.div_rr_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 116px;
    margin-top: -13px;
    background-color: red;
  }
  
  div.div_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid white;
    float: left;
    margin-left: 70px;
    margin-top: -69px;
  }
  div.div_r_r {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    border: 5px solid red;
    float: left;
    margin-left: 70px;
    margin-top: -69px;
    background-color: red;
  }
  
  div.main_shema_nil{
    width: 150px; 
    height: 215px; 
    background-image: url(/assets/schema_empty.png);
    background-size: 150px; 
    border: 5px solid white;
  }
  div.main_shema_1{
    width: 150px; 
    height: 215px; 
    background-image: url(/assets/schema_empty.png); 
    background-size: 150px; 
    border: 5px solid green;
  }
  div.main_shema_2{
    width: 150px; 
    height: 215px; 
    background-image: url(/assets/schema_empty.png); 
    background-size: 150px; 
    border: 5px solid yellow;
  }
  div.main_shema_3{
    width: 150px; 
    height: 215px; 
    background-image: url(/assets/schema_empty.png); 
    background-size: 150px; 
    border: 5px solid red;
  }

  .pidpis {
    position: relative;
  }

  #defectsList td{
    text-align: justify;
    vertical-align: middle;
  }
  
  #defectsList {
    border-spacing: 0px;
    border-collapse: separate;
    border: 1px solid black;
  }
  
  #defectsList tr {
    background-color: #E0E0E0;
  }
  
  #defectsList tr:nth-child(even) {
    background-color: #F1F1F1;
  }

  #similar_photo {
    cursor: pointer;
  }

  .pop_m {
    width: 30%;
    display:inline-block;
    margin:10px 0;
    border-radius:5px;   
  }

  .b-width{
    width:400px;
  }

  div.vyhidniy { text-align: center; border: 1px solid silver; width: 30%; }

  span.bold_under { font-weight: bold; text-decoration: underline; }
  span.bold_little { font-weight: bold; font-size: 8pt; }
  .little { font-size: 8pt; padding-left: 20px;}
  table.opys th { font-weight: normal;  width: 20%; }
  table.opys th, table.opys td { padding: 2px 2px; }
  li p { text-indent: 25px; }
  p.sub_small sub { font-size: smaller; }
  a.creator-link.doer-link { font-size: smaller; color: black;}
  div.section.content { padding: 50px 50px;font-family:'Times new roman';font-size:12pt; }
  td.ocinuvach { padding-left: 100px; height: 300px; vertical-align: middle; }
  td.ocinuvach-name { text-align: right; padding-right: 100px; vertical-align: middle; }
  div#agst_div ol li p{margin-bottom: -5px;}

  div#orders_checks{
    font-size: 12px;
  }

  #table-check tr:nth-child(even){background-color: #f2f2f2;}
  
  #table-check tr:hover {background-color: #ddd;}

  #cars_list_table{ background-color: aliceblue; cursor: pointer;}
 
  #cars_list_table tr:nth-child(even){background-color: #f2f2f2;}
  
  #cars_list_table tr:hover {background-color: #ddd;}

  .invalid-feedback{
    color: red;
  }

  .dropzone .dz-preview .dz-progress .dz-upload {
    
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;

    transition: width 300ms ease-in-out
  }

  .upload-attachment-pdf{
    margin: 5px;
    display: inline-block;
    /*border: 3px solid #ef9a9a;
    border-radius: 10px;*/
    width: 130px;
    height: 117px;
    text-align: center;
    
  }

  .prew-basic:hover{
    opacity: 0.4;
  }

  .prew-basic {
    position: relative;
  }

  .prew-title {
   width: 130px;
  }

  .word-link{
    font-weight: bold;
  }
  
  .upload-attachment-word{
    margin: 5px;
    display: inline-block;
    width: 130px;
    height: 120px;
    text-align: center;
  }
 
  .b-width-1 {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    height: auto;
  }

  p {
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
  }

  ol{
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
  }
  
  ul{
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
  }

  .rst-price-car{
    color: red;   
  }
  #our-calc{
    text-transform: uppercase;
    padding: 0; 
    border: 0; 
    font: normal 1.4rem Courier New,Courier,monospace; 
    margin: 5rem auto;
  }

  .hr-dashed {
    margin: 20px 0;
    padding: 0;
    height: 0;
    border: none;
    border-top: 2px dashed #ddd;
  }

  .hr-dotted {
    margin: 20px 0;
    padding: 0;
    height: 0;
    border: none;
    border-top: 2px dotted #ddd;
  }

  .quote {
    margin: 0;
    background: #eee;
    padding: 1em;
    border-radius: 1em;
  }
  .quote figcaption,
  .quote blockquote {
    margin: 1em;
  }

  #logs-view{
    position: absolute;
    width:550px;
    left: 110%;
    background-color: white;
    top: 0%;
    padding: 10px;
  }

  .b-article__title{
    padding-top: 0.5rem;
    font-size: 1.5rem;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    padding: 1rem 1rem 0;
    display: block;
  }

  .b-label{
    box-sizing: border-box;
    padding-top: 1rem;
    font-size: .75rem;
    line-height: 16px;
    background: none;
    color: var(--primary);
    flex: 0 0 18px;
    align-items: center;
    display: flex;
    font-weight: 700;
    height: auto;
    letter-spacing: 1px;
    padding: 1rem 1rem 0;
    text-transform: uppercase;
  }

  .b-article__img img{
    width: 100%
  }

  .b-article__footer {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin: 1rem 0 0.75rem;
    padding: 0 16px;
    clear: both;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 2rem;
    justify-content: flex-start;
    -webkit-user-select: none;
    user-select: none;
  }

  .b-article__btns {
    align-content: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
  }
 
  svg {
    /*left: 0;*/
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
   /* width: 100%;*/
    transition-property: fill;
    transition-duration: .3s;
    margin: 0;
    padding: 0;
    border: 0;
}

svg g {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 0;
}

svg g .fp {
    fill: #fff;
    fill-rule: evenodd;
    stroke: #131313;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1;
}

svg g .xer80 {
    stroke-width: 2;
}

a.link-component{
  float:none;
  display:inline-block;
  height:16px;
  line-height:16px;
  vertical-align:middle;
  margin:0
}

svg g .xer {
    stroke: #aaa!important;
    stroke-width: 1;
}

svg g .p {
    fill: none;
    stroke: #131313;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1;
}

svg g .xer80:hover {
  fill: #0854c5;
  stroke-width: 5;
  stroke: #0854c5!important;
}

.text-path{
  display: block;
  font-size: 100%;
  transform:rotateY(180deg);
  transform:rotateX(180deg);
  font-size: 25px;
}

#client_sign {
  position: fixed;
  background-color: lightgrey;
  left: 50%;
  z-index: 5001;
  margin-left: -350px;
  top: 0px;
}

#signer-fio::placeholder {
  color: #9e9e9e ;
}

#orders_table_main tr:nth-child(even){background-color: #f2f2f2;}
#orders_table_main tr:hover {background-color: #ddd;}

.card.horizontal {background-color: #FCFFF5;}

.waves-button-input {cursor: pointer;}

#part-source-url{text-align: left; font-size: 12px;}

.pidpis-b{left:53%;}

[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}
[data-title]:after {
  content: attr(data-title);
  background-color: #eceff1;
  color: #111;
  font-size: 120%;
  position: absolute;
  padding: 5px 15px 10px 15px;
  bottom: -1.6em;
  left: 100%;

  box-shadow: 1px 1px 3px #222222;
  opacity: 0;
  border-radius: 2px;
  z-index: 99999;
  visibility: hidden;
}
[data-title] {
  position: relative;
}

input[type=file]::file-selector-button {
  border: 2px solid #9e9e9e;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #9e9e9e;
}

.page-two {
  font-size: 8px;
}

@-webkit-keyframes invalid {
  from { background-color: #ef9a9a; }
  to { background-color: inherit; }
}
@-moz-keyframes invalid {
  from { background-color: #ef9a9a; }
  to { background-color: inherit; }
}
@-o-keyframes invalid {
  from { background-color: #ef9a9a; }
  to { background-color: inherit; }
}
@keyframes invalid {
  from { background-color: #ef9a9a; }
  to { background-color: inherit; }
}
.invalid {
  -webkit-animation: invalid 1s infinite; /* Safari 4+ */
  -moz-animation:    invalid 1s infinite; /* Fx 5+ */
  -o-animation:      invalid 1s infinite; /* Opera 12+ */
  animation:         invalid 1s infinite; /* IE 10+ */
  animation-iteration-count: 3;
}

/* Для больших экранов (десктоп) */
.label-form-agent, .tooltipped {
  font-size: 12px; /* Стандартный размер */
}

/* Для планшетов (максимум 1024px) */
@media screen and (max-width: 1024px) {
  .label-form-agent, .tooltipped {
    font-size: 7px;
  }
}

/* Для мобильных экранов (максимум 768px) */
@media screen and (max-width: 768px) {
  .label-form-agent, .tooltipped {
    font-size: 7px; /* Уменьшенный размер */
  }
}

/* Для очень маленьких экранов (максимум 480px) */
@media screen and (max-width: 480px) {
  .label-form-agent, .tooltipped {
    font-size: 7px; /* Еще меньше для мобильных */
  }
}

hr {
  border: none; /* Убираем стандартную линию */
  border-top: 2px solid #009688; /* Устанавливаем цвет и толщину */
  margin-top: 20px;
  margin-bottom: 20px;
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
  text-align: center;
}

.custom-table th {
  background-color: #7986cb !important;
  color: white;
  padding: 5px;
}

.custom-table td {
  padding: 5px;
  border: 1px solid #ddd;
}

/* Подсветка столбцов при наведении */
.custom-table tbody tr td:hover {
  background-color: rgba(121, 134, 203, 0.2);
}

.custom-table tbody tr td:hover ~ td {
  background-color: rgba(121, 134, 203, 0.2);
}

.highlight-bg {
  background-color: #001970;
}

.watermark {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  color: rgba(200, 200, 200, 0.3);
  font-weight: bold;
  text-transform: uppercase;
  z-index: 1000;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
}
/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete {
  position: relative;
}
.easy-autocomplete input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: #555;
  float: none;
  padding: 6px 12px;
}
.easy-autocomplete input:hover, .easy-autocomplete input:focus {
  box-shadow: none;
}
.easy-autocomplete a {
  display: block;
}
.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}
.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}
.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41DB00;
}
.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}
.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}
.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}
.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}
.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}
.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}
.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}
.easy-autocomplete.eac-dark {
  color: #fff;
}
.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-dark ul {
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass {
  color: #fff;
}
.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0;
}
.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}
.easy-autocomplete.eac-blue {
  color: #fff;
}
.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
  border-color: #5A91CB;
  box-shadow: 0;
}
.easy-autocomplete.eac-blue ul {
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}
.easy-autocomplete.eac-yellow {
  color: #333;
}
.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}
.easy-autocomplete.eac-purple {
  color: #333;
}
.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-purple ul {
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}
.easy-autocomplete.eac-bootstrap input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 6px 12px;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #ccc;
  border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 12px;
}
.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}
.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}
.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}
.easy-autocomplete-container ul li b {
  font-weight: bold;
}
.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}
.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

/*# sourceMappingURL=easy-autocomplete.css.map */