@charset "UTF-8";
/* CSS Document */
.illosContainer {
    text-align:center;
    font-family:latoregular, sans-serif; 
      
    font-size:12pt;
    color:#262626;
    padding:0px 5% 0px 2%;
    
}

.illosRightColumn{
    text-align:center;
}
.illosTitle{
    font-family:inria_serifbold, serif;
    font-size:18pt;
    margin-top:1em;
    
}
.illosSubtitle{
    margin-top:1em;
    font-family:inria_serifbold, serif;
    font-size:11pt;
    
}
.illos_pic_image_container{
    padding-bottom:0.4em;
    border-bottom:solid 1px #546765;
}
#mainScreenBody{
    display:none;
    
}
#detailsBody{
    margin-top:0.2em;
    position:relative;
}

#dataReturnType{
    display:none;
}
#dataReturnField{
    display:none;
}
#refreshIconContainer{
    margin-left:1.5em;
}
#sectionsList{
    display:inline-block;
    text-align:center;
    transition: 1s;
}
.sectionsListArrows{
        color:rgba(200,233,242,1.00);
        font-weight:bold;
        font-size:110%;
    text-decoration:none;
    }
input.illos_text{
    font-family:latoregular, sans-serif; 
      
    font-size:12pt;
    color:#262626;
}
input[type=file]::file-selector-button {
    border-top: solid #bbbbbb 1px;
    border-left: solid #bbbbbb 1px;
    border-right: solid #999999 2px;
    border-bottom: solid #999999 2px;
  color:#161ED3;
    font-size:11pt;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #eeeeee;
    
  transition: 1s;
}
a.a_button{
border-top: solid #bbbbbb 1px;
    border-left: solid #bbbbbb 1px;
    border-right: solid #999999 2px;
    border-bottom: solid #999999 2px;
  color:#161ED3;
    font-size:11pt;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #eeeeee;
    text-decoration:none;
  transition: 1s;
}
.errornotification{
    color:#D51115;
    margin-top:1em;
    font-weight:bold;
    visibility:hidden;
}
.clickInsts{
    visibility:hidden;
    font-size:85%;
    color:#808080;
    margin-top:0.5em;
}
.illos_block{
    position:relative;
    width:95%;
    margin-top:0.4em;
}
.illos_image_icon{
    width:24px;
    cursor:pointer;
    
}
   .illos_pic_image_container{
        position:relative;
        
    }
.illos_pic_image{
    border-style:none;
    margin:auto;
    
}
.illos_pic_desc{
    text-align:left;
    vertical-align:top;
    padding-left:1em;
    position:relative;
    
}
.illos_pic_desc_item{
    overflow-y:auto;
    width:auto;
}
.illos_pic_section{
    width:80%;
}
.illos_pic_title{
    font-family:latobold, sans-serif;
    font-size:12pt;
    color:#262626;
    width:80%;
}
.illos_pic_writeup{
    border-top: solid #bbbbbb 1px;
    border-left: solid #bbbbbb 1px;
    border-right: solid #bbbbbb 1px;
    border-bottom: solid #bbbbbb 2px;
    padding:0.5em;
    width:80%;
    
}
/* *************************************** min-width 320 ****************/
@media screen and (min-width: 320px) {
  
.illosTitle{
    font-size: calc(18pt + 6 * ((100vw - 320px) / 680));
    }
    
    
}
/* *************************************** max-width 719 ************* */
@media screen and (max-width: 719px) {
   
    .illos_mobile_menu{
         position: sticky;
    top:192px;;
      left:0;
        display:block;
    background-color:rgba(4,84,11,1.00);
        color:rgba(237,235,212,1.00);
    height:1.25em;
    width:1.25em;
    font-size:1.5em;
    text-align:center;
    vertical-align:middle;
    padding-bottom:0.2em;
        z-index:600;
    }
    #illosLeftColumn{
        height: 19em;
        font-size:0.8em;
        margin:0;
        position: fixed;
        top: 192px;
        left: 0;
        background-color:rgba(4,84,11,1.00);
        color:rgba(237,235,212,1.00);
        overflow-x: visible;
        transition: 0.5s;
        z-index:500;
          
        width:240px;
        
    }
    .illos_mobile_navon{
    padding:1em;
    width:8em;
    display:block;
    }
    .illos_mobile_navoff{
        display:none;
}
    .illos_closebtn {
        
        text-align:right;
        text-decoration:none;
          color:#eeeeee;
        font-size: 1.5em;
        font-weight:600;
    }
}
/* *************************************** min-width 720 ****************/
@media screen and (min-width: 720px) {
    .illosContainer{
        display:flex;
        width:100%;
    }
    #illosLeftColumn{
        margin-top:3em;
        padding: 60pt 16px 24px 16px;
        background-color:rgba(4,84,11,1.00);
        color:rgba(237,235,212,1.00);
        width:18%;
        text-align:left;
        
    }
    
    .illos_closebtn{
        display:none;
    }
    
    .illos_mobile_menu{
    display:none;
}
    .illos_mobile_navon{
        display:none;
    }
    .illos_mobile_navoff{
        
    }
    .illosRightColumn{
       padding:16px; 
    }
    .illosTitle{
        font-size:24pt;
    }
    .illosSubtitle{
    margin-top:1em;
    
    font-size:13pt;
    
}
    .illos_block{
    position:relative;
    display:inline-block;    
    width:31%;
    margin-top:0.4em;
    margin-right:0.4em;    
        border-style:none;
}
 
    
    
    .illos_pic_section{
   
    
}

    .illos_pic_writeup{
         position:relative;
        
    }
    #sectionsList{
     width:20em;   
    margin:auto;
    }
    
}
/* CSS Document */