body { font-family: arial; background-color: #fffbfb;}
#page-header { display:flex; align-items: center;/*justify-content: space-between;*/
	background-color:#000050; padding:10px; margin: -8px;}
#page-header a, #page-header div { text-decoration: none; color: #eee; cursor: pointer; }
.user-info {margin: 0px 10px;position:absolute;right:10px;display:flex;flex-direction:row;align-items:center;}
#dd-content { max-width: 1500px; margin: 0 auto; }
#page-title, #md-menu { max-width: 1500px; margin: 0 auto; margin-bottom: 20px; }
#page-title h2 { padding: 5px; }
#md-menu label, .btns { border-radius: 3px; border: 1px solid #888; box-shadow: 1px 1px 1px 0px #888; padding: 2px 10px; cursor: pointer; } 
#optgetitem, #optupdate, #optgetfile { display: none;}
#optsearch  { float: right; width: 230px;}
#optsearch .fa-search { padding: 2px 2px; float:right; }
#optsearch .searchbox { float:left; width: 200px;max-height: 20px; outline: none !important; white-space: nowrap; overflow: hidden;}
#optskiplimit { float: right; border: unset !important; box-shadow: unset !important;}
#optskiplimit input[name='search.skip'] { display: none; }
#optskiplimit select { height: 25px; }
input[type="date"],input[type="datetime-local"] { font-size: 1em; }
.fa-chevron-left, .fa-chevron-right { box-shadow: 1px 1px 1px 0px #888; border: 1px solid #888; padding: 3px 10px; margin-bottom: 3px; border-radius: 5px;}
table.table-list-docs { width: 100%; }

.md-field { font-size:9px; color:#F00; }
.dd-elem-header { font-weight: bold; padding: 2px; }
.dd-in { padding: 10px 5px 5px 5px; border: 0px solid red; min-height:25px; overflow: auto;}
.dd-in-title { font-size: 20px; font-weight: bold;}
.dd-in-title label { width: auto !important; }
.dd-in .dd-elm label { min-width: 130px; }
.dd-elm input[type="text"],input[type="date"],input[type="datetime-local"],input[type="password"],input[type="number"],input[type="email"]  {border: 0; outline: 0; background: transparent; border-bottom: 1px solid #ccc; }
.dd-elm input[type="text"]:focus,input[type="date"]:focus,input[type="datetime-local"]:focus,input[type="password"]:focus { outline: none; box-shadow: none; border-bottom: 2px solid #ccc;}
.dd-elm { float: left; width: 50%;  display:flex; flex-flow: row; }
.dd-elm input[type="text"],input[type="date"],input[type="datetime-local"],input[type="password"],input[type="number"],input[type="email"]  { flex: 1 1 auto; ; text-align: center;}
.dd-elm select { flex: 1 1 auto; border: 0; background: transparent; text-align: center; text-decoration: none; appearance: none; border-bottom: 1px solid #ccc; }
.dd-elm select option { background-color: #000 !important; color: #fff; } 
.dd-elm-wide { width: 100%; }
.dd-elm-btn { text-align: right; }
.dd-elem-hd { background-color: #d1d9f0; margin-top:5px; border-radius:5px;}
.dd-elem-checkbox label { width: 300px; text-align:right;}
.dd-block { border: 2px solid green; border-radius:5px; display: flow-root;}
.op-btn { min-width: 150px; height: 25px; cursor: pointer;}
textarea.form-dt { margin: 0px 10px 5px 5px; padding: 5px; }
datalist {appearance:none; background-color: rgb(123, 123, 201); }
.elm-label { border: 0px !important; text-align: left !important;	pointer-events: none;  }

#sysmsg { position:absolute; left: calc(50% - 100px); top: calc(50% - 20px); border: 1px solid; color: #FFF; /*opacity: 0.4;*/
	padding: 10px;border-radius: 5px;font-weight: bold;font-family: Arial;z-index: 1000;}

#exp_menu { margin:5px 0px }

table, td, th { border: 1px solid; }
.table-list-docs { border-collapse: collapse; font-size: 14px; }
.table-list-docs tr th:first-Child, .table-list-docs tr td:first-Child { display: none; }
.table-list-docs th,td { padding: 2px 5px; }

.table-list-docs .list-line:hover { background-color: #dbe8ea; cursor: pointer}
.table-list-docs .list-line-head { background-color: #becfff;}

.selectedListItem { background-color: #d1d9f0; }

.dd-addfield { font-weight: normal; font-style: italic; float: right;  margin-right: 10px;
	cursor: pointer; border-radius: 2px; border:1px solid #fff; padding: 0px 5px; }
.dd-block-addfields label { width: 150px; }
.clearadd { color: #726c6c; }

/*.dd-in-comment { border-bottom: 2px solid rgb(134, 134, 214); }*/
.dd-in-comment:last-of-type { border-bottom: none; }

.dd-in-multiples-block { border-top: 3px solid green; margin-top:10px;}

input[type="password"] { text-shadow: 0 0 5px rgba(0,0,0,0.5); color: transparent; }

#clear_fields { margin-left: 5px; }
.permission-denied-info { 
	text-align: center;
	margin: 100px;
	font-size: 21px;
	color: red;
}

#md-submenu {
	max-width: 1500px;
	margin: 0 auto;
	display: flex;
    background-color: #eceef3;
	padding: 2px 0px;
	border: 1px solid #888;
	box-shadow: 1px 1px 1px 0px #888;
}

#md-submenu div {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 10px;
	border-right: 1px solid #888;
	cursor: pointer;
}

#md-submenu div:hover{
	background-color: #697fb5;
	color:rgb(249, 249, 249);
}

#md-submenu div.submenu-selected {
	background-color: #08183f;
	color:rgb(249, 249, 249);
}

/* Class hidden */
.hidden { display: none; }

/* Make datalist show on keyup */
datalist { opacity: 0; }
datalist:focus { opacity: 1; }

/* LOAD FILE */
.loadfile{
	background-color: rgb(249, 249, 249);
	box-shadow: 0px 0px 5px #AAA;
	margin: 10px 30px;
	padding: 30px;
	border-radius: 10px;
	width: 75%;
	min-width: 300px;
}
.loadfile div{
	font-size: 14px;
	margin: 2px 0px;
	font-family: Arial;
}
.loadfile div label{
	display: inline-block;
   padding: 2px 5px;
}
.loadfile div label:first-child{
	width: 150px;
	font-weight: bold;
	border: 0px solid #cccc;
	text-align: right;
	vertical-align: top;
}
.loadfile div label:first-child:after {
	content: " :";
	font-weight: bold;
}
.loadfile div label:nth-child(2){
	width: auto;
	border-bottom: 0px dotted #ccc;
	width: calc(100% - 170px);
}
.loadfile #btstatus{
	box-shadow: 0px 0px 5px rgb(84, 84, 255);
	background-color: rgb(178, 178, 255);
	display: inline-block;
	padding: 3px 5px;
	border-radius: 10px;
}
.loadfile #btstatus:hover{
	background-color: #4d4dfb;
	color: rgb(255, 255, 255);
	cursor: pointer;
	transition: 0.2s ease-in;
}
.loadfile #btstatus:active{
	background-color: #cfcffa;
}
.loadfile fieldset {
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
}
.loadfile fieldset:nth-of-type(2) > div fieldset:first-of-type {
	background-color: #e3e3f7;
}
.loadfile fieldset:nth-of-type(2) > div fieldset:not(:first-of-type):hover {
	background-color: #efeffb;
}
.loadfile fieldset legend {
	padding: 2px 10px;
	border-radius: 3px;
	font-weight: bold;
	border: 1px solid;
	background-color: rgb(249, 249, 249);
	/*color: #fff;*/
}
/* END LOAD FILE */

/* DOWNLOAD DOCUMENT FILE */

#embeddiv {
	display: none;
	position: absolute;
	width: 100%;
	height: calc(100% - 45px);
	top: 0;
	left: 0;
	border: 1px solid black;
	background-color: transparent;
	padding: 20px 100px;
}

#embeddiv div {
	margin: 0 auto;
	max-width: 75%;
	overflow-y: auto;
	/*display: flex;
    align-items: center;
    justify-content: space-around;*/
	background-color: rgb(53, 52, 52);
}

#embedheader {
	height: 30px;
	text-align:right;
}
#embedheader i {
	font-size: 30px;
	color: white;
	margin: 0px 5px;
}

#embedelm {
	border: 0px solid red;
	border-radius: 5px;
	background-color: rgb(53, 52, 52);
	height: 95%;
	text-align: center;
}

input[type="file"] {
	margin-left: 20px;
}
i.files-icon {
	margin: 0px auto;
	font-size: 25px;
	position: relative;
	top: -10px;
	cursor: pointer;
}
i.files-icon-inline {
	top: unset;
}

i.fa-file-pdf {
	color: #F00;
}

i.fa-file-alt {
	color: rgb(102, 98, 98);
}

i.fa-file-image {
	color: rgb(41, 134, 58);
}

/* END DOWNLOAD DOCUMENT FILE */