.header_bl{
      width:100%;
      height:180px;
      background:white;
      margin:0px;
      padding:0px;
  }
  .header_wh{
      width:100%;
      height:180px;
      background:black;
      margin:0px;
      padding:0px;
  }
  .theader_bl{
      width:100%;
      color:black;
      font-weight:bold;
      background:white;
      margin:0px;
      padding:0px;
  }
  .theader_wh{
      width:100%;
      color:white;
      font-weight:bold;
      background:black;
      margin:0px;
      padding:0px;
  }
  .temp_bgc{
      background:white;
      color:black;
  }
  .footer_bl{
      font-size:x-small;
      color:black;
      background:white;
  }
  .footer_wh{
      font-size:x-small;
      color:white;
      background:black;
  }
  /* width */
  ::-webkit-scrollbar {
    width: 4px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .webix_message.webix_info{
      background-color: #FEB92E;
      color:black;
      font-weight:bold;
  }
  .container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .warn{
      color:red;
      font-weight:bold;
  }
  .calObj {
      font-size:small;
      font-family:Verdana, Geneva, Tahoma, sans-serif;
      color:black;
  }
  .ImgW {
    max-width: 100%;
      max-height: 100%;
  }
  .temp_bgc{
      background:white;
      color:black;
  }
  table{
      border: 1px solid black;
      border-collapse: collapse;
  }
  #slogan_ext{
      position: relative;
      margin-top: -315px;
      top: 450px;
      z-index: 5;
  }
  #slogan{
      position: relative;
      margin-top: -315px;
      top: 450px;
      z-index: 5;
  }
  .hide{
    visibility: hidden;
      display:none;
  }
  .hidden span{
    visibility: hidden;
      display:none;
  }
  .hidden:hover span{
      visibility: visible;
      display:block;
      text-align: center;
      color:white;
  }
  .profile{
      height:273px;
      width:195px;
      position:relative;
      display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .profile img{
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
  }
  .imgview{
      transition: all .2s ease-in-out;
  }
  .imgview:hover{
      transform: scale(1.1);
  }
  .profile_avl{
	width:195px;
	height:170px;
	position:absolute;
	top:0;
	left:0;
	margin-top:0px;
}
.profile_avl_left {
	padding-top:4px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:4px;
	visibility: visible;
	position:absolute;
	content: url('https://api.iconify.design/mdi/calendar-check.svg?color=lime&width=19&height=19');
	color:lime;
	float: left;
	background-color:black;
	background-color: rgba(0,0,0,0.5);
}
.profile_avl_right {
	margin-left:25px;
	padding-top:2px;
	padding-right:10px;
	padding-left:4px;
	padding-bottom:2px;
	visibility: visible;
	position:absolute;
	color:lime;
	float: left;
	background-color:black;
	background-color: rgba(0,0,0,0.5);
}
  .profile_content{
      width:195px;
      position:absolute;
      bottom:0;
      left:0;
      background-color:black;
      background-color: rgba(0,0,0,0.5);
  }
  .profile_name{
      width:195px;
      text-align: center;
      color:gold;
  }
  .profile_data_left{
      width:60px;
      padding-left:5px;
      color:white;
      float: left;
  }
  .profile_data_right{
      margin-left: 55px;
      width:135px;
      color:white;
      text-align: right;
  }
  .profile_loc{
	width:195px;
	text-align: center;
	color:white;
	background-color:black;
	background-color: rgba(0,0,0,0.5);
}
.detail_content{
	width:400px;
	height:300px;
	padding-left:5px;
	color:black;
	float: left;
}