body {
    overflow-x: hidden;
    overflow-y: scroll;
}

.btn.btn-outline-danger.CLOSE
{
    padding: 5px;
}



.row.modal-header .col-md-1
{
    padding:0px 5px;
}

.row.modal-header .col-md-1 .btn
{
    padding:0px;
}

.messenger
{
    height:300px;
    overflow:auto;
}

.btn.REDUCE , .btn.CLOSE
{
    padding: 0px;
    margin: 0px;
}


.messenger::-webkit-scrollbar {
    width: 6px;
}
.messenger::-webkit-scrollbar-track {
    background: transparent;
}
.messenger::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}
.messenger::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}


.message {
  border: 2px solid #dedede;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
  position: relative;
}

/* Аватар */
.message .avatar {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 20px;
}

/* Текст сообщения */
.message .content {
  white-space: pre-wrap;
  line-height: 1.6;
}

/* Временная метка */
.message .timestamp {
  color: #999;
  font-size: 12px;
  margin-top: -10px;
}
.timestamp.autor {
    text-align:right;
}
.timestamp.users {
    text-align:left;
}
/* Сообщения отправителя (справа) */
.message.autor .avatar {
  float: left;
  margin-right: 0;
  margin-left: 20px;
}
.message.autor
{
    background-color: blanchedalmond;  
}
.message.autor .content {
  /*background-color: #4CAF50;*/
  
  color: black;
  text-align:left;
}

/* Сообщения собеседника */
.message.users .avatar {
  float: right;
  margin-right: 20px;
  margin-left: 0;
}
.message.users
{
    background-color: darkseagreen;
}
.message.users .content {
  /*background-color: #FF9E73;*/
  color: black;
  text-align:right;
  
}





.container-fluid.text-center 
{
    padding-left:0px;
    padding-right:0px;
}
.form-control.filters
{
    float: left;
    color: red;
}
.Bottom
{
    padding-bottom:50px;
}

.btn a{
    text-decoration: none;
}
.CartBottom {
    min-width: 145px;
}
.btn-outline-danger a, .btn-outline-warning a, .btn-outline-light a{
    text-decoration: none;
    color: black;
}
.btn-outline-danger a:hover, .btn-outline-warning a:hover , .btn-outline-light a:hover{
    color: white;
    text-decoration: none;
}

.CleareInput
{
    position: absolute;
    margin-left: -22px;
    cursor:pointer;
    display:none;
}

.DelBtn
{
    margin-left: -10px;
    position: absolute;
    /*margin-top: -46px;*/
    border-radius: 17px;
    font-size: 9px;
    padding: 1px 5px;
    cursor: pointer;
    background-color: red;
    color: white;
    font-weight: 900;
}

.black_fon_message
{
top:0px;
display:none;
width:100%;
height:100%;
background-color:black;
opacity:0.3;
position:fixed;
z-index:990;
}

.navbar{
    padding-bottom: 0px;
    padding-top: 0px;
}
.autorisations
{
    border:1px solid darkgray;
    border-radius:5px;
    padding:15px;
}
.dropdown-menu 
{
    min-width: 10px;
    
}
.bs-dropdown-min-width
{
    bs-dropdown-min-width:2rem;
}
.navbar-brand {
font-size: 32px;
font-weight: 500;
text-transform: lowercase;
font-family: "Muli", sans-serif;
word-spacing: -6px;
-webkit-text-stroke: 0;
/*background-image: url("../img/colors/red/logo.png");*/
background-position: left center;
background-repeat: no-repeat;
/*padding-left: 60px;*/
color: #FFF;
}
.navbar-brand:hover {
    color:#000000;/*#FDD835;*/
}
.nav-link
{
    color:#FFFFFF;
}
.nav-link:hover
{
    color:#FDD835;
}



.bg-light
{
    background-color:#e51730!important;
}
.dropdown-item.active, .dropdown-item:active 
{
    background-color:#F44336;
}
.formlogin , .user_info
{
    margin-top: 20px;
    background-color: #FAFAFA;
    padding: 10px;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
.breadcrumbs 
{
    background-color: #FAFAFA;
    padding: 8px 30px 9px 20px;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    margin:0px;
}
.breadcrumbheders
{
     padding:5px 10px;
}
.breadcrumb
{
    padding:0px;
    margin:0px;
    float:left;
    line-height: 40px;
    font-size: 20px;
}
/*
.breadcrumb
{
    margin:5px;
}
*/

.breadcrumb_button
{
    padding:0px;
    margin:0px;
    float:left;
}

#emailHelp
{
    margin-top: -3px;
    font-size: 12px;   
}
.form-label, .form-label
{
    font-size: 18px;
}
.modal_win{
    
    /*margin-left:15%;
    margin-right:15%;
    */
    position:absolute;
    z-index:200;
    border:1px solid #E0E0E0;
    background-color:white;
    border-radius:10px;
    /*width:100%;*/
}
.modal-header{
    margin:0px;
    padding:5px 10px;
    border-bottom:1px solid #E0E0E0;
}
.modal-body{
    padding: 10px;
}

.win_scroll
{ 
    overflow: hidden scroll; 
    min-height: 30px; 
    height: 760px;
    border:1px solid grey;
    border-radius:5px;
}
.nav-link , .dropdown-item
{
    padding-top:0px;
    padding-bottom:0px;
    text-align: left;
}
.navmenuview 
{
    text-align: left;
}
.LiveSearchCheck:hover {
    background-color: red;
}

.LiveSearchCheck {
    border: 1px solid gray;
    border-radius: 5px;
    cursor: pointer;
    background-color: white;
    padding: 5px;
    font-size: 20px;
}
.LiveSearchView {
    display: block;
    position: absolute;
    z-index: 10;
}
.CleareLiveSearch{
    position: absolute;
    right: 10px;
    margin-top: -38px;
}
.BlockNews{
    transition: font-size 0.5s;
    color:black;
}
.BlockNews:hover 
{
    color:red;
    font-size: 18px;
    box-shadow: 0 10px 90px rgba(0, 0, 0, 0.4);
}

.AnimationsCenterCars:hover
{
    transform: scale(1.3);
    transform-origin:center;
    z-index:1000;
}

.AnimationsLeftCars:hover
{
    transform: scale(1.3);
    transform-origin:left;
}
.AnimationsRightCars:hover
{
    transform: scale(1.3);
    transform-origin:right;
}

.AnimationsLeft, .AnimationsCenter,.AnimationsRight, .AnimationsCenterCars, .AnimationsRightCars, .AnimationsLeftCars
{
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    transition: transform .2s;
    background-color: white;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 10px;
    /*height:450px;*/
}

.AnimationsLeft:hover
{
    transform: scale(1.1);
    transform-origin:left;
}

.AnimationsCenter:hover 
{
    transform: scale(1.05);
    transform-origin:center;
    height: auto;
    /*min-height:400px;*/
    
    
}
/*
.AnimationsCenter:hover .MaterialsBody
{
    height:auto;
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    padding-left:15px;
    padding-right:15px;
}
*/

.AnimationsRight:hover
{
    transform: scale(1.1);
    transform-origin:right;
}
/*
.MeterialsHeaders
{
    color: white;
    background-color: #e51730;
}
*/
.MeterialsHeaders
{
    /*background-color: #ddd;*/
    background-color: #e51730;
    font-size: 22px;
    padding: 10px;
    /*color: black;*/
    border-radius:5px;
    color: white;
}

.MaterialsBody
{
    padding:5px;
    font-size: 18px;
    /*white-space:nowrap;*/
    overflow:hidden; 
    text-overflow:ellipsis; 
    /*height:320px;*/
    /*
    border:1px solid #ddd;
    border-radius:5px;
    */
}

.MenuBottom
{
    background-color: #444;
    color: #eee;
}

.Content
{
    min-height: 800px;
}
.HeadersBottom
{
    font-size: 22px;
}
.BodyBottom
{
    font-size: 18px;
}
.allrightsmenubottom 
{
    background-color: #333;
    color: #ccc;
    height: 80px;
    line-height: 50px;
    font-size: 20px;
}

.MenuBottomUsers
{ 
    font-size: 20px;
    background-color:#333;
    position:fixed;
    width:100%;
    margin:0px;
    padding:0px;
    bottom:0px;
    line-height: 30px;
    z-index:10000;
}
.MenuBottom
{
    min-height:200px;
    margin: 0px;
    margin-top: 10px;
}
.LinkBottomCart
{
    color: #ccc;
    text-decoration: none;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
}
.LinkBottomCart:hover
{
    color: red;
}
.DATATIMEVIEW
{
    z-index:1500;
    display:none;
    position: absolute;
    margin-left: -122px;
    background-color: white;
    border: 1px solid grey;
    border-radius: 5px;
    margin-top: -76px;
}

@media (max-width: 768px)
{
    .AnimationsLeft:hover
    {
        transform: scale(1.1);
        transform-origin:center;
    }
    
    .AnimationsCenter:hover
    {
        transform: scale(1.1);
        transform-origin:center;
    }
    
    .AnimationsRight:hover
    {
        transform: scale(1.1);
        transform-origin:center;
    }
    .cart_mini
    {
        width:auto;
    }
    .bottom_menu_mini
    {
        max-width: max-content;
        float: left;
    }
}

.form-control.filters[inf=datastart], .form-control.filters[inf=datastop]
{
    width:190px;
    float:left;
}

.CleareLive.Left
{
    float: left;
    margin-left: -37px;
    margin-top: 0px;
    /*position: absolute;*/
    font-size: 18px;
    width: 38px;
    height: 38px;
}

.btn.btn-outline-success.documents, .btn.btn-outline-warning.documents , .btn.btn.btn-outline-success.StatusUpdate, .btn.btn-outline-danger.DelPos, .btn.btn-outline-danger.documents, .btn.btn-outline-primary.documents
{
    float: left;
    padding: 0px 4px;
    font-size: 24px;
    margin-left: 2px;
    margin-right: 2px;
}

.btn.btn-outline-danger.documents.btn_dell
{
    width:100px;
}

.LiveView
{
    display:none;
    position:absolute;
    overflow: hidden scroll;
    max-height: 200px;
    z-index: 100;
    margin-top:38px;
    max-width: 700px;
}

.InfoLineUpDown
{
    top: 0px;
    position: relative;
    cursor:pointer;
}
.upshort, .downshort
{
    width: 0px;
    height: 0px;
    font-size: 29px;
    left: 2px;
    top: -14px;
    position: absolute;
}

.LineUp
{
    position: absolute;
    left: 55px;
    width: 30px;
    height: 19px;
    padding-right: 22px;
    margin-top:-5px;
}

.LineDown
{
    position: absolute;
    left: 55px;
    width: 30px;
    height: 19px;
    padding-right: 22px;
    margin-top:13px;
}


.AllCheckBox
{
    top:1px;
    position:relative;
    cursor:pointer;
}


.IconSuppliers
{
    width: 32px;
    height: 32px;
    margin-top: -3px;
    position: absolute;
}

.CheckItems[name="status"]
{ 
    border: 1px solid gray;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px;
    font-size: 16px;
    height: 38px;
}
.CheckItems[name="suppliers"]
{
    border: 1px solid gray;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px;
    font-size: 16px;
    height: 38px;
}


.Live
{
    float: left;
}



.TextPRKO
{
    text-align: right;
    font-size: 18px;
    line-height: 2.1;
}

.buferbtn:hover
{
    color: red;
}

.black_fon
{
    top:0px;
    display: none;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    position: fixed;
    z-index: 100;
}

.form-control
{
    padding-left:0.1rem;
    padding-right:0.1rem;
}
.documents_style
{
    /*cursor:pointer;*/
    /*border:1px solid grey;*/
    border:1px solid #87858552;
    margin: 1px 0px 1px 0px;
    border-radius:5px;
    font-weight:600;
    line-height: 35px;
}
.buferbtn
{
    color: #ccc;
    line-height: 28px;
    margin: 0px;
    padding: 0px 5px;
    float: left;
    font-size: 15px;
    cursor:pointer;
}
.Shapka
{
    margin-bottom: 20px;
}

.jurnal_documentov_view
{
    padding: 0px;
    margin: 0px;
}

.zoom-effect { transition: transform 0.2s;cursor:pointer; }

.zoom-effect:hover { transform: scale(3); z-index:1000;}

.switch-toggle {
   float: left;
   background: #ff000047;
   border-radius: 5px;
}
.switch-toggle input {
  position: absolute;
  opacity: 0;
}
.switch-toggle input + label {
  padding: 7px;
  float:left;
  color: #fff;
  cursor: pointer;
}
.switch-toggle input:checked + label {
  background: green;
  border-radius: 5px;
}

.cookie-warnings {
  padding: 12px;
  background-color: #333;
  color:white;
  border-radius: 5px;
  border:1px solid #e51730;
  display: none;
}