@charset "utf-8";
/* CSS Document */


  .flow1 li{
	  margin-bottom:15px;
	  line-height:25px;
	  position:relative;
  }
  .flow1 li i {
    position: absolute;
    left: -40px;
    top: -5px;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.3em;
    text-align: center;
    font-size: 25px !important;
  }
  .fzselect1{
	  font-weight:600;
	  color:#ffc107;
  }
  div.item {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 120px;
}
.item img {
    width: 80px;
    height: 80px;
   
}
.caption {
    display: block;
}

.b-space{
	margin-bottom:5px;
}
.footer {
    position: fixed;
    padding: 2px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #e9ecef;
    border: 1px solid #ccc;
    font-size: 12px;
}
@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(../fonts/UbuntuCondensed-Regular.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  
  #sv a{
	  border-bottom:none;
  }
  .pointer{
	  cursor:pointer;
  }
  #side-pane-animate{
	  /*left:-90px !important;*/
  }
  .icon-angle-double-right:before {
    content: '>>';
}
.icon-angle-double-left:before {
    content: '<<';
}
.icon-angle-double-right, .icon-angle-double-left{
	position:absolute;
	transform:translateY(-50%);
	font-size:17px;
	top:50%;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
	font-weight:bold;
	
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  .tap {
	padding:5px;
    position: absolute;
    right: -8px;
    top: calc(50% - 20px);
    width: 30px;
    height: 40px;
    color: white;
    background-color: #36F;
    cursor: pointer;
    border-radius: 3px 0 0 3px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
  .close {
    float:right;
    position:absolute
    //display:inline-block;
    padding:0px 0px;
    background:#ffc107;
    cursor: pointer;
	z-index:1;
	border-radius:2px;
	opacity:1;
}
.close:hover {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#F90;
    color:#000;
	cursor:pointer;
}
#mySidenav a {
  display:none;		
  position: fixed;
  right: -120px;
  top:50%;
  transform: translateY(-50%);
  transition: 0.3s;
  padding: 15px;
  width: 180px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  border-radius: 5px 0px 0px 5px;
  text-align:right;
  z-index:999
}
#mySidenav a:hover {
  right: 0;
}
	
  @media  (max-width:768px){
	  .logo-head-container{
		  margin-left:40px !important;
	  }
	  .head-logo-text{
		  display:inline-block;
		  position:relative;
		  z-index:99999;
		  line-height:35px;
		  color:#3388cc; 
		  font-weight:bold; 
		  font-size:2.2em; 
		  letter-spacing:6px; 
		  font-family:Georgia, 'Times New Roman', Times, serif; margin:0;
		  padding-top:20px;
		 text-shadow: 2px 2px #000;
		  padding:0
	  }
	  .sub-head-logo-text{
		  display:inline-block;
		  color:#FFC107; 
		  font-size:16px;
		  
		  text-shadow: 1px 1px #000;
		  z-index:-4;
		  padding:0
	  }
	  
	  .d-hide{
		  display:none !important;
	  }
	  .search-container{
	  position:absolute;
	  width:200px;
	  //left :15%;
	  right:10%;
	  
	  padding : 8px;
	  border : 0px solid ;
	  border-radius:20px;
	  border-color:#FFC107;
	  position:absolute; top: 50%; transform:translateY(-50%);
	  z-index:10;
  }
  	.hide{
		display: inline-block;
	}
  }
  
  @media  (min-width:769px){
	  
	  .logo-div{
		  padding-left:20px !important;
	  }
	  
	  
	  .sub-head-logo-text{
		  display:inline-block;color:#FFC107; font-weight:bold; text-shadow: 1px 2px #000;z-index:-4;padding:0;
	  }
	  
	  .head-logo-text{
		  display:inline-block;
		  position:relative;
		  
		  line-height:35px;
		  color:#3388cc; 
		  font-weight:bold; 
		  font-size:3.2em; 
		  letter-spacing:6px; 
		  font-family:Georgia, 'Times New Roman', Times, serif; margin:0;
		  padding-top:20px;
		  text-shadow: 2px 2px #000;
		  padding:0
	  }
	  .hide{
		display: none;
	}
	  
	  .d-hide{
		  display: inline-block;
	  }
	  /*.search-container{
	  position:absolute;
	  width:300px;
	  left :0%;
	  //right:10%;
	  padding : .5%;
	  border : 2px solid ;
	  border-radius:20px;
	  border-color:#FFC107;
	  position:absolute; top: 50%; transform:translateY(-50%);
	  z-index:10;
  }*/
  .search-container{
	  position:absolute;
	  width:300px;
	  left :0%;
	  //right:10%;
	  padding : .5%;
	  border : 0px solid ;
	  border-radius:20px;
	  border-color:#FFC107;
	  position:absolute; top: 50%; transform:translateY(-50%);
	  z-index:10;
  }
  }
  
  
  
  .slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}
  #gene-info{
	  font-size:13px;
  }
  #sv td{
	  padding:10px;
	  vertical-align:top;
  }
  #gv td{
	  padding:5px;
	  vertical-align:top;
  }
  #sv w-500{
	  text-align:justify;
  }
  .header{
	  padding: 2em 1em;
	  background:#e9ecef;
	  
  }
 /* .footer{
	  position:absolute
	  padding: 2px;
	  margin-bottom:-45px;
	  background:#e9ecef;
	  border:1px solid #ccc;
	  font-size:12px
	  
	 
	  
  }*/
  
  .search-container .fzselect{
    position:absolute;

    height:100%;
    width:100%;

    /* Font settings */

    font:13px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align:center;
    text-shadow:1px 1px 0 #EEEEEE;
    color:#666666;

    /* Using CSS3 multiple backgrounds and a fallback */

    background:url('../img/select_slice.png') repeat-x #ddd;
    background-image:url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png'),url('../img/select_slice.png');
    background-position:0 -136px, right -204px, 50% -68px, 0 0;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;

    cursor:pointer;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
  .fakeimg {
    height: 200px;
    background: #aaa;
  }

   @media (max-width: 768px) {
 .text-size{
	 font-size:16px;
 }
.py-41{
	padding-bottom:0 !important;
	padding-top: 0!important;
}
	 
	 
	 
 }
 @media (min-width: 769px) {
	 .text-size{
	 font-size:24px;
 } 
 .py-41{
	padding-bottom:1.5rem !important;
	padding-top: 1.5rem!important;
}
 }
 .box-table-b th {
    font-size: 13px;
    font-weight: 400;
    background: #e8edff;
    border-right: 1px solid #9baff1;
    border-left: 1px solid #9baff1;
    color: #039;
    //padding: 8px;
	background: #b9c9fe;
}
    


.box-table-b td {
    background: #e8edff;
    border-right: 1px solid #aabcfe;
    border-left: 1px solid #aabcfe;
    /*color: #669;*/
	color: #000;
    
}
.t-font-size td{
	font-size:14px;
}
.t-font-size th{
	font-size:16px;
}
.t-font-size2 td{
	font-size:13px;
}
.t-font-size2 th{
	font-size:14px;
}
.t-white{
	color:#fff;
	
}
.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}