/** Estructura de la página **/

* {
    margin:0;
    padding:0;
}

html
{
    padding:0px;
    margin:0px;
    font-family: Arial, Sans-serif;
    font-size: 12px;
    color: #333;
    height:100%;width:100%;
    overflow-y:	hidden;
    overflow-x:	auto;
}

body
{
    padding:0px;
    margin:0px;
    font-family: Arial, Sans-serif;
    font-size: 12px;
    color: #333;
    height:100%;width:100%;
    overflow-y:	hidden;
    overflow-x:	auto;
}

#capainicio
{
    background: #666666; /* url(../img/general/bg5.jpg);  #648ca9 */
}

#content
{
    visibility: visible;
    /* display: block; */
    position: absolute;
    margin: 0px;
    z-index: 2;
    /* left: 206px; */
    /* right: 0px; */
    top: 65px;
    /* bottom: 26px; */
    height: calc(100% - 101px);
    width: 100%;
    background: #c7ced6;
}


/* HEADER Y SU CONTENIDO */

.indexHeader
{
    background: white;
    position:absolute;
    top:0; 
    left:0;
    width:100%; 
    height:40px; 
    padding:0; 
    margin:0;
    overflow:hidden;
}


.indexHeader h3,
.indexHeader label,
.indexHeader .dropbtn
{
    float: left;
    padding: 0 6px;
    margin: 0;
    color: #333;
    line-height: 40px;
    height: 100%;
    font-size: 18px;
    font-weight: 100;
}
.indexHeader label {
    font-size: 26px;
}

.indexHeader #titles .arrow {
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
    top: 13px;
    margin-left: 9px;
}

.indexHeader #titles > div:hover {
    background: rgba(208, 208, 208, 0.39);
    cursor: pointer;
}

.indexHeader #titles .dropdown a:hover,
.dropdown-content.show a:hover {background-color: #ddd;}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border: 1px solid #f2f2f2;
}

.dropdown-content a {
    text-decoration: none;
    display: block;
    padding: 0 6px;
    margin: 0;
    color: #333;
    line-height: 36px;
    font-size: 15px;
    background-color: white;
}
.dropdown-content.show {display: block;}

#index {
    position: absolute;
    top: 40px;
    bottom: 35px;
    width: 100%;
    padding: 0;
    margin: 0;
    /* background-color: #f8f8f8; */
    background-color: #c7ced6;
    /* border-top: 1px solid #c0c0c0; */
    overflow: auto;
    z-index: 0;
    height: calc(100% - 35px);
}

.indexHeader div#actions {
    margin: 0px;
    float: right;
    height: 100%;
    border-left: 1px solid rgba(83, 83, 83, 0.35);
}

/** Layout de Entrada **/
div#background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
div#background img{
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: 0.3;
}

div#logo {
    text-align: center
}

div#language {
    position: absolute;
    top: 20px;
    right: 20px;  
    color:white;
}
div#language ul{
    list-style: none;
    width: 65px;
}
div#language ul li{
    float: left;
    display: block;
    width: 22px;
    margin-left: 10px;
}

div#copyright {
    position: absolute;
    bottom: 0px;
    right: 20px;  
    z-index: 22;
}
div#copyright  a {
    color:white;   
}
div#copyright > div {
    background:white  !important;
    text-align:justify;
    padding: 20px !important;
    width: calc(100% - 20px) !important;
    margin-bottom: -20px !important; 
    display:flex
}

div#login {
    position: absolute;
    top: 20px; 
    right: 20px;
    text-align:right;
    /* background-color:#ffffff6e; */
    background-color:#FFF;
    padding:35px 0;
    border:0px solid #ffc184;
    width:420px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    /* position the div in center */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
div#text {
    color: #ffffff;
    text-align: center;
    position: absolute;
    background-color: #ffffff6e;
    bottom: 70px;
    width: 100%;
    line-height: 45px;
    font-size: 1.5rem;
}

#div_user,#div_lang 
{
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}

#div_user > form{ 
    display: flex;
    flex-direction: column;
}

#div_user label {
    margin-top: 11px;
    /* color: white */
    color: rgb(31,64,94)
}

#div_user input[type="text"],
#div_user input[type="password"]
{
    width: calc(100% - 10px) !important;
    margin: 0 !important;
}

#div_user input[type="submit"] {
    background: rgb(31,64,94);
    color: white;
    text-shadow: initial;
    border-radius: 3px;
    border: 0;
    width: 100%;
    height: 25px;
    width: 100% !important;
    margin: 15px 0; 
    margin-top: 25px;
}
#div_lang img { margin: 0px 5px; }

legend{ color: #838383; font-weight:bold }

fieldset
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

/** Layout por defecto **/

#container
{
    text-align: left;
    background: #fff;
    height:100%;
    min-width:	1000px;
    background: #ebebeb;
}

#header
{
    background: /*#718ba6;#648ca9 */ #666;
    /*min-width:	1000px;*/
    border-bottom: 1px solid #909090;
}
#header .session { color:#e9e9e9; padding:5px; width:auto; text-align:right }
#header .session a{  
    color: #fff;
    padding: 0px 5px;
    font-family: Arial, Sans-serif;
    font-size: 12px;
    line-height: 21px;
}
#header .session a:hover{ color:#e9e9e9; padding: 0px 5px }
#header .session a img {
    width: auto\9;
    /* height: auto; */
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
} 

#header table, #header table td {  background:none; border:none; padding:0; margin:0; vertical-align: middle }
#header h1{ float:left; font-size:12px; padding-top:4px; color:#d4d4d4; }
#header h1 u { text-decoration:none; color: #fff}

#footer
{
    padding: 0 1%;
    text-align: left;
    width: 98%;
    font-size: 11px;
    /* background-color: #ebebeb; */
    background-color: #feba2c !important;
    /* color: gray; */
    color: #FFF !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    height: 29px;
}
#footer div a {
    color: #333 !important;
    text-decoration: none;
    font-weight: bold;
}
#footer div
{
    float: left;
    line-height: 35px;
    padding: 0 5px;   
    width: calc(33% - 10px);
}

#footer #reportIncidence {
    /* margin: 8px 10px; */
    left: calc(50% - 80px);
    height: 29px;
    /* background: #e1e1e1; */
    background: #203d5d;
    color: #FFF;
    border: 0;
    border-radius: 0;
    /* border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; */
}
#footer #reportIncidence .ui-button-text{ font-size:10px; padding-top:2px; padding-bottom:2px; padding-right:25px; }
#rightTopPane{
    border-top: 0; 
}
#pieInfo 
{
    text-align:center;
    width:15%;
}
#pieInfo img{ padding: 0px 10px }

/* nuevo spliter */
#splitterContainer
{
    height:calc(100% - 106px);
    overflow-y: scroll;
    overflow-x: hidden;
}
.bordes { border-top: 1px solid #909090; border-bottom: 1px solid #909090 }

.ui-layout-pane { 		/* all 'panes' */ 
    background: #FFF; 
    border: 1px solid #909090;
    overflow: auto;
}

.ui-layout-pane-west 
{
    overflow:hidden;
    border: none;
} 
.ui-layout-pane-east
{
    padding:0px;
}

.openInstr{ padding:3px 10px } 
.openInstr:hover{ background: #fddd60; cursor:pointer; } 

#contenedorlateral{ 
    border: none;
    display: none;
    border-bottom: 1px solid #909090;
}
#contenedorlateral .div-separator {
    height: 6px;
    cursor: pointer;
    background: #f2f2f2;
    display: block;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
}
#contenedorlateral #listaModelos{

    overflow: auto;
    border-left: 1px solid #909090;
}

#leftPane{ 
    display:none;
}
#leftPane h5{ 
    color: #fbfbfb; 
    text-align: left;
    font-size: 100%; 
    background: #656565; 
    border-top: 0px solid #333;
    padding: 5px; 
    width: calc(100% - 20px); 
    margin-bottom: 0;
    cursor: pointer;
    border-bottom: 1px solid #909090;
    padding-left: 15px;
}

#leftPane .ui-layout-center2.ui-layout-center3 {
    height: calc(100% - 76px);
}

#leftPane .ui-layout-center2 {
    height: calc(100% - 100px);
    overflow-x: hidden;
    border-right: 1px solid #909090;
    border-bottom: 1px solid #909090;
}

#leftPane .ui-layout-center2 > div{  
    background:#fff;padding:5px
}

#rightPane{
    display:none
}


.ui-layout-resizer { /* all 'resizer-bars' */ 
    background: #f2f2f2; 
}

.ui-layout-toggler { /* all 'toggler-buttons' */ 
    background: #838383; 
}

.ui-state-disabled
{
    opacity: 1.0 !important;
    filter: Alpha(Opacity=100);
    border-top: 0;
}

#divPresenta
{
    margin-left:40px;
    padding:25px;
    width: 75%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background-color: #f0f0f0;
}

#divPartners
{
    margin:0px auto;
    padding:20px;
    width: 650px;
}
#divPartners fieldset
{
    /* margin: 10px auto; */
    /* width: 580px; */
    padding: 25px;
    border: 0;
}
#divPartners table
{
    border-collapse:collapse;
    background:none;
}
#divPartners td
{
    border:none;
    background:none;
    vertical-align:middle;
    text-align:left;
}

/** Enlaces y Textos **/

p{
    font-size:120%;
    text-align:justify;
    line-height: 25px;
}

a{
    color: #333;
    text-decoration:none;
    font-weight: bold;
}

a:hover {
    color: #808080;
    text-decoration:none;
}

a img { border:none; }

h1, h2, h3, h4
{
    font-weight: normal;
    margin-bottom:0.5em;
}

h1 {
    color: #000000;
    font-size: 300%;
    font-weight:bold;
    font-variant: small-caps;
}

h2 {
    color: #004080;
    font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
    font-size: 190%;
}

h3 {
    color: #993;
    text-align:center;
    font-size: 100%;
}

h4 {
    margin:10px;
    margin-top:0px;
    color: #0e59ae;
    font-size: 140%;
    font-variant: small-caps;
}

h5 {
    color: #333;
    text-align:center;
    font-size: 100%;
    background: #f2f2f2;
    border-top: 1px solid #333;
    padding:5px;
    margin-bottom:10px;
}

h6 {
    color: #333;
    text-align:center;
    font-size: 100%;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding:5px;
    margin-bottom:10px;
}

.ui-layout-center2 h5  {
    color: #c0c0c0;
    text-align:center;
    font-size: 100%;
    background: #333;
    border-top: 1px solid #333;
    padding:5px;
    width:100%;
    margin-bottom:0;
}

.subtitle
{
    color: #333;
    font-size: 90%;
    font-variant: normal;
}

.marca_agua
{
    width:auto;
    margin:5% 0;
    filter: alpha(opacity=30);
    opacity: .3;
}


#tools
{
    width: auto;
    padding:5px 10px;
    height: 35px;
    background: #f7f7f7;
    position: fixed;
    border: 1px solid #c0c0c0;
    border-top: none;
    z-index:100;
    /*top:45px;*/
    right: 2%
}
#tools img{ cursor:pointer;  filter: alpha(opacity=50); opacity: .5; height:20px; padding:5px; border:1px solid gray }
#tools img:hover{ filter: alpha(opacity=100); opacity: 1.0;}

.instructions { filter: alpha(opacity=50); opacity: 0.5;}
.instructions2 { font-size:8px; padding:10px !important }
.instructions2 p { line-height:15px; padding-bottom:5px }

#beta1
{
    overflow: hidden;
    padding:0px;
    border-left:0;
}

#formIncidence {
    border: none;
    padding: 10px 20px;
    width: calc(100% - 40px);
}

#formIncidence input[type=text]:focus, 
#formIncidence textarea:focus { background:#ffffbb; border: 1px groove #333;  }

#formIncidence input[type=text],
#formIncidence textarea{ width:calc(100%  - 10px)}

#formIncidence form{ padding:0 }
#formIncidence input[type=file]{ 
    border: 0;
    background: transparent;
}

body .ui-dialog {
    border-radius: 0;
    padding: 0;
}

body .ui-dialog .ui-dialog-titlebar {
    padding: .5em 1em .3em;
    position: relative;
    padding-bottom: 10px;
    background: #666;
    color: white;
    border-bottom: 2px solid #909090 !important;
    border-radius: 0;
}

body .ui-dialog .ui-dialog-titlebar-close {
    border: 0;
    background: transparent;
    border-left: 1px solid #72797d;
    padding: 10px 10px 11px 10px;
    margin: -20px -5px 0 0;
    border-radius: 0;
}
body .ui-dialog .ui-dialog-titlebar-close:hover, body .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 10px 10px 11px 10px;  
}



.menu .active ul a.border-bottom {
    border-bottom: 0px solid #C3D1EC !important;
}


#divPresentacion
{
    width:950px;
    background: url(../img/logos/logo_grande2.png) center bottom no-repeat;
}

#infoBD.content, #divPresentacion.content{
    text-align:justify; 
    margin: 20px auto 50px auto;
    color: #323263;
    /*text-shadow: 1px 1px 1px #d1d1e9;*/
    font:  120% Helvetica bold;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 160%;
}

.ui-widget {
    font-family: Arial, Sans-serif !important;
}

.color-blue {color: #1e7dce;}
.baranyi_risk {text-align: center}
.baranyi_risk button{  
    padding: 4px 12px;
    margin-top: 10px;
    line-height: 20px;
    vertical-align: middle;
    cursor: pointer;
    background-repeat: repeat-x;
    border: 0;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #3c88e0;
}

.jstree-default a.folders ins.jstree-icon {
    background-size: 45px;
    width: 18px;
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1.5px
}
.jstree a > .jstree-icon {

    margin-left: 5px !important;
    margin-right: 5px !important;
}

.jstree-default li[rel=default] > a > .jstree-icon,
.jstree-default a.files ins.jstree-icon {
    background-size: 30px;
    width: 13px;
    height: 16px;
    margin-top: 1.5px;
}

.jstree-default  a > .jstree-checkbox {
    background-image: url(../img/general/checkbox.png) !important;
    background-size: 32px;
    height: 16px;
    width: 16px;
    margin-top: 1.75px;
    float: left;
}

.jstree-default .jstree-unchecked a .jstree-checkbox {
    background-position: 0px 0px !important;
}

.jstree-default .jstree-checked  .jstree-checkbox {
    background-position: 0px -16px !important;
}

.jstree-default .jstree-undetermined > a > .jstree-checkbox {
    background-position: -16px 0px !important;
}

.jstree a > .jstree-icon {
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 2px;
}  
.jstree li a,
.jstree-open a, .jstree-closed a {
    padding: 0 2px 0 1px !important;
    width: calc(100% - 16px);
    border: 0 !important;

} 
.jstree-default .jstree-hovered {
    padding: 0 2px 0 1px !important;
    width: calc(100% - 16px);
    border: 0 !important;
    background: rgba(208, 208, 208, 0.39) !important;
}

#nav_model a, #nav_prediction a, #nav_comparisons a, #nav_validation a, #nav_predefined a, #nav_risk a{
    line-height: 20px;
    height: 20px; 
    font-weight: initial;
}

#nav_risk.jstree-default a.files ins.jstree-icon,
#nav_predefined.jstree-default a.files ins.jstree-icon,
#nav_comparisons.jstree-default a.folders ins.jstree-icon{
    margin-top: 1px;
    margin-left: 0 !important;
}

#nav_prediction.jstree-default a.folders ins.jstree-checkbox,
#nav_validation.jstree-default a.folders ins.jstree-checkbox{
    margin-top: 2px;
}
#nav_prediction.jstree-default a.folders ins.jstree-checkbox,
#nav_validation.jstree-default a.folders ins.jstree-checkbox{
    margin-top: 2px;
}

#divSearchModel,
#divSharePredictionModel {
    padding: 0
}

#divSearchModel div.list,
#divSharePredictionModel div.list
{
    padding: 0 15px;
    background: whitesmoke;
    padding-bottom: 15px
} 

#divSearchModel div.row,
#divSharePredictionModel div.row
{
    width: 100%;
    padding-top:10px ;
    display: flex;
}

#divSearchModel div.span12,
#divSharePredictionModel div.span12 
{
    width: calc(100% - 20px);
}

#divSearchModel div.span6,
#divSharePredictionModel div.span6 {
    width: calc(50% - 20px);
}

#divSearchModel div.span4 ,
#divSharePredictionModel div.span4  {
    width: calc(33.333% - 20px);
}

#divSearchModel [class*="span"],
#divSharePredictionModel [class*="span"]  {
    float: left;
    min-height: 1px;
    padding: 0 10px;
}

#divSearchModel  label,
#divSharePredictionModel label
{
    padding-right: 20px;
    font-weight: bold;
}

#divSearchModel div.list input,
#divSharePredictionModel div.list input{
    width: calc(100% - 10px);
    background: white;
    border-radius: 4px;
    height: 18px;
}

#divSearchModel form.inputs, 
#divSharePredictionModel form.inputs {
    width: calc(100% - 40px);
    border-top: 1px dashed rgba(49, 43, 43, 0.38);
    border-bottom: 1px solid rgba(49, 43, 43, 0.38);
    min-height: 70px;
    padding: 15px 20px 15px!important;
}

#divSearchModel div.result,
#divSharePredictionModel div.result {
    height: 390px;
    overflow: auto;
}

#divSearchModel div.chip,
#divSharePredictionModel div.chip{
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px;
}

#divSearchModel div.chip .code,
#divSharePredictionModel div.chip .code {
    float: left;
    margin: 0 8px 0 -12px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    font-size: 0.75rem;
    text-align: center;
    line-height: 10px;
    padding-top: 8px;
    color: #fff !important;
    background-color: #757575 !important;
    padding: 0;
    line-height: 32px;
}

#divSearchModel div.chip .close,
#divSharePredictionModel div.chip .close
{
    cursor: pointer;
    float: right;
    font-size: 12px;
    line-height: 32px;
    padding-left: 8px;
}

#divSearchModel .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    padding: 0;
    margin: 0 10px;
}

#divSearchModel .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

#divSearchModel .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

#divSearchModel .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

#divSearchModel input:checked + .slider {
    background-color: #5685AF;
}

#divSearchModel input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

#divSearchModel input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

#divSearchModel .card {
    position: relative;
    margin: .5rem 0 1rem 0;
    background-color: whitesmoke;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    padding: 15px 10px;
}

/*[class*="span"]*/ 
#divSearchModel .card icon{
    height: 16px;
    width: 16px;
    display: block;
    float: right;
}

.instructions2 icon[class*="folder"],
#divSearchModel .card icon[class*="folder"]{
    background-size: 45px;
    width: 20px;
    height: 15px;
    margin-left: 5px;
    display: block;
}

.instructions2 icon[class*="file"],
#divSearchModel .card icon[class*="file"]{
    background-size: 30px;
    width: 13px;
    height: 16px;
    margin-left: 5px;
    display: block;
}

#divSearchModel .card a.btn {
    text-decoration: none;
    color: #fff;
    background-color: #0070B8;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
    border: 0;
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    float: right;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#divSearchModel icon.vegetables {
    background-image: url(../img/iconos16/tipos/plant.png);
    background-position: 0 0;
}
#divSearchModel icon.meat_products {
    background-image: url(../img/iconos16/tipos/meat.png);
    background-position: 0 0;
}

#divSearchModel icon.seafood{
    background-image: url(../img/iconos16/tipos/fish.png);
    background-position: 0 0;
}

#divSearchModel icon.milk_products{
    background-image: url(../img/iconos16/tipos/milk.png);
    background-position: 0 0;
}

#divSearchModel icon.eggs{
    background-image: url(../img/iconos16/tipos/eggs.png);
    background-position: 0 0;
}

#divSearchModel icon.fomites{
    background-image: url(../img/iconos16/tipos/laboratory_icon2.jpg);
    background-position: 0 0;
}


#divSearchModel icon.culture_medium{
    background-image: url(../img/iconos16/tipos/laboratory_icon3.jpg);
    background-position: 0 0;
}

#divSearchModel icon.general{
    background-image: url(../img/iconos16/tipos/laboratory_icon.jpg);
    background-position: 0 0;
}

.instructions2 icon.folder_microorganism,
#divSearchModel icon.folder_microorganism {
    background-image: url(../img/general/folders.png);
    background-position: -23px 0px;
}

.instructions2 icon.folder_sensory,
#divSearchModel icon.folder_sensory {
    background-image: url(../img/general/folders.png);
    background-position: 0px -16px;
}

.instructions2 icon.folder_physicochemical,
#divSearchModel icon.folder_physicochemical {
    background-image: url(../img/general/folders.png);
    background-position: -23px -31px;
}

.instructions2 icon.file_sensory,
#divSearchModel icon.file_sensory {
    background-image: url(../img/general/files.png);
    background-position: 0px -18.5px;
}


.instructions2 icon.file_physicochemical,
#divSearchModel icon.file_physicochemical {
    background-image: url(../img/general/files.png);
    background-position: 0px -37px;
}

.instructions2 icon.file_growth,
#divSearchModel icon.file_growth {
    background-image: url(../img/general/files.png);
    background-position: 0px 0px;
}

.instructions2 icon.file_inactivation,
#divSearchModel icon.file_inactivation {
    background-image: url(../img/general/files.png);
    background-position: -16px 0px;
}

.instructions2 icon.file_transfer,
#divSearchModel icon.file_transfer {
    background-image: url(../img/general/files.png);
    background-position: -16px -18.5px;
}

::-webkit-scrollbar {
    width: 10px;       
}
::-webkit-scrollbar-track {
    background: #ddd;
}
::-webkit-scrollbar-thumb {
    background-color: #373737;   
    border-radius: 0;   
    cursor: pointer
}