.grid-selected .tr-ng-cell,
.grid-selected .tr-ng-row,
.grid-selected .tr-ng-grid,
.grid-selected .tr,
.grid-selected .td,
.grid-selected .th{
	user-select :text !important;
	-webkit-user-select : text! important;
}


.word-wrap-doc {
	word-wrap : break-word;
	word-break : break-all;
	overflow-wrap : break-word;
}

.word-wrap {
	word-wrap : break-word;
	/*word-break : break-all;*/
	overflow-wrap : break-word;
}

.control-label-dfp {
	font-size: 13px;
    padding-top: 10px;
    color :#ffffff;
}

.font-bold {
	font-weight : bold;
}

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

.btn-space {
	margin-right : 10px;
}

.label-status{
	 color :#0057ae;
	 padding-top: 8px;
}

.box-dfp {
	height : 120px;
	border : 2px solid #000;
	margin-top : 10px;
	margin-bottom : 10px;
}

.box2-dfp {
	height : 120px;
	background-color : #666666;
	border : 2px solid #000;
	padding : 10px;
	margin-top : 10px;
}

.btn-custom-orange{
	background-color: #ffa206;
	color:white!important;
}

.btn-custom-orange:hover{
	background-color: #e68f00;
	border-color:  #e68f00;
	color:white!important;
}

.btn-custom-green{
	color:#fff;
	background-color:#004A34;
	border-color:#004A34;
}

.btn-custom-green:focus,.btn-custom-green:hover{
	color:#004A34 !important;
	background-color:#B6CB40 !important;
}

.btn-disabled {
	background-color:#c0c0c0;
	color: #7a7a7a;
	border: 1px solid #7a7a7a;
	cursor: not-allowed;
	pointer-events:none;
	opacity:0.8;
}

.hyperlink-disabled {
	color: #999;
	pointer-events: none;
	text-decoration : none;
	cursor: not-allowed;
	opacity: 0.7;
}

.modal-xl .modal-dialog{
	width : 95%;
	max-width:none;
}

.form-control-xs {
	height : 25px;
	font-size : 12px;
	padding : 2px 6px;
}

/*dropdown*/

.dropdown-content {
position: absolute;
background-color: #f9f9f9;
width: 100%;
max-height: 200px;
overflow-y: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content input {
box-sizing: border-box;
width: 100%;
padding: 8px;
border: none;
border-bottom: 1px solid #ddd;
}

.dropdown-content-item {
padding: 8px 12px;
display: block;
cursor: pointer;
text-decoration: none;
color: black;
}

.dropdown-content-item :hover {
background-color: #f1f1f1;
}


/*batas dropdown*/


@media (max-width: 768px) {
	.box-dfp {
		height : 50px;
		border : 2px solid #000;
	}
	
	.box2-dfp {
		height : 200px;
		background-color : #666666;
		border : 2px solid #000;
	}
}