/* --------------------------------------
	XC-Core
	
	The set of CSS to be used throughout 
	the site.
   -------------------------------------- */
/*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 */
.xc-link, a.xc-link {
		color: #1EBD59;
		cursor: pointer;
		text-decoration: none; }
		.xc-link i.margin-left, .xc-link div.margin-left, .xc-link icon.margin-left, a.xc-link i.margin-left, a.xc-link div.margin-left, a.xc-link icon.margin-left {
				margin-left: 4px; }
		.xc-link i.margin-right, .xc-link div.margin-right, .xc-link icon.margin-right, a.xc-link i.margin-right, a.xc-link div.margin-right, a.xc-link icon.margin-right {
				margin-right: 4px; }

.xc-link:hover, a.xc-link:hover {
		text-decoration: underline;
		color: #00C853; }

.xc-link.cancel, a.xc-link.cancel {
		color: #9D9D9D;
		text-decoration: none; }
		.xc-link.cancel:hover, a.xc-link.cancel:hover {
				text-decoration: underline; }

.xc-link.disabled, a.xc-link.disabled {
		color: #AAA;
		text-decoration: line-through;
		cursor: not-allowed; }
		.xc-link.disabled:hover, a.xc-link.disabled:hover {
				text-decoration: line-through;
				color: #AAA; }

a.disabled {
		cursor: not-allowed;
		color: #AAA;
		text-decoration: line-through; }
		a.disabled:hover {
				text-decoration: line-through;
				color: #AAA; }

i.left-aligned {
		margin-right: 4px; }

i.right-aligned {
		margin-left: 4px; }

i.small-icon {
		font-size: 11px; }

/* ------------------------ Form Elements ------------------------ */
.xc-radio-list {
		display: inline-block; }

.xc-radio-list label span {
		background-color: #FFF;
		border: 1px solid #BBB;
		text-align: center;
		padding: 4px 7px 5px 7px;
		display: block;
		cursor: pointer;
		font-weight: 300; }

.xc-radio-list label input {
		position: absolute;
		visibility: hidden; }

.xc-radio-list label input:checked + span {
		border: 1px solid #7FE4A8;
		background-color: #1EBD59;
		color: white; }

.xc-page input[type="checkbox"] {
		margin: 5px; }

.xc-page input[type="checkbox"].error {
		border: 1px solid #F02222;
		background-color: #F0E0E0; }

.xc-page input[type="radio"] {
		margin: 5px; }

.xc-page input[type="radio"].error {
		border: 1px solid #F02222;
		background-color: #F0E0E0; }

.xc-page .checked-listbox-control {
		width: 360px;
		padding: 5px;
		/* Normalizing the browser controls  */
		border: 1px solid #BBB;
		background-color: #F0F0F0; }

.xc-page select:focus {
		background-color: #FFF; }

.xc-page input[type="text"]:focus, .xc-page input[type="password"]:focus {
		background-color: #FFF; }

.xc-page input[type="text"].read-only-input {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		border-radius: 4px;
		border: 1px solid #ccc;
		background-color: #F0F0F0;
		padding: 6px 12px; }

.xc-page input[type="text"].read-only-input:focus {
		background-color: #F0F0F0; }

.xc-page input[type="text"].number {
		width: 60px; }

.xc-page input[type="text"].number-small {
		width: 30px; }

.xc-page .checked-listbox-control:focus {
		background-color: #FFF; }

.xc-page table {
		border-collapse: collapse;
		border-spacing: 0px; }

.xc-key-value-pair-key {
		font-weight: 400; }

.xc-key-value-pair-table {
		font-size: 14px; }
		.xc-key-value-pair-table tr {
				/*vertical-align: baseline;*/ }
		.xc-key-value-pair-table td {
				font-weight: 300;
				padding-right: 12px; }
		.xc-key-value-pair-table tr td:first-child, .xc-key-value-pair-table td.key {
				font-weight: 400;
				font-size: 16px; }

/* Constants Made Into Classes */
.font-color-availability-available {
		color: #727272; }

.font-color-availability-busy {
		color: #CA4613; }

.font-color-availability-offwork {
		color: #a4a4a4; }

.font-color-session-active {
		color: #1B9E4B; }

.font-color-session-disconnected {
		color: #E88A44; }

.font-color-session-offline {
		color: #AAA; }

.font-color-status-provisioned {
		color: #1EBD59; }

.font-color-status-disabled {
		color: #F1B78D; }

.font-color-status-not-provisioned {
		color: #CCC; }

.font-color-status-failure {
		color: #CCC; }

.font-color-status-in-reset {
		color: #316195; }

.font-color-status-failed {
		color: #CA4613; }

/* -------------- Bootstrap Overrides -------------- */
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
		padding-top: 3px; }

.local-modal {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center; }
		.local-modal__background {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0; }
		.local-modal__content {
				position: relative; }
		.local-modal__destroy {
				cursor: pointer; }