﻿.clear {
	display: block;
	width: 100%;
	margin-top: -1px;
	height: 1px;
	clear: both;
}

/* INPUT STYLING */
#vm-product-ctn .input-group {
	margin-bottom: 0;
}

#vm-product-ctn .vm-storage .input-group {
	margin-top: 0;
	margin-bottom: 5px;
}

input[type=range] {
	-webkit-appearance: none;
	margin: 13px 0;
	width: 100%;
}

	input[type=range]:focus {
		outline: none;
	}

	/* WEBKIT */
	input[type=range]::-webkit-slider-runnable-track {
		width: 100%;
		height: 8.4px;
		cursor: pointer;
		animate: 0.2s;
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
		background: #3071a9;
		border-radius: 1.3px;
		border: 0.2px solid #010101;
	}

	input[type=range]::-webkit-slider-thumb {
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
		border: 1px solid #000000;
		height: 28px;
		width: 14px;
		border-radius: 3px;
		background: #ffffff;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -11px;
	}

	input[type=range]:focus::-webkit-slider-runnable-track {
		background: #367ebd;
	}

	/* MOZILLA */
	input[type=range]::-moz-range-track {
		width: 100%;
		height: 8.4px;
		cursor: pointer;
		animate: 0.2s;
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
		background: #3071a9;
		border-radius: 1.3px;
		border: 0.2px solid #010101;
	}

	input[type=range]::-moz-range-thumb {
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
		border: 1px solid #000000;
		height: 28px;
		width: 14px;
		border-radius: 3px;
		background: #ffffff;
		cursor: pointer;
	}

	/* EXPLORER */
	input[type=range]::-ms-track {
		width: 100%;
		height: 8.4px;
		cursor: pointer;
		animate: 0.2s;
		background: transparent;
		border-color: transparent;
		border-width: 14px 0;
		color: transparent;
	}

	input[type=range]::-ms-fill-lower {
		background: #2a6495;
		border: 0.2px solid #010101;
		border-radius: 2.6px;
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	}

	input[type=range]::-ms-fill-upper {
		background: #3071a9;
		border: 0.2px solid #010101;
		border-radius: 2.6px;
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	}

	input[type=range]::-ms-thumb {
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
		border: 1px solid #000000;
		height: 28px;
		width: 14px;
		border-radius: 3px;
		background: #ffffff;
		cursor: pointer;
	}

	input[type=range]:focus::-ms-fill-lower {
		background: #3071a9;
	}

	input[type=range]:focus::-ms-fill-upper {
		background: #367ebd;
	}

	/* ADDITIONAL DRIVES */
	input[type=range].addtl-drive::-webkit-slider-runnable-track,
	input[type=range].addtl-drive::-moz-range-track,
	input[type=range].addtl-drive::-ms-fill-upper,
	input[type=range].addtl-drive:focus::-ms-fill-lower {
		background: #f0ad4e !important;
	}

	input[type=range].addtl-drive:focus::-webkit-slider-runnable-track,
	input[type=range].addtl-drive:focus::-ms-fill-upper {
		background: #EEB25D !important;
	}

/* MAIN PRODUCT CSS */
#vm-product-ctn {
	padding-bottom: 30px;
}

	#vm-product-ctn .invalid-order {
		float: right;
		margin: 0;
	}

	#vm-product-ctn a.btn i {
		margin: 0;
	}

	#vm-product-ctn .no-padding-left {
		padding-left: 0;
	}

	#vm-product-ctn .no-padding-right {
		padding-right: 0;
	}

	#vm-product-ctn .add-hd-btn {
		margin-bottom: 5px;
	}

	#vm-product-ctn .btn-group label input[type='radio'] {
		display: none;
	}

	#vm-product-ctn .templates-table tbody tr td.tmpl-vm-qty {
		min-width: 130px;
	}

		#vm-product-ctn .templates-table tbody tr td.tmpl-vm-qty input {
			padding: 2px 7px;
			height: 23px;
			max-width: 45px;
			display: inline-block;
		}

		#vm-product-ctn .templates-table tbody tr td.tmpl-vm-qty a {
			margin: 0;
		}

	#vm-product-ctn .templates-table tbody tr td.tmpl-actions {
		min-width: 220px;
	}

	#vm-product-ctn table tbody tr.vm-template-divider td {
		padding: 5px;
	}

	#vm-product-ctn table tbody tr.vm-template-divider {
		/*border-left: 2px #C0C0C0 solid;*/
		font-size: 12px;
	}

		#vm-product-ctn table tbody tr.vm-template-divider td {
			vertical-align: middle;
		}

			#vm-product-ctn table tbody tr.vm-template-divider td:first-child i {
				margin-left: 10px;
				opacity: .6;
			}

	#vm-product-ctn table tbody tr td.vm-machine-name {
		padding-left: 20px;
		border-left: 2px #335DA2 solid;
	}
	/* Deleting a VM */
	#vm-product-ctn table tbody tr.danger td.vm-machine-name {
		border-left-color: #c9302c;
	}

	#vm-product-ctn table tbody tr.danger td:last-child {
		color: #B92420;
	}

	/* VM not Provisioned */
	#vm-product-ctn table tbody tr.warning td.vm-machine-name {
		border-left-color: #ec971f;
	}

	#vm-product-ctn table tbody tr.warning td:last-child {
		color: #88550D;
	}

	#vm-product-ctn .vm-actions.btn-group {
		margin-right: 2px;
	}

	#vm-product-ctn .form-control.form-control-disabled {
		border: none;
		box-shadow: none;
		padding-left: 0;
	}

	#vm-product-ctn .no-padding-left .form-control.form-control-disabled {
		padding-left: 12px;
	}

	#vm-product-ctn table.ip-list tbody tr td {
		border: none;
		padding-left: 0;
	}

		#vm-product-ctn table.ip-list tbody tr td a {
			margin-left: 0;
		}

	#vm-product-ctn .vmp-main-title {
		color: #335DA2;
		text-align: center;
		margin-left: -40px;
		font-size: 27px;
	}

		#vm-product-ctn .vmp-main-title span:first-child {
			position: relative;
			vertical-align: middle;
			width: 50px;
			display: inline-block;
			height: 40px;
		}

			#vm-product-ctn .vmp-main-title span:first-child i {
				width: auto;
				font-size: 1.5em;
				position: absolute;
				left: 0;
				top: 7px;
				line-height: 14px;
			}

				#vm-product-ctn .vmp-main-title span:first-child i:first-child {
					visibility: hidden;
					position: relative;
					font-size: 1.4em;
					margin-right: 5px;
				}

				#vm-product-ctn .vmp-main-title span:first-child i:last-child {
					color: white;
					font-size: .7em;
					left: 13px;
					top: 10px;
				}

		#vm-product-ctn .vmp-main-title span:last-child {
			font-size: 1.2em;
		}

	#vm-product-ctn .vm-template fieldset legend .label {
		font-size: 11px;
		display: inline-block;
		padding: 2px 7px 4px;
	}

	/* Select Preset */
	#vm-product-ctn .select-plan .select-group {
		text-align: center;
	}

		#vm-product-ctn .select-plan .select-group select {
			max-width: 175px;
			margin: 0 auto;
		}

	#vm-product-ctn .select-plan .currently-title {
		display: inline-block;
	}

	#vm-product-ctn .select-plan .plan-ctn {
		margin-bottom: 30px;
		min-height: 255px;
	}

	#vm-product-ctn .select-plan .plan-box {
		background: #fff;
		text-align: center;
		-webkit-box-shadow: 0 3px 1px #acacac;
		-moz-box-shadow: 0 3px 1px #acacac;
		box-shadow: 0 3px 1px #acacac;
		border: 2px solid #fff;
		opacity: 0.8;
	}

		#vm-product-ctn .select-plan .plan-box.selected {
			opacity: 1;
		}

		#vm-product-ctn .select-plan .plan-box > h4 {
			border-bottom: 1px solid #efefef;
			padding: 10px 0;
			margin-top: 0;
			margin-bottom: 0;
		}

		#vm-product-ctn .select-plan .plan-box .plan-starting-at {
			background-color: #efefef;
			padding: 1px 0;
		}

			#vm-product-ctn .select-plan .plan-box .plan-starting-at p {
				padding: 0;
				margin-bottom: -10px;
				margin-top: 5px;
				font-style: italic;
				font-size: 12px;
				color: #999;
			}

				#vm-product-ctn .select-plan .plan-box .plan-starting-at p:last-child {
					margin: -10px 0 5px 0;
				}

			#vm-product-ctn .select-plan .plan-box .plan-starting-at h4 {
				border-bottom: 1px solid #efefef;
				padding: 10px 0;
				margin-top: 0;
				margin-bottom: 0;
			}

		#vm-product-ctn .select-plan .plan-box .plan-spec {
			border-bottom: 1px dashed #efefef;
			margin: 0;
			padding: 5px 10px;
		}

		#vm-product-ctn .select-plan .plan-box .plan-select {
		}

			#vm-product-ctn .select-plan .plan-box .plan-select a {
				margin: 0;
				margin-bottom: 0 !important;
			}

			#vm-product-ctn .select-plan .plan-box .plan-select p {
				margin-bottom: 2px;
			}

		#vm-product-ctn .select-plan .plan-box.selected .plan-select button {
		}

	#vm-product-ctn .actions {
		float: left !important;
	}

	#vm-product-ctn .actions .dropdown .btn.dropdown {
		margin-bottom: 5px !important;
	}

	#vm-product-ctn .actions .btn-group.dropdown.open .dropdown-menu:after {
		position: absolute;
		top: -6px;
		right: 102px;
		display: inline-block !important;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #fff;
		border-left: 6px solid transparent;
		content: '';
	}

	#vm-product-ctn .actions .btn-group.dropdown.open .dropdown-menu:before {
		position: absolute;
		top: -7px;
		right: 101px;
		display: inline-block !important;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #eee;
		border-left: 7px solid transparent;
		border-bottom-color: rgba(0,0,0,0.2);
		content: '';
	}

	#vm-product-ctn .actions .dropdown .dropdown-menu {
		width: 120px !important;
		min-width: 120px !important;
		margin-top: -1px;
	}

		#vm-product-ctn .actions .dropdown .dropdown-menu li a {
			padding: 5px 14px !important;
		}

		#vm-product-ctn .actions .dropdown .dropdown-menu .external h5 {
			padding-left: 10px;
			margin: 3px 0px !important;
		}

/* OMC and PMC*/
#PMC .sortable-plans li.active,
#OMC .sortable-plans li.active {
	border-left: 3px #428bca solid;
}

	#PMC .sortable-plans li.active div,
	#OMC .sortable-plans li.active div {
		background-color: #EEF7FF;
	}


#PMC .sortable-plans .plan-status,
#OMC .sortable-plans .plan-status {
	float: right;
	background: #e9e9e9;
	font-size: 10px;
	color: #222;
	padding: 1px 3px 2px 3px;
	margin-top: 2px;
}

/*#vm-product-ctn .select-preset .list-group .list-group-item-text {
	margin-left: 29px;
}

#vm-product-ctn .select-preset .list-group a.list-group-item:hover {
	border-color: #335DA2;
}

#vm-product-ctn .select-preset .list-group a.list-group-item:hover + a.list-group-item {
	border-top-color: #335DA2;
}*/
#vm-product-ctn .control-label.col-sm-4.label-OName {
	text-align: center;
	font-size: large;
}

[ng-click],
[data-ng-click],
[x-ng-click] {
	cursor: pointer;
}

.view-password {
	background-color: #60c060;
	color: white;
}

.color-check {
	color: green;
}

.color-times {
	color: red;
}

.group-btn-margin {
	margin-right: 0px !important;
}

.left-btn {
	border-top-left-radius: 2em !important;
	border-bottom-left-radius: 2em !important;
}

.right-btn {
	border-top-right-radius: 2em !important;
	border-bottom-right-radius: 2em !important;
}

.no-border {
	padding: 7px 8px !important;
	font-size: 12px !important;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px !important;
}

.schedule-table {
	width: auto !important;
	background-color: #f8f8f8 !important;
}

.alert-txt {
	font-size: 19px;
	line-height: 45px;
}

.popover {
	max-width: 50% !important;
	width: auto !important;
}

.line {
	border-left: 1px solid black !important;
}

.label {
	white-space: normal !important;
}

.scrollable-menu {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}

.plans-list {
	width: 200px;
}

.singlewarning {
	font-size: 75%;
}
