/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
@keyframes provisioningBgAnimation {
		0% {
				background-color: #FFF; }
		50.0% {
				background-color: #EEFFEE; }
		100.0% {
				background-color: #FFF; } }

@-webkit-keyframes provisioningBgAnimation {
		0% {
				background-color: #FFF; }
		50.0% {
				background-color: #EEFFEE; }
		100.0% {
				background-color: #FFF; } }

.modal input[disabled], .modal select[disabled], .modal .form-control[disabled] input[readonly], .modal select[readonly], .modal .form-control[readonly] {
		background-color: #FAFAFA; }
		.modal input[disabled].not-provisioned, .modal select[disabled].not-provisioned, .modal .form-control[disabled] input[readonly].not-provisioned, .modal select[readonly].not-provisioned, .modal .form-control[readonly].not-provisioned {
				background-color: #EFEFEF; }

.modal .modal-header {
		font-size: 2.3em; }

.modal .modal-body .tabbable .tab-content {
		background-color: #FAFAFA; }

.modal .modal-body #MainValidationMessage {
		margin: 0px 6px 16px 6px; }

.modal .modal-body #PostbackInProgress {
		text-align: center;
		padding: 50px 20px;
		margin: 0px 5px;
		border-radius: 4px;
		display: none;
		-webkit-animation-name: provisioningBgAnimation;
		-webkit-animation-duration: 3s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-play-state: running;
		animation-name: provisioningBgAnimation;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-play-state: running;
		background-color: #FFF; }
		.modal .modal-body #PostbackInProgress h3 {
				margin-bottom: 30px; }
		.modal .modal-body #PostbackInProgress.error {
				animation: none;
				background-color: #EC5A32;
				color: white; }

.modal .modal-body.postback-in-progress > *:not(#PostbackInProgress) {
		display: none; }

.modal .modal-body.postback-in-progress #PostbackInProgress {
		display: block; }

.modal .modal-body #ModalTabNav {
		margin-top: -15px; }

.modal .modal-body label.error {
		color: red; }

.modal .modal-body .label-align-left {
		padding-left: 12px; }

.modal .modal-body .panel-heading.collapsable {
		cursor: pointer; }
		.modal .modal-body .panel-heading.collapsable:hover {
				background-color: #D7F7E3; }
		.modal .modal-body .panel-heading.collapsable .fa-caret-down {
				display: none; }
		.modal .modal-body .panel-heading.collapsable .collapsed .fa-caret-down {
				display: inline; }
		.modal .modal-body .panel-heading.collapsable .collapsed .fa-caret-up {
				display: none; }

.modal .modal-body .form-control.disabled {
		cursor: not-allowed !important;
		background-color: #FAFAFA; }

.modal .modal-footer .btn {
		margin-left: 5px;
		margin-right: 5px; }

.generic-vue-bs-modal {
		display: block;
		visibility: hidden;
		transition: visibility 0s linear 0.15s, opacity 0.15s linear;
		overflow-y: scroll; }
		.generic-vue-bs-modal.in {
				visibility: visible;
				transition-delay: 0s; }
		.generic-vue-bs-modal::before {
				background-color: black;
				opacity: 0.5;
				position: fixed;
				height: 100%;
				width: 100%;
				content: " ";
				top: 0; }