/*****************************************************************************
* Author:	Clive Middleton
* Application:	Tab functionality for Web Applications
* Description:	Style Sheet for Application Tabs
* Copyright:	(C) 2020
******************************************************************************
* Revision history
*
* Version	Date    	Author  	Description
*
* 1-001	6th Dec 2020	C.Middleton	Created from w3schools page
*						https://www.w3schools.com/howto/howto_js_tabs.asp
*
* (C) Copyright Clive Middleton 2020.
******************************************************************************/


/**********************************************
* Style the tab
**********************************************/

.appTab {
  overflow: hidden ;
  background-color: #e9e9e9 ;
}

/**********************************************
* Style the buttons that are used to open the tab content
**********************************************/

.appTab button {
  background-color: #f6f6f6 ;
  float: left ;
  border: solid ;
  border-width: 1px ;
  border-color: #c5c5c5 ;
  border-radius: 5px ;
  outline: none ;
  cursor: pointer ;
  padding: 10px 16px 10px 16px ;
  margin: 5px 0px 0px 5px ;
  transition: 0.3s ;
  font-size: 22pt ;
}

/**********************************************
* Create an active/current tablink class
**********************************************/

.appTab button.active {
  background-color: #007fff ;
  color: #fff ;
  border-color: #003eff ;
}

/**********************************************
* Style the tab content
**********************************************/

.appTabContent {
  display: none ;
  padding: 6px 12px ;
}