body {
    font-family: 'Open Sans', Arial, sans-serif !important;
}

@media (min-width: 768px) {
    #sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        min-height: 300px;
        overflow-y: auto;
    }
}

.bg-expert-dark{
    background-color: #69a4e9 !important;
}
.bg-expert-dark2{
    background-color: #005571 !important;
}
.bg-expert-light{
    background-color: #c1d5ec !important;
}
.bg-yellow{
    background-color: yellow !important;
}
.bg-warning-dark{
    background-color: #ff6407 !important;
}
.bg-elecsys{
    background-color: #d9c4c4 !important;
}

.bg-green-supplier-color{
    background-color:#03aa15 !important;
}

.btn-outline-expert-white {
    color:#005571;
    background-color:white;
    background-image:none;
    border-color:#005571 !important;
}
.btn-outline-expert {
    color:#005571;
    background-color:transparent;
    background-image:none;
    border-color:#005571 !important;
}
.btn-outline-expert-config{
    color:#005571;
    background-color:#e9f0f8 !important;
    background-image:none;
    border-color:#005571 !important;
}

.btn-outline-expert:hover, .btn-outline-expert-white:hover {
    color:#fff;
    background-color:#005571;
    border-color:#005571;
}
.btn-outline-expert.focus,.btn-outline-expert:focus, .btn-outline-expert-white.focus,.btn-outline-expert-white:focus {
    box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-expert.disabled,
.btn-outline-expert:disabled {
    color:#005571;
    background-color:transparent
}
.btn-outline-expert-white.disabled,
.btn-outline-expert-white:disabled {
    color:#005571;
    background-color:white
}
.btn-outline-expert:not(:disabled):not(.disabled).active,
.btn-outline-expert:not(:disabled):not(.disabled):active,
.show>.btn-outline-expert.dropdown-toggle {
    color:#fff;
    background-color:#005571;
    border-color:#005571
}
.btn-outline-expert-white:not(:disabled):not(.disabled).active,
.btn-outline-expert-white:not(:disabled):not(.disabled):active,
.show>.btn-outline-expert-white.dropdown-toggle {
    color:#fff;
    background-color:#005571;
    border-color:#005571
}
.btn-outline-expert:not(:disabled):not(.disabled).active:focus,
.btn-outline-expert:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-expert.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-expert-white:not(:disabled):not(.disabled).active:focus,
.btn-outline-expert-white:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-expert-white.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}

.text-warning-dark{
    color: #ff6407 !important
}
.text-expert-dark{
    color: #69a4e9 !important;
}
.text-expert-dark2{
    color: #005571 !important;
}
.text-expert-light{    
    color: #c1d5ec !important;
}

div.loading-div{
    z-index: 1060;
    background-color: silver;
    height: calc(100% - 1px);
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.5;
    margin-top: 1px;
}
.loadingIndicator {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
    height: 2px;
}
.loadingIndicator.hidden {
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.25s;
}
.loadingIndicator__bar {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 10;
    visibility: visible;
    display: block;
    -webkit-animation: animate-loading-indicator 2s linear infinite;
    animation: animate-loading-indicator 2s linear infinite;
    background-color: #FF95C1;
    background-image: linear-gradient(to right, #E8488B 0%, #E8488B 50%, #FF95C1 50%, #FF95C1 100%);
    background-repeat: repeat-x;
    background-size: 400px 400px;
    width: 200%;
}
@-webkit-keyframes animate-loading-indicator {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
    }
}
@keyframes animate-loading-indicator {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
    }
}

.fade-in {
    visibility: visible;
    height: auto;
    opacity: 1;
    transition: opacity 0.5s linear;
}

.fade-out {
    visibility: hidden; 
    height: 0px;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear, height 0s 0.5s;
}


.main_container.login {   
    background-repeat: no-repeat;
    background-position: right;
    height: 500px;
    margin-top: 5% !important;
}

div.login{   
    background-repeat: repeat-x;
    background-position: center;
    height: 500px;
    margin-top: 5% !important;
}

div.login>span{   
    height: 280px;
}


img.login-banner{
    height: 60px;
}


.login-class{
    height: 50px;
}


img.search-top-icon{
    height: 18px;
}

img.top-bar-icon{
    height: 40px;
}

img.restore-search-icon{
    height: 20px;
}

.main_container{
    min-height: 90vh;
    overflow: auto;
    min-width: 1250px;
}

div.catalog-info:hover, div.application-catalog-info:hover{
    background-color: #e1e1e1;
    cursor: pointer;
}

div.catalog-info.selected, div.application-catalog-info.selected{
    background-color: #cccccc;    
    font-weight: bold;
}

div[data-container="search-results"],  div[data-container="configuration"],  div[data-container="application-results"]{
    position: absolute;
    background-color: white;
    z-index: 999;
    width: 98%;
    /*margin: 5px auto;*/
}

img.detail-segment-icon {
    height: 35px !important;
}

.ref-info-container{
    min-height: 175px;
}

.demand-refnum-line{
    max-width: 160px !important;
    width: 40% !important;
    background-color: #eaeaea !important;
}

.ITEM_hidden{
    display: none !important;
}

.demand-pic-letter{
    height: 20px;
}

.carousel-inner{
    height: 160px;
    width: 160px;
}

.carousel-inner>.carousel-item{
    height: 160px;
    width: 160px;
    position: relative;
    height: 100%;
}

img.carousel-ref-pic{
    max-height: 160px;
    max-width: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);    
}

#carousel-zoom {
    width: 300px;
}

#carousel-zoom>.carousel-inner {
    height: 300px;
    width: 300px;
}

#carousel-zoom  .carousel-inner>.carousel-item{
    height: 300px;
    width: 300px;
    position: relative;
    height: 100%;
}

#carousel-zoom img.carousel-ref-pic{
    max-height: 300px;
    max-width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);    
}

img.login-pic{
    height: 35px; 
}

.big{
    font-size: 100% !important;
}

.big-l{
    font-size: 110% !important;
}

.big-xl{
    font-size: 120% !important;
}

div.login-baner{
    margin-top: 7% !important;
}

.table-vertical-centered td{
    vertical-align: middle !important;
    max-width: 200px;
}

.logo-pic{
    height: 20px;
}

.main-ref-cross div.table-container {
    min-height: 350px !important;
    max-height: 47vh;
    overflow-y: auto;
    overflow-x: hidden;
}

div.table-container2 {
    min-height: 275px !important;
    max-height: 30vh;
    overflow-y: auto;
    overflow-x: hidden;
}

div.table-container3 {
    min-height: 350px !important;
    max-height: 44vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.cross-ref-info, .main-ref-cross, .bill-info-section {
    min-height: 350px !important;
    max-height: 63vh;
}

div.mismatch_container{
    max-height: 210px;
    overflow-y: auto;
    overflow-x: hidden;
}

.main-ref-demand, .main-ref-info {
    min-width: 300px !important;
}

.separator-div{
    width: 0.4%;
}

.ref-num-cross:hover{
    cursor: pointer;
    background-color: #d9d9d9 !important;
}
.ref-num-cross:hover img.cross-cross-td{
    visibility: visible !important;
    vertical-align: baseline;
}

img.cross-cross-td:hover{
    border: 1px solid darkgreen;
    border-radius: 4px;
    padding: 2px;
}

img.cross-cross, img.search-raw{
    height: 15px;
}
.ref-num-cross.selected, .current-reference.ref-default, .compare-row.tech-inf-row.selected, .compare-row.cross-cross-row.selected, .tech-inf-detail.selected, .spare-product.selected, .spare-part-of.selected{
    font-weight: bold;
    background-color: #bfbfbf !important;
}

table[data-rowselectable] tr.selected{
    font-weight: bold;
    background-color: #bfbfbf !important;
}

div[data-refsection] {
    overflow-y: auto;
    max-height: 215px;
}

.bg-menu{
    background-color: #ececec;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233a3a95' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233a3a95' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-indicators .active {
    background-color: darkblue !important;
}

.btn-expert {
    color:#fff;
    background-color:#005571;
    border-color:#005571
}
.btn-expert:hover {
    color:#fff;
    background-color:#0088b5;
    border-color:#1e7e34
}
.btn-expert.focus,
.btn-expert:focus {
    box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-expert.disabled,
.btn-expert:disabled {
    color:#fff;
    background-color:#005571;
    border-color:#005571
}
.btn-expert:not(:disabled):not(.disabled).active,
.btn-expert:not(:disabled):not(.disabled):active,
.show>.btn-expert.dropdown-toggle {
    color:#fff;
    background-color:#69a9e1;
    border-color:#1c5774
}
.btn-expert:not(:disabled):not(.disabled).active:focus,
.btn-expert:not(:disabled):not(.disabled):active:focus,
.show>.btn-expert.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}

.login-div{
    /*width: 110px;*/
}

table.table-striped-no-border{
    border-width: 2px !important;
}

.table-striped-no-border td{
    border-top: 0px !important;
}

.table-striped-no-border th{
    border-bottom: 0px !important;
}

td.no-solution{
    height: 30px;
}

img.supplier-logo{
    max-height: 40px;
}

img.supplier-blob-identify{
    max-height: 32px
}

img.supplier-blob-neo{
    height: 40px;
    max-width: 90px;
}

th.mismatch-icon, td.mismatch-icon{
    min-width: 50px;
    text-align: center;
}    

th.source-col, td.source-col{
    max-width: 60px;
    text-align: right;
}    
td.source-col img, td.mismatch-icon img{
    vertical-align: middle;
}

th.source-col2, td.source-col2{
    min-width: 30px;
    text-align: center;
}    
td.source-col2 img{
    vertical-align: middle;
}

td.table-supplier-image{
    width: 90px !important;
}    

td.ref-num-td{
    width: 32% !important;
}    

td.ref-num-td.supplier-name-cell{
    width: 200px !important;
}    

img.source-img{
    height: 10px;
}    

img.source-img-fix{
    max-width: 20px;
}    

img.fix-table {
    width: 16px;
    vertical-align: text-bottom;
}

img.fix-table:hover{
    cursor: pointer;
}    

.sticky-top.top-fix{
    top: 49px;
} 


.sticky-top.top-fix img.fix-table{
    border: 2px solid black;
}   

table.artid-cross-info{
    background-color: white;
}    

.source-warning{
    height: 22px;
    vertical-align: bottom;
}    

.fix-title-height{
    height: 30px;
}

.inferred-charact{
    height: 10px;
}

.mismatch-icon{
    width: 30px;
}
/*
td.data-source-fix{
    width: auto;
}

td.data-source-string-fix{
    width: 428px;    
}*/
.data-source{

}

table.source-info-table{
    table-layout: fixed;    
}


.type-group-available{
    overflow-y: auto;
    max-height: 200px;
}

.type-group-available label,.form-check-label{
    vertical-align: sub !important;    
}

.blur-element{
    filter: blur(5px);
    transition: filter 0.5s;
    /*opacity: 0.5;*/
    /*transition: opacity 0s 0.5s, filter 0.5s;*/
}

[data-container="search-results"]>div.search-result-div, [data-container="configuration"]>div{
    max-width: 1240px;
}

[data-container="product"], [data-container="cross-compare"]{
    max-width: 1300px;
}

[data-container="cross-compare"]{
    height: 768px !important;
}

img.favorite-icon{
    width: 20px;
    vertical-align: top;    
}

img.favorite-icon:hover{
    cursor: pointer;
}

img.supplier-logo, img.favorite-icon{
    vertical-align: middle;
}

.carousel.slide:hover .zoom-button{
    display: block;
}

.zoom-button{
    position: absolute;
    top: 0;
    margin: 0px 45%; 
    display: none;
}
button.zoom-pics{
}
button.zoom-pics>img{
    height: 20px;
}
div.sections-menu>button{
    width: 14%;
    max-width: 170px;
}
img.calendar-pic{
    height: 20px;
    vertical-align: text-bottom;
}
table.cross-compare-table{
    width: auto;
    max-height: 720px;
}    
tr.first-row-height-fix{
    height: 260px !important;
}    
td.first-cross-compare-cell, td.first-tech-compare-cell{
    min-width: 180px !important;
    max-width: 200px !important;
}
td.cross-compare-cell, td.tech-compare-cell{
    width: 170px;
    position: relative;
}
.first-tech-table-cell{
    min-width: 180px !important;
    max-width: 200px !important;
}
.tech-table-cell{
    max-width: 90px;    
}

tr.bg-striped{
    background-color: #f2f2f2 !important;
}
.tech-info-cell{
    max-width: 150px;
}
span.close-column-span{
    position: absolute;
    right: 0px;
    top: 0px;
}
button.close-column{
}
.input-only-matches{
    vertical-align: text-bottom;
}
div.cross-compare-div {    
    height: 73vh;
    overflow: auto;
}
div.cross-compare-div2 {
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 1200px;    
    max-height: 30vh;
    min-width: 1000px;
}

div.cross-compare-div.configuration {
    height: 70vh;
    min-height: 640px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.cross-compare-div.providers-configuration{
    height: 31vh;
    /*overflow-y: auto;*/
}

img.cross-cross-icon {
    height: 15px;
    vertical-align: sub !important;
}

.col-5-5{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-5-5 {
    -ms-flex: 0 0 49.5%;
    flex: 0 0 49.5%;
    max-width: 49.5%;
}

.col-6_no_padding_right{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left:15px;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-03{
    -ms-flex: 0 0 2.333%;
    flex: 0 0 2.333%;
    max-width: 2.333%;
    position: relative;
    width: 100%;
    min-height: 1px;
}

.col-15{
    -ms-flex: 0 0 13%;
    flex: 0 0 13%;
    max-width: 13%;
    position: relative;
    width: 100%;
    min-height: 1px;
}

.col-15_v2{
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
    position: relative;
    width: 100%;
    min-height: 1px;
}


.col-25{
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;
    position: relative;
    width: 100%;
    min-height: 1px;
}

.col-05 {
    -ms-flex: 0 0 6%;
    flex: 0 0 6%;
    max-width: 6%;
    position: relative;
    width: 100%;
    min-height: 1px;
}

.col-12_no_padding {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.fix-b2c-ref-num{
    min-width: 180px;
}
.robot-progress{
    height: 7px !important;
}
.sort_img{
    margin-bottom: -3px;
    width: 13px;
    margin-top: 5px;
    margin-left: 5px;
}

img.logo_neo_searches_height {
    height: 24px;
}

.row-selected{
    background: #dee2e6;
}

.bold_text{
    font-weight: bold;
}

.BOX_filter_status{
    margin-left: 6% !important;
    /*width: 250px !important;*/
}

.DIV_filter{
    width: 383px !important;
    padding: 10px !important;
    max-height: 200px !important;
    overflow: auto;
}

.DIV_filter_header{
    height: 30px;
}

.DIV_filter_brand{
    margin-left: 9.4% !important;
}

.DIV_filter_desc{
    margin-left: 21% !important;
}

.DIV_filter_reference{
    margin-left: 40% !important;
}

.DIV_filter_status{
    margin-left: 85% !important;
    width: 250px !important;
}

.DIV_filter_web{
    margin-left: 1.2% !important;
    max-width: 300px !important;
}

@media only screen and (max-width: 1300px) {
    .DIV_filter_status{
        margin-left: 78% !important;
        width: 250px !important;
    }
}

.DIV_filter_main_text{
    font-weight: bold;
    font-size: 150%;
}

.DIV_filter_main_button{
    margin-top: 8px !important;
}

.DIV_filter_input{
    width: 70%;
}

.DIV_filter_buttons{
    margin-left: 25%;
    margin-top: 9px;
}

.DIV_white_click_out_filter {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    height: 100%;
    width: 100%;
    opacity: 0;
    filter:alpha(opacity=0); /*IE8*/
    /*background-color: black;*/
    /*cursor: wait;*/
}

.ref-num-info-row:hover{
    background-color: #f0f0f0;
    cursor: pointer;
}

.table-xsm th,
.table-xsm td, 
div.section-header{
    padding: 0.1rem 0.3rem !important;
}

div.section-header{
    height: 23.5px !important;
}

div[data-section]{
    min-height: 40px;
}

div[data-section="tech-info"] .tech-info-container, div[data-section="applications"] .applications-container, div[data-section="pictures"] .pictures-container, div[data-section="prices"] .section-full{	
    overflow: auto;
    max-height: 45vh;
    /*min-height: 400px;*/
}

div[data-section="tech-info"] .tech-info-container.raw, div[data-section="applications"] .applications-container.raw, div[data-section="pictures"] .pictures-container.raw{	
    overflow: hidden !important;
}

.raw-data-section{
    overflow: auto;
    height: 34vh;
    min-height: 315px;
}

table.artid-tech-info tr.selected-art-id{
    background-color: #bfbfbf !important;
    border: 1px solid !important;
    top: 21px;    
}

table.artid-tech-info tr.selected-art-id td{
    background-color: #bfbfbf !important;
}

th.tec-inf-title{
    max-width: 40px;
}

input.deselect{
    vertical-align: text-bottom !important;
    cursor: pointer;
}

.wd-10{
    width: 10% !important;
}
.wd-20{
    width: 20% !important;
}
.wd-24{
    width: 24% !important;
}
.wd-30{
    width: 30% !important;
}
.wd-31{
    width: 31% !important;
}
.wd-32{
    width: 32% !important;
}
.wd-33{
    width: 33% !important;
}
.wd-40{
    width: 40% !important;
}
.wd-50{
    width: 50% !important;
}
.section-small{
    height: 44px;
}
.section-big-default{
    height: 27rem;
    min-height: 410px;
}
.section-full{
    height: 27rem;
    min-height: 432px;
}
.shortcut-key{
    box-shadow: 3px 3px silver;
    cursor: default;
}

.compare-source-img{ 
    height: 10px;
    vertical-align: initial;
}
div.historic-ref_num:hover{     
    cursor: pointer;
    font-weight: bold;
}
.carousel-width{ 
    width: 160px !important;
}
.middle-menu-icon{
    height: 18px;
    vertical-align: middle;
}

div.modal-body.historic{
    overflow-y: auto;
    max-height: 400px;
}

/*Anchos fijos*/
.cell-source-pic{
    width: 30px;
    max-width: 30px;
    min-width: 30px;
    left: 0px;
}
.cell-supplier-name{
    width:190px !important;
    max-width: 190px;
    min-width: 190px;
    left: 30px;
}
.cell-ref-num{
    width:190px;
    max-width: 190px;
    min-width: 190px;
    left: 220px;
}
.cell-colspan{
    width:410px;
    max-width: 410px;
    min-width: 410px;
    left: 0px;
}
/*Anchos fijos*/

/*Colunba fija*/
.view {
    margin: auto;
    width: 600px;
}

.wrapper {
    position: relative;
    overflow: auto;
    border: 1px solid black;
    white-space: nowrap;    
    max-height: 300px;
}

.wrapper-elecsys {
    position: relative;    
    white-space: nowrap;    
}

.sticky-col {
    position: sticky;
    position: -webkit-sticky; 
    background-color: #ffffff;
}

.first-col {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    left: 0px;    
}

.second-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 100px;    
}
/*Columna fija*/

.table-bordered td, .table-bordered th {
    background-clip: padding-box;
}

input.configuration-type-group{

}

div.tech-inf-table{
    height: 94px;
    overflow: auto;
}

div.tech-inf-spare-table{
    height: 250px;
    overflow: auto;
}

table.product-supplier{
    /*width: 700px;*/ 
}

td.wizzard-supplier{
    min-width: 150px;
}
td.wizzard-add{
    width: 40px;
    max-width: 40px;
}
td.providers-type-group{
    width: 250px;
    max-width: 250px;
}

tr.all-families>td{
    top: 21px !important;
    background-color: #f2f2f2;
}

.tech-pic{
    width: 20px;
    max-width: 20px;
}    
.tech-description, .tech-value{
    max-width: 180px;    
}    

.extra-info-button{
    height: 200px !important;
    width: 190px !important;
}    

.art-id-no-results-panel {
    height: 42vh;
    width: 100%;
}  

select.select-raw{
    width: 250px;
}   

div.pattern-available-list{
    min-height: 50px;
    max-height: 200px;
    overflow-y: auto;
}

label.margin-fix{
    margin-top: 0.1rem;
}

.raw-info-section{
    height: 300px;
    overflow: auto;
    white-space: nowrap;
}

.modal-xlg{
    min-width: 800px !important;
    max-width: 1000px !important;
}

.lang-selector{
    z-index: 1022 !important;
}


img.key-point{
    height: 30px;
}

.div-banner{
    width: 1000px !important;
}

img.prices-banner{
    height: 20px !important;
}

img.flag{
    height: 20px !important;
}

table.prices td.source{
    width: 30px !important;
}

table.prices td.prices-flag{
    width: 80px !important;
}

table.prices td.banner{
    width: 160px !important;
}

table.prices td.price{
    width: 100px !important;
}

table.prices{
    max-width: 1000px;
}

div.robot-results{
    overflow: auto;
    height: 300px;
}

.online-identified-as{
    max-width: 250px;
    vertical-align: bottom !important;
}

.online-raw-button{
    min-width: 324px;
}

.product-detail-online{
    width: 16px;
}

.online-ref-type-pic {
    height: 19px;
    vertical-align: inherit;
}

.online-pic-container{
    width: 24px;
}

.img-top-custom{
    height: 45px;
}

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

.loading-online-info{    
    height: 20px;
}

.description-online{    
    max-width: 237px;
}

.raw-cross-info-col{
    width: 40px;
}

img.raw-cross-info{
    height: 10px;
}    
[data-action="load-raw-data"]>img{
    height: 14px;
}       

.fix-alignment-sheet{
    vertical-align: text-top;
}       
.fix-alignment-sheet.a{
    width: 36% !important;
}       
.fix-alignment-sheet.b{
    width: 20% !important;
}       
.user-neo-info {
    height: 60px;
    vertical-align: middle;
}    
.user-elecsys-info {
    height: 35px;
    vertical-align: middle;
}    
.user-elecsys-info-config {
    height: 20px;
    vertical-align: middle;
}    
span.big-size-number, div.big-size-number, td.big-size-number {
    font-size: 2rem !important;
}
.d-none-supplier {
    display: none !important;
}
.fake-selector-fix{
    min-width: 250px !important;
    height: 30px;
}

.input-search-ref-num{
    max-width: 305px !important;
}

.search-ref-num{
    width: 265px !important;
}

.section-user-fix{
    min-width: 320px !important;
    max-width: 330px !important;
}
.section-user-fix2{
    min-width: 1100px !important;
    max-width: 1200px !important;
}
.loading-user-fix{
    min-height: 441px !important;
}

.landing-col{    
    height: 135px !important;
    min-width: 330px;
}


div.key-points{
    max-width: 1100px;
}
.hot-spot{
    border: 2px solid red;
    position: absolute;
}
.host-spot-info{
    position: absolute;
}

button.hot-spot-button{
    position: absolute;
    border-width: 2px;
}

.tooltip.in {
    opacity: 1;
    filter:alpha(opacity=100);
}
.tooltip-inner{
    opacity: 1;
    filter:alpha(opacity=100);
}

.host-spot-info>table{        
    display: table;
}

.host-spot-info>table th, .host-spot-info>table td{
    white-space: nowrap;
}

.spare-check{
    width: 18px;
}
.spare-historic{
    width: 20px;
}
.spare-historic>img{
    width: 18px;
}
.show-historic-results{
    vertical-align: middle;
}
.scheme-container{
    overflow: auto;
    max-height: 24rem;
}
div.spare-pictures-container, div.scheme-cross-container, div.spare-cross-container-old{
    overflow-y: auto;
    max-height: 24rem;
}
div.spare-part-of-container1{
    overflow-y: scroll;
    height: 155px;
}
div.spare-part-of-container2, div.spare-cross-container{
    overflow-y: scroll;
    height: 250px;
}
div.spare-cross-container1{
    overflow-y: scroll;
    height: 55px;
}
div.spare-cross-container{
    overflow-y: scroll;
    height: 250px;
}
img.spare-historic-button{
    width: 18px;
    vertical-align: sub;
}

.no-spare-info{
    min-height: 41px !important;
}
.part-of-icon{
    height: 18px;
}
.part-of-col{
    width: 20px;
}

.user-product-range-warning{
    height: 35px !important;
    vertical-align: text-top;
}

.config-action-button{
    min-width: 220px !important;
    max-width: 284px !important;
}

.note-container{
    height: 25px !important;
    overflow: hidden;
}
.notes-pic{
    height: 12px !important;
    vertical-align: middle;
}
.group-notes-table{
    max-height: 100px !important;
    overflow-y: auto;
}
.user-list {
    overflow: auto;
    height: 60vh;
    min-height: 550px;
}
img.edit-user,edit-pic:hover{
    cursor: pointer;
}    

.mock-link{
    cursor: default;
}    

table.applications-info{
    height: 100px;
}

.w-33 {
    width: 33.3% !important;
}

.config-demand-div{
    width: 200px !important;
}

.not-match-provider{
    display: none !important;
}

.fix-description{
    max-width: 17rem;
}

img.start-pie{
    width: 150px;
}

#user-async-info>.progress{
    margin-top: 12%;
}

img.best-matching-solution{
    vertical-align: text-bottom !important;
}

#productLauncher:hover, #productLauncher:focus, #productLauncher:visited{
    text-decoration: none !important;
}

a.dropdown-item.disabled{
    cursor: default;
}

div#car-id{
    max-height: 200px;
    overflow-y: scroll;
}

img.appli-options-icon{
    height: 20px;
    vertical-align: text-bottom;
}
img.warning-pic {
    height: 65px;
}

.historic-source{
    width: 20px;
    text-align: center;
}

.historic-source>img{
    height: 15px;
}

.family-products-hint{    
}
.family-products-hint>div{
    max-height: 500px;
    overflow-y: auto;
}

.tooltip-inner {
    max-width: 350px !important;    
}

#grey_out {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    height: 100%;
    width: 100%;
    opacity: 0.1;
    filter:alpha(opacity=50); /*IE8*/
    background-color: black;
    cursor: wait;
}

.grey_out {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    height: 100%;
    width: 100%;
    opacity: 0.1;
    filter:alpha(opacity=50); /*IE8*/
    background-color: black;
    cursor: wait;
}

img.img-status-card {
    height: 16px !important;
    vertical-align: sub;
}

.click_image_web_update:hover{
    cursor:pointer;
}

.inp_user_web_config {
    border:none;
    border-bottom: 1px solid #1890ff;
    padding: 5px 10px;
    outline: none;
 }

 .product-detail-ref-list{
    min-width: 120px;
}

.group-id-selector-dashboard, .demand-group-id, .fix-sm-selector{
    font-size: 95% !important;
}

.padding-left_table_neo_search{
    padding-left:0.50rem !important
}
.padding-right_table_neo_search{
    padding-right:1.25rem !important
}
.no-margins{
    margin-left:0% !important;
    margin-right:0% !important;
        
}
.overflow_no_horiz{
    overflow-x: hidden;
    overflow-y: auto;
}
.div-web-configuration{
    max-height:24vh;
    min-height:10vh;
}

.user-elecsys-info-config_supplier_enable{
    height:22px;
    vertical-align: middle;
}
.neo_logo_top_header{
    height:24px;
    margin-top:4px;
}
@-webkit-keyframes animar{
			0%{-webkit-transform:translate(0px,0px);}
			10%{-webkit-transform:translate(20px,0px);}
			20%{-webkit-transform:translate(0px,0px);}
			30%{-webkit-transform:translate(20px,0px);}
			40%{-webkit-transform:translate(0px,0px);}
			50%{-webkit-transform:translate(20px,0px);}
			60%{-webkit-transform:translate(0px,0px);}
			70%{-webkit-transform:translate(20px,0px);}
			80%{-webkit-transform:translate(0px,0px);}
			90%{-webkit-transform:translate(20px,0px);}
			100%{-webkit-transform:translate(0px,0px);}
		}
.temblor{
				-webkit-animation:animar .6s 1;
			}
#search_logo, #header_search_logo {
    background-image: url("https://www2.elecsyscatalog.com/images/partsfinder_search.png");
}
div.login {
    background-image: url("https://www2.elecsyscatalog.com/images/login_pf.png");
}