/*global predefinition*/
html,body{margin:0; padding: 0;}
body{
	color:#fff;
	background-color:#7a7a7a;
    font-size:14px;
}
input[type=text],select,textarea{background-color: #cccccc;}
td{vertical-align: top;}
h1,h2{margin:0;}
hr{
	color:slategrey;
}

/*common*/
.shInput{width:30px !important;}
.container{ text-align: center; margin:auto;}
.mainTitle{color:#cc0000; text-shadow: 1px 1px #000;}
/*top area - buttons and title*/
.top{
    text-align: center;
    position: sticky; top: 0;
    background-color:#7a7a7a;
    z-index: 99999;
}


.btnToolbar{width:120px;}
.btnDiarySave{
    transform: scale(1.1);
    transition: transform 0.2s ease;
}
.btnAlert{background-color: #f74242;}

/*workplace - by default - hidden*/
#workplace{
    display:none;
}

/*identificatopn area*/
.identTable{width:100%;}
.identTable td:nth-child(odd){text-align: right; width:1%; white-space: nowrap;}
.identTable td:nth-child(even){text-align: left;white-space: nowrap;}
.identTable input[type=text] {width:97%;}
.identTable select {width:100%;}

/*dates area*/
.datesTable{width:100%;}

.datesDescrTable td:nth-child(odd){text-align: right; width:1%; white-space: nowrap;}
.datesDescrTable td:nth-child(even){text-align: left;white-space: nowrap;}

/*inventaria area*/
.invTable{width:100%;}
.invDescrTable td:nth-child(odd){text-align: right; width:1%; white-space: nowrap;}
.invDescrTable td:nth-child(even){text-align: left;white-space: nowrap;}
/*documentation area*/
.docTable{width:100%;}
.docDescrTable td:nth-child(odd){text-align: right; width:1%; white-space: nowrap;}
.docDescrTable td:nth-child(even){text-align: left;white-space: nowrap;}


/*divs that hold text for text editor*/
.contText{
    border:1px solid #000;
    text-align: left;
    overflow-y: scroll;
}

/*panelsr*/
.panel{
    position: fixed;
    top: 50%;
    left: 50%;
    display:none;
    border: 4px double #000;
	border-radius: 4px;
    z-index: 99999;
}
#panelAbout{
    margin-top: -150px;
    margin-left: -150px;
    width: 300px;
    height: 300px;
    background-color: #6b5850;
}

#panelDiary {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 300px;
    background-color: #6b5850;
    padding: 4px;
    transform: translate(-50%, -50%);
}

.diaryList{
    text-align: right;
}


/*EDITOR*/
#panelEditor{
    margin-top: -250px;
    margin-left: -250px;
    width: 500px;
    height: 500px;
    background-color: #6b5850;
    padding:4px;
}
#editorWorkSpace{
    width:100%;
    height:95%;
    background-color: #7a7a7a;
    text-align: left;
    font-size: large;
}

.iconBtn{
    cursor: pointer;
}
.inputBy {
    font-size: 0.9em;
    font-style: italic;
}
.selectedDate {
    background-color: #3c3c3d;
    border-left: 4px solid #2196f3;
}

/*gallery*/
.gallery-preview {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 5px;
  margin-top: 8px;
}

.gallery-preview img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
}