﻿.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

	.bs-callout h4 {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.bs-callout p:last-child {
		margin-bottom: 0;
	}

	.bs-callout code {
		-ms-border-radius: 3px;
		border-radius: 3px;
	}

	.bs-callout + .bs-callout {
		margin-top: -5px;
	}

.bs-callout-default {
	border-left-color: #777;
}

	.bs-callout-default h4 {
		color: #777;
	}

.bs-callout-primary {
	border-left-color: #428bca;
}

	.bs-callout-primary h4 {
		color: #428bca;
	}

.bs-callout-success {
	border-left-color: #5cb85c;
}

	.bs-callout-success h4 {
		color: #5cb85c;
	}

.bs-callout-danger {
	border-left-color: #d9534f;
}

	.bs-callout-danger h4 {
		color: #d9534f;
	}

.bs-callout-warning {
	border-left-color: #f0ad4e;
}

	.bs-callout-warning h4 {
		color: #f0ad4e;
	}

.bs-callout-info {
	border-left-color: #5bc0de;
}

	.bs-callout-info h4 {
		color: #5bc0de;
	}

.radio.radiobuttonlist input[type="radio"],
.checkbox.checkboxlist input[type="checkbox"] {
	margin-left: 40px;
}

.radio.radiobuttonlist label,
.checkbox.checkboxlist label {
	margin-left: 35px;
	margin-bottom: 4px;
}

fieldset legend {
	border: 0;
	font-size: inherit;
	font-weight: 700;
	margin-bottom: 0;
}

fieldset .radio,
fieldset .checkbox {
	margin-top: 4px;
}


.margin-top-05 {
	margin-top: 0.5em;
}

.margin-top-08 {
	margin-top: 0.8em;
}

.margin-top-10 {
	margin-top: 1.0em;
}

.margin-top-15 {
	margin-top: 1.5em;
}

.margin-top-20 {
	margin-top: 2.0em;
}

.margin-top-25 {
	margin-top: 2.5em;
}

.margin-top-30 {
	margin-top: 3.0em;
}

.margin-left-15 {
	margin-left: 1.5em;
}

.margin-left-20 {
	margin-left: 2.0em;
}

.margin-left-25 {
	margin-top: 2.5em;
}

.margin-left-30 {
	margin-top: 3.0em;
}

td {
	cursor: pointer;
}

.table-hover tbody tr:hover td {
	background: lightyellow !important;
}

.thumbnail:hover {
	background-color: lightyellow;
}

/* centered columns styles */
.row-centered {
	text-align: center;
}

.col-centered {
	display: inline-block;
	float: none;
	/* reset the text-align */
	text-align: left;
	/* inline-block space fix */
}

.MyCheckBoxList label {
	padding-right: 15px;
}

label.required:after {
	content: "*";
	color: red;
}

.border-success-1 {
	border: 1px solid #5cb85c;
	padding: 5px;
}

.border-success-2 {
	border: 2px solid #5cb85c;
	padding: 5px;
}

.border-success-3 {
	border: 3px solid #5cb85c;
	padding: 5px;
}

.border-info-1 {
	border: 1px solid #5bc0de;
	padding: 5px;
}

.border-info-2 {
	border: 2px solid #5bc0de;
	padding: 5px;
}

.border-info-3 {
	border: 3px solid #5bc0de;
	padding: 5px;
}
/*End of bootstrap extended*/

/*@brand-primary: darken(#428bca, 6.5%); // #337ab7
@brand-success: #5cb85c;
	***FirefoxPickColorWithColorZilla: panel-success: #D3EACA;

@brand-info:    #5bc0de;
@brand-warning: #f0ad4e;
@brand-danger:  #d9534f;*/

/*Pagination*/
.MyPagination {
	/*display: inline-block;*/
	padding-left: 0;
	margin: 20px 0;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

	.MyPagination table > tbody > tr > td {
		display: inline;
	}

		.MyPagination table > tbody > tr > td > a,
		.MyPagination table > tbody > tr > td > span {
			position: relative;
			float: left;
			padding: 8px 12px;
			line-height: 1.42857143;
			text-decoration: none;
			color: #dd4814;
			background-color: #ffffff;
			border: 1px solid #dddddd;
			margin-left: -1px;
		}

		.MyPagination table > tbody > tr > td > span {
			position: relative;
			float: left;
			padding: 8px 12px;
			line-height: 1.42857143;
			text-decoration: none;
			margin-left: -1px;
			z-index: 2;
			color: #aea79f;
			background-color: #f5f5f5;
			border-color: #dddddd;
			cursor: default;
		}

		.MyPagination table > tbody > tr > td:first-child > a,
		.MyPagination table > tbody > tr > td:first-child > span {
			margin-left: 0;
			-ms-border-bottom-left-radius: 4px;
			border-bottom-left-radius: 4px;
			-ms-border-top-left-radius: 4px;
			border-top-left-radius: 4px;
		}

		.MyPagination table > tbody > tr > td:last-child > a,
		.MyPagination table > tbody > tr > td:last-child > span {
			-ms-border-bottom-right-radius: 4px;
			border-bottom-right-radius: 4px;
			-ms-border-top-right-radius: 4px;
			border-top-right-radius: 4px;
		}

		.MyPagination table > tbody > tr > td > a:hover,
		.MyPagination table > tbody > tr > td > span:hover,
		.MyPagination table > tbody > tr > td > a:focus,
		.MyPagination table > tbody > tr > td > span:focus {
			color: #97310e;
			background-color: #eeeeee;
			border-color: #dddddd;
		}
/*End of pagination*/

.CustomBadge {
	display: block;
	position: absolute;
	top: 2px;
	right: 5px;
	z-index: 1;
}

.label-as-badge {
	-ms-border-radius: 1em;
	border-radius: 1em;
}

.AlternateRow:nth-of-type(odd) {
	background: #fffff3;
}

.AlternateRow:hover {
	background: #ffffe0;
}

/*Utilizat pentru popover info data-popover="true" data-html="true" data-content=*/
#pop {
    padding:0 0;
}

.text-red {
	color: red;
}

.text-blue {
	color: blue;
}

.text-salmon {
	color: salmon;
}

.text-green {
	color: green;
}

.panel-border-03 {
	border-width: 3px;
}

.input-xs {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.inline-block {
	display: inline-block;
	vertical-align: baseline;
} 

/*Bootstrat progress bar wizard*/
.bs-wizard {margin-top: 10px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #32CD32; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: green; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #32CD32;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: lightgrey;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/