body {
    overflow-x: hidden;
    overflow-y: scroll;
}
.container-fluid.text-center 
{
    padding-left:0px;
    padding-right:0px;
}
.form-control.filters
{
    float: left;
}
.Bottom
{
    padding-bottom:50px;
}
.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;
}

.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_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
{
    transition: transform .2s;
    background-color:white;
}

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

.AnimationsCenter:hover
{
    transform: scale(1.1);
    transform-origin:center;
}

.AnimationsRight:hover
{
    transform: scale(1.1);
    transform-origin:right;
}
.AnimationsLeft>.MeterialsHeaders, .AnimationsRight>.MeterialsHeaders, .AnimationsCenter>.MeterialsHeaders
{
    color: white;
    background-color: #e51730;
}

.MeterialsHeaders
{
    background-color: #ddd;
    font-size: 22px;
    padding: 10px;
    color: black;
    border-radius:5px;
}
.MaterialsBody
{
    padding:5px;
    font-size: 18px;
    /*
    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;
    }    
}

.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
{
    /*width: 38px;*/
    /*
    height: 38px;
    padding: 0px;
    margin: 0px;
    */
    /*float: left;*/
}

.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: block;
    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;
    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;}