﻿/* pasi indicator */
.MasterSyncStatus {
    float: right;
    position: relative;
    bottom: 1px;
    margin-right: 10px;
}
.pasi-switch {
	height:27px;
	width:27px;	
	left:45%;
	display:inline-block;
    top: 3px;
    float: right;
}
.MasterSyncStatus > .pasi-switch {
    position: relative;
    float: none !important;
}
.pasi-switch-checkbox {
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	opacity: 0;
	/*z-index: 100;*/
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.pasi-switch-label {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
    border-radius: 50%;
    background: #fffef8;
    cursor: pointer;
    box-shadow: 
      0 3px 5px rgba(0,0,0,0.25),
      inset 0 1px 0 rgba(255,255,255,0.3),
      inset 0 -5px 5px rgba(100,100,100,0.1),
      inset 0 5px 5px rgba(255,255,255,0.3);
}
.pasi-switch-label:after {
	content: "";
	position: absolute;
	top: -8%; right: -8%; bottom: -8%; left: -8%;
	z-index: -1;
	border-radius: inherit;
	background: #ddd;
	background: -moz-linear-gradient(#ccc, #fff);
	background: -ms-linear-gradient(#ccc, #fff);
	background: -o-linear-gradient(#ccc, #fff);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#fff));
	background: -webkit-linear-gradient(#ccc, #fff);
	background: linear-gradient(#ccc, #fff);
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.15), 0 2px 5px rgba(200,200,200,0.1);
}
.pasi-switch-label:before {
	content: "";
	position: absolute;
	border-radius: inherit;
    width: 20%;
	height: 20%;
	left: 40%;
	top: 40%;
	background: #DE5233;
	background: radial-gradient(40% 35%, #FF596D, #DE5233 60%);
	box-shadow:
	  inset 0 3px 5px 1px rgba(0,0,0,0.1),
	  0 1px 0 rgba(255,255,255,0.4),
	  0 0 10px 2px rgba(222,82,51, 0.5);
	animation: pulse 2s infinite;
}
.pasi-switch-checkbox:checked ~ label {
	background: #ffffff;
}
.pasi-switch-checkbox.not-being-synced:checked ~ label:before {
    background: radial-gradient(40% 35%, #538E96, #538E96 60%);
    box-shadow: none;
}
.pasi-switch-checkbox:checked ~ label:before {
	background: #25d025;
	background: radial-gradient(40% 35%, #5aef5a, #25d025 60%);
	box-shadow:
		inset 0 3px 5px 1px rgba(0,0,0,0.1),
		0 1px 0 rgba(255,255,255,0.4),
		0 0 10px 2px rgba(0, 210, 0, 1);
	animation:none;
}

.NestedSyncStatus
{
    position: relative;
}
.PASI_Sync_Status
{
	color: #fff;
    padding: 6.25px;
    border: 1px solid #CCC;
	display: inline-block;
}
.pasi-down {
    color: white;
    padding: 7px 9px !important;
}
.PASI_Sync_Status > *
{
    margin: 0px 3px;
}
.MasterSyncStatus.errorBackground
{
    cursor: pointer
}