#Preferences .preferences-row {
	padding-top: 15px;
	padding-bottom: 15px;
}

#Preferences .preferences-description {
	font-size: 14px;
    opacity: .8;
    padding-top: 10px;
}

#Preferences .preferences-header {
	font-weight: 300;
    font-size: 16px;
}

#Preferences .preferences-toggle {
	height:28px;
}

#Preferences .switch {
	margin-top: 0px !important;
	width: 64px;
	height: 28px;
}

#Preferences .switch.disabled {
	opacity:.5;
}

#Preferences .support-login-wrapper,
#Preferences .enforce-two-factor-wrapper,
#Preferences .integrations-wrapper,
#Preferences .organizations-wrapper {
	width: 64px;
}

#Preferences .support-login-wrapper.no-permissions,
#Preferences .enforce-two-factor-wrapper.no-permissions,
#Preferences .integrations-wrapper.no-permissions,
#Preferences .organizations-wrapper.no-permissions {
	cursor: not-allowed;
}

#Preferences .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--neutralgray);
	transition: .4s;
	border-radius: 30px;
	height:28px;
	width: 64px;
}

#Preferences .slider:before {
	position: absolute;
	content: "";
	height: 24px;
    width: 24px;
    border-radius: 20px;
    left: 3px;
    bottom: 2px;
	z-index: 2;
	background-color: #e8e8e8;
	transition: .4s;
}

#Preferences .input:checked + .slider {
	background-color: var(--mediumgreen);
}

#Preferences .input:checked + .slider:before {
	transform: translateX(34px);
}

/* Toggle for light mode and dark mode */
#Preferences .light-dark .switchld {
	font-size: 17px;
	position: relative;
	display: inline-block;
	width: 64px;
	height: 28px;
}
  
#Preferences .light-dark .switchld input {
	opacity: 0;
	width: 0;
	height: 0;
}
  
#Preferences .light-dark .sliderld {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #73C0FC;
	transition: .4s;
	border-radius: 30px;
}
  
#Preferences .light-dark .sliderld:before {
	position: absolute;
	content: "";
	height: 24px;
    width: 24px;
    border-radius: 20px;
    left: 3px;
    bottom: 2px;
	z-index: 2;
	background-color: #e8e8e8;
	transition: .4s;
}

#Preferences .light-dark .sun,
#Preferences .light-dark .moon {
	cursor: pointer;
}
  
#Preferences .light-dark .sun svg {
	position: absolute;
	top: 4px;
	left: 36px;
	z-index: 1;
	width: 20px;
	height: 20px;
}
  
#Preferences .light-dark .moon svg {
	fill: #73C0FC;
	position: absolute;
	top: 4px;
	left: 5px;
	z-index: 1;
	width: 20px;
	height: 20px;
}
  
/* .switchld:hover */
#Preferences .light-dark .sun svg {
	animation: rotate 15s linear infinite;
}
  
@keyframes rotate {
	0% {
	  	transform: rotate(0);
	}
  
	100% {
	  	transform: rotate(360deg);
	}
}
  
/* .switchld:hover */
#Preferences .light-dark .moon svg {
	animation: tilt 5s linear infinite;
}
  
@keyframes tilt {
	0% {
	  	transform: rotate(0deg);
	}
  
	25% {
	  	transform: rotate(-10deg);
	}
  
	75% {
	  	transform: rotate(10deg);
	}
  
	100% {
	  	transform: rotate(0deg);
	}
}
  
#Preferences .light-dark .input:checked + .sliderld {
	background-color: #183153;
}
  
#Preferences .light-dark .input:focus + .sliderld {
	box-shadow: 0 0 1px #183153;
}
  
#Preferences .light-dark .input:checked + .sliderld:before {
	transform: translateX(34px);
}

#Preferences #recoverCodesDescription,
#Preferences #recoveryCodeText {
	font-size: 14px;
    opacity: .8;
    padding-top: 5px;
    padding-bottom: 5px;
	max-width:425px;
}

#Preferences #recoveryCodesDownload {
	padding-top: 10px;
}

#Preferences #ChangePassword .row {
	margin-left: -15px !important;
    margin-right: -15px !important;
}

#Preferences .preferences-description.logout-timer {
	padding-top: 15px;
}

#Preferences #logout-timer-state {
	width: 75px;
    font-size: 16px;
	display:inline;
}

#Preferences #btnSaveLogoutTimer {
	margin-left:10px;
}