/* 
  ===================================================
  Main
  ===================================================
*/
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFF;
}

body {
  color: #000;
  font-family: 'Open Sans', arial, sans-serif;
  overflow: hidden;
}

a, button, .no-drag
{
  -webkit-app-region: no-drag;
}

dt {
  font-weight : bold;
}
dd {
  font-style: italic;
}

::-webkit-scrollbar 
{
  background: #ecf0f1;
  width: 15px;
}

::-webkit-scrollbar-thumb 
{
  background: #bdc3c7;
  border: 5px solid #ecf0f1;
}

::-webkit-scrollbar-thumb:hover
{
    background: #42484a;
}

*.paramStyle { background-color:#ccccff; }

/* 
  ===================================================
  Tabbar and tabs
  ===================================================
*/

.tabs-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0px;
  margin: 0px;
  background-color: #42484a;
}
.tabs-container .tab-link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin: 1px 1px 0px 0px;
  padding: 0px 4px;
  width: 120px;
  background-color: #3498db;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
.tabs-container .tab-link:hover, .tabs-container .tab-link:active, .tabs-container .tab-link.active {
  background-color: #2c81ba;
}
.tabs-container .tab-link span.tab-icon {
  flex-shrink: 0;
}
.tabs-container .tab-link span.tab-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tabs-container .tab-link span.tab-close{
  display: none;
  margin-left:auto; 
  margin-right:4px;
}
.tabs-container .tab-link span.tab-close:hover{
  color: red;
}
.tabs-container .tab-link:hover span.tab-close, .tabs-container .tab-link:active span.tab-close{
  display: block;
}

/* 
  ===================================================
  Files dropdown
  ===================================================
*/

.files-dropdown{
  background-color: #42484a;
  color: #ffffff;
  margin-right: 1px;
  margin-top: 1px;
  cursor: pointer;
}
.files-dropdown:hover, .projectFiles:active {
  background-color: #383d3f
}
.files-container{
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 1px;
  position: absolute;
  z-index: 5;
  background-color: #42484a;
}
.files-dropdown:hover .files-container {
  display: block;
}
.files-container .file-link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin: 1px 0px 0px 0px;
  padding: 0px 4px;
  width: 180px;
  background-color: #3498db;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
.files-container .file-link:hover, .files-container .file-link:active, .files-container .file-link.active {
  background-color: #2c81ba;
}
.files-container .file-link span.file-icon{
  flex-shrink: 0;
}
.files-container .file-link span.file-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.files-container .file-link span.file-close{
  display: none;
  margin-left:auto; 
  margin-right:4px;
}
.files-container .file-link span.file-close:hover{
  color: red;
}
.files-container .file-link:hover span.file-close, .tabs-container .tab-link:active span.tab-close{
  display: block;
}

/* 
  ===================================================
  PopUp
  ===================================================
*/

.addNewFilePopUp {
text-align: center;
padding-top: 20px;
}
.popupBtn{
  border: none;
  background-color: #3498db;
  color: #ffffff;
  text-decoration: none;
  padding: 3px 8px;
}
.popupBtn:hover, .popupBtn:active{
  background-color: #2c81ba;
}
#errMsg{
  color: red;
}