/* css for badge alert - customer/project */

.badge-alert {
  	border-radius: 50px;
  	position: absolute;
  	margin-left: 12px;
  	margin-top: -12px;
  	background: red; 
  	color: #fff;
  	border: 1px solid #fff;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 40px;
	height: 30px;
	padding-top: -10px;

}

	.col-form-label {
		padding-top: 5px !important;
		margin-left: 10px !important;
		padding-left: 10px !important;
		height: 30px;
		text-align: left !important;
		color: #000000;
		background-color: #eee;
		border : 1px solid #ddd !important;
		margin-top: 10px;
	}

	.option_title {
		font-family:Arial;
		font-size:11pt;
	}
	.option_label {
		display: inline-block;
		width: 100px;
		height: 34px;
		border: solid 1px #ddd;
		cursor:pointer;
		text-align: center !important;
		padding-left: 0px !important;
		padding-top:6px;
		font-family:Arial;
		font-size:10pt;
		border-radius:5px;
		color: #000000;
	}

	.option_label_no {
		margin-top: 4px;
		display: inline-block;
		width: 28px;
		height: 28px;
		border: solid 1px #ddd;
		cursor:pointer;
		text-align: center !important;
		padding-left: 0px !important;
		padding-top:3px;
		font-family:Arial;
		font-size:10pt;
		border-radius:5px;
		color: #000000;
	}


	input[type="radio"] {
		display: none;
	}

	input[type="radio"]:checked + label {
		border: solid 1px #e65c00;
		background-color: #e65c00;
		color: #ffffff;
	}

	input[type="radio"]:hover + label {
		border: solid 1px #18ce0f;
	}

	input[type="radio"]:hover + label:active {
		border: solid 1px #e65c00;
		color: #ffffff;
	}

	hr.style14 { 
		border: 0; 
		height: 1px; 
		background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	}

	.myModal {
		position: relative;
		display: table; /* This is important */ 
		overflow-y: auto;    
		overflow-x: auto;
		width: 1200px !important;
		min-width: 900px;   
	}

	input:read-only { 
    	background-color: #ffffff !important;
	}	

	.tree, .tree ul, .tree li {
		position: relative;
	}
	.tree ul {
		list-style: none;
		padding-left: 32px;
	}
	.tree li::before, .tree li::after {
		content: "";
		position: absolute;
		left: -12px;
	}
	.tree li::before {
		border-top: 1px solid #000;
		top: 9px;
		width: 8px;
		height: 0;
	}
	.tree li::after {
		border-left: 1px solid #000;
		height: 100%;
		width: 0px;
		top: 2px;
	}
	.tree ul > li:last-child::after {
		height: 8px;
	}



fieldset {
    border: 1px solid #bbb !important;
    margin: 0;
    min-width: 0;
   	padding: 10px;       
    position: relative;
    border-radius:4px;
    background-color:#fAfAfA;
    padding-left:10px !important;
    box-shadow: 2px 2px 5px #ddd; 
}   
    
legend {
    font-size:14px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 10px;
    width: auto; 
    border: 1px solid #ddd;
    border-radius: 4px; 
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px !important;
    /*padding: 20px 20px 5px 10px;  */
    background-color: #eee;
}

.btn-header {
    border: 1px solid #999;
    padding: 0;
    background: #F0F0F0;
   	color: #000000;
   	text-transform: capitalize;
   	padding-right: 15px;
   	padding-left: 15px;
   	padding-top: 7px;
   	padding-bottom: 5px;
}

.btn-header:hover {
    background:  linear-gradient(#FCFCFC, #dddddd);
   	color: #000000;
}

.label-top { margin-left: 10px; margin-right: 10px; padding-top: 7px; background-color: #fafafa; border-radius: 5px; border: 1px solid #ddd; height: 35px;}
.row-top { padding-top: -5px; margin-bottom: 5px !important;}