.dnLabel {
   
    width:100%;
   
}


.dnBtn {
	background-color: var(--primary-color) !important;
	color: white !important;
	width: 100%;
	border-color: #ccc !important;
	font-family: ArabicFont, Geneva, sans-serif !important;
	/*padding: .8em 1em;	*/
}

.dnBtnOld {
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px !important;
	width: 100%;
	font-weight: 400;	
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: white;
	background-color: var(--primary-color)
}

.dnBtnOld:hover {
	color : white !important;
	}


.dnList , .dnListBox{
    width:100%;
	margin-bottom: 10px;
   
 /*   color: var(--input-text-font-color);
    background:var(--input-text-background);
    border-radius: 4px;*/
}  

.well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
	background-color: var(--well-background-color);
	border: 1px solid var(--well-border-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.attachmentSidebar{
	width: 30%;
}

@media screen and (max-width: 1100px) {
	.attachmentSidebar{
		width: 50%;
	}
}