/*
  Master CSS for AWS
  2020 by Marc
  2020-05-19 first draw
  2020-05-29 renew everthing    
  2020-11-11 add stuff for ttseditwindow    
*/

/*basics */
html, body {
  background-color: #888888;
  color: #000000;
  margin: 0;
  padding: 0 ;
  font-family: monospace;
  font-size: 1.1em;  
  image-rendering: crisp-edges;
}

.hide{
    display:none;  
}

.left{
  margin:0;
  text-align: left;    
}

.center{
  margin:0;
  text-align: center;    
}

.block{
  margin:0;
  text-align: justify;    
}

.right{
  margin:0;
  text-align: right;    
}


/* TOP and LEFT nav Bar*/
ul.navHead, ul.navLeft {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #232323;
}

ul.navHead li.hide, ul.navLeft li.hide{
    display:none;  
}

ul.navHead li, ul.navLeft li {
    display: block;
    float: left;
    color: white;
    text-align: center;
    padding: 10px 8px;
    #text-decoration: none;
    #font-family: HelveticaNeue;
}

ul.navHead li:last-child{
  float:right;
  }

ul.navHead li.hover:hover,ul.navLeft li.hover:hover{
    background-color: #424242;
    color: #FFFFFF

}
/* Top Nav End*/

/* Left nav Overwirte some defaults set above*/
ul.navLeft li{
    float: none;
}
/* Left Nav End*/



/* Main Layout */
.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
}

.flex-item:nth-child(1) {
    order: 0;
    flex: 0 0 auto;
    align-self: auto;
}

.flex-item:nth-child(2) {
    order: 0;
    flex: 1 0 auto;
    align-self: auto;
}



/*ToolBar*/
.formSelector{
    color: blue;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
    padding: 0 0 0 0px;
    border: 0px solid black;
    outline: none;
}

/*Input Form*/
.formInput{
  background-color: transparent;
  margin: 0;
  padding: 0 0 0 5px;
  font-family: monospace;
  font-size: 1.1em;
  border: 1px solid black;
  outline: none;
}



/*Holiday Table Layout*/
.toolHoliday, .toolConfig, .toolPrompts{
  margin: 0 auto 0 auto;
  padding: 0;
  border: 0px solid black;
  border-spacing: 10px;
}

table.toolHoliday td{
  padding: 0 0 8px 0;
}


.tdHover:hover{
    background-color: #424242;
    color: #FFFFFF
}


.timeChecker:-moz-read-only{
  background-color: #333333;
}

.timeChecker:read-only{
  background-color: #111111;
}


#formGlobalConfigSearchResult {
   position: absolute;
   top: 180px;    
   width: 100%;
   max-width:350px;
   cursor: pointer;
   overflow-y: auto;
   max-height: 400px;
   box-sizing: border-box;
   z-index: 23;
  }

.formGlobalConfigSearchResultUL {
    padding-left: 0;
    margin-bottom: 20px;
}

.formGlobalConfigSearchResultLI{
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #232323;
    border: 1px solid #cccc;
}

.formGlobalConfigSearchResultLI:hover{
    background-color: #424242;
    color: #FFFFFF
}


input.promptsChecker{
     width: 700px;
}	



/* TTS EDIT popup*/

.ttsedit {
  display: none; 
  position: fixed;
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto;
  #background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.5);
}

.ttsedit-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

.ttsedit-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.ttsedit-close:hover,
.ttsedit-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}