.settingsMenuContainerBox {
    width: 100%;
    padding: 40px 0px 30px 0px;
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	/* border: solid 1px rgb(241, 0, 0); */
}
.settingsIconBox {
    float: left;
    width: 120px;
    text-align: center;
	margin-bottom: 20px;
	/* border: solid 1px rgb(241, 0, 0); */
	transition-duration: .6s;
	-moz-transition-duration: .6s;
	-webkit-transition-duration: .6s;
    /* margin-bottom: 10px; */
}
.settingsIconBox:hover {
    margin-top: -20px;
	/* margin: -5px 10px 45px 10px;
	padding: 106px 5px -10px 5px; */
}
.settingsIcon {
	/* border: solid 1px rgb(241, 0, 0); */
    width: 120px;
}
.settingsName {
    /* padding-top: 2px; */
    text-align: center;
	/* border: solid 1px rgb(255, 255, 255); */
}
.settingsPic {
	width: 96px;
	height: 96px;
	background-color: transparent;
	background-repeat: no-repeat;
	border: transparent;
	/* margin: 5px 10px 55px 10px;
	padding: 96px 5px 0px 5px; */
	/* border: solid 2px rgb(255, 0, 0); */
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow:2px 5px 6px 0px #464646;
	-moz-box-shadow:2px 5px 6px 0px #464646;
	box-shadow:2px 5px 10px 0px #464646;

	/* -webkit-transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out; */
}

/* system settings Start *********************************************************************************/
.settingsContainer {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	width: 100%;
	/* text-align: center; */
}
.systemSettingBox {
	float: left;
	width: 200px;
	height: auto;
	padding: 10px;
	margin: 25px 15px 0px 15px;
	border: solid 2px #ff7800;
	border-radius: 25%;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.systemSettingBoxLabel {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
.systemVersionBox {
	text-align:center;
	width: auto;
	height: auto;
	padding: 10px;
	margin: 25px 15px 0px 15px;
	border: solid 2px #ff7800;
	border-radius: 25%;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.settingsVersionIcon {
	height: 150px;
	padding: 0px 10px 0px 10px;
	margin: 10px 10px 10px 10px;
}
.settingsVersionIcon:hover {
	cursor: pointer;
}
.settingsVersionText {
	display:inline-block;
	text-align: center;
	/* border: solid 1px #ff0000; */
	font-size: 13px;
}
.radioType {
	font-size: 25px;
	color: #000000;
}
.control {
    font-family: arial;
    display: block;
	position: relative;
    padding-left: 28px;
    margin-bottom: 6px;
    padding-top: 2px;
    cursor: pointer;
	font-size: 16px;
	width: 150px;
	text-align: left;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control_indicator {
	position: absolute;
	top: 3px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #e6e6e6;
	border: 0px solid #000000;
	border-radius: undefinedpx;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #ff7800;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #ff7800;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-radio .control_indicator {
    border-radius: 50%;
}

.control-radio .control_indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ffffff;
    transition: background 250ms;
}
.control-radio input:disabled ~ .control_indicator:after {
    background: #7b7b7b;
}.control-radio .control_indicator::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -1.3rem;
    margin-top: -1.3rem;
    background: #2aa1c0;
    border-radius: 3rem;
    opacity: 0.6;
    z-index: 99999;
    transform: scale(0);
}
@keyframes s-ripple {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0.01;
        transform: scale(1);
    }
}
@keyframes s-ripple-dup {
   0% {
       transform: scale(0);
    }
   30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.control-radio input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}
.control-radio input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}

@keyframes slideInFromLeft {
	0% {
	  	transform: translateX(-120%);
	}
	100% {
	  	transform: translateX(0);
	}
}
@keyframes slideInFromTop {
	0% {
	  	transform: translateY(-500%);
	}
	100% {
	  	transform: translateY(0);
	}
}
/* system settings END ***********************************************************************************/


/* email settings START *********************************************************************************/
.emailsContainer {
	display: flex;

}
.emailsSMTPiconsContainer {
	flex: 0 0 300px;
	text-align: center;
	margin: 10px;
	padding-left: 30px;
	padding-right: 30px;
	/* border: solid 1px rgb(217, 241, 0); */
}
.emailsImage {
	min-width: 250px;
	padding: 20px;
	margin: 5px;
	/* border: solid 1px rgb(217, 241, 0); */
}
.emailsSMTPcontainer {
	flex: 1;
	margin-top: 10px; 
	/* margin-right: 20px; */
	/* border: solid 1px rgb(217, 241, 0); */
}
.emailsFieldContainer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 15px 15px 15px 15px;
	text-align: left;
	/* border: solid 1px rgb(72, 0, 241); */
}
.emailsFieldBox {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	flex: 1;
}
.emailLabel {
	flex: 0 0 180px;
	/* width: 150px; */
	padding-top: 5px;
	margin-right: 5px;
	padding-bottom: 2px;
	/* padding-left: 15px; */
	display: inline-block;
	text-align: right;
	font-size: 15px;
	/* border: solid 1px rgb(1, 246, 62); */
	/* font-weight: bold; */
}
.emailField {
	flex: 1;
	/* width: 200px; */
	min-width: 200px;
	padding: 8px 12px;
	/* border: 1px solid #ccc; */
	border-radius: 4px;
	resize: vertical;
	border: none;
	/* border: solid 1px rgb(246, 1, 1); */
}
.emailField:focus {
    outline: none;
}
.emailsRecipientDisable {
	width: 15px;
	height: 15px;
	margin-left: 10px;
}
.emailsRecipientDisableLabel {
	margin-left: 5px;
	margin-top: 6px;
	font-size: 14px;
	color: #ffffff;
}
/* HIDE RADIO */
.smtpRadioButton { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
/* IMAGE STYLES */
.smtpRadioButton + #image {
    cursor: pointer;
}
/* CHECKED STYLES */
.smtpRadioButton:checked + #image {
    outline: 2px solid #00b610;
	background-color: #212121;
}

@media (max-width: 1023px) {
	.emailLabel {
		text-align: left;
	}
}
@media (max-width: 681px) {
	.emailLabel {
		text-align: right;
	}
	.emailsSMTPcontainer {
		margin-top: -10px; 
	}
}
@media (max-width: 526px) {
	.emailLabel {
		text-align: left;
	}
}
/* email settings END ***********************************************************************************/

/* probe settings START ***********************************************************************************/

.settingsProbesIconBox {
    float: left;
    width: 120px;
    text-align: center;
	margin: 0px 20px 20px 20px;
	/* margin-bottom: 20px; */
	/* border: solid 1px rgb(241, 0, 0); */
	transition-duration: .6s;
	-moz-transition-duration: .6s;
	-webkit-transition-duration: .6s;
    /* margin-bottom: 10px; */
}
.settingsProbesIconBox:hover {
    cursor: pointer;
}
#pHicon {
	background-color: #ff0000;
	transition-duration: .6s;
	-moz-transition-duration: .6s;
	-webkit-transition-duration: .6s;
}
#pHicon:hover {
	background-color: #727272;
}
.phInstructions {
	line-height: 1.4;
	border-bottom: solid 1px #727272;
}
.phInstructionsLI {
	margin-bottom: 20px; 
}
.probesCalContainer {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	/* border: solid 1px rgb(241, 0, 0); */
}
.probesCalBox {
	/* float: left; */
	/* min-width: 200px; */
	flex: 0 0 230px;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	/* border: solid 1px rgb(0, 4, 241); */
}
.probesUpDownButton {
	margin-bottom: 13px;
	font-size: 35px;
	color: #ffffff;
	border: none;
    outline: none;
	background-color: #d1d127;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.probesUpDownButton:focus {
    outline: none;
}
.probesUpDownButton:hover {
    outline: none;
	background-color: #686767;
    transition-duration: .5s;
}
.probesBufferAmount {
	width: 100%;
	/* float: left; */
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	/* border: solid 1px rgb(0, 225, 255); */
}
.probesBufferAmountLabel {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #d1d127;
}
.probesCalStabileBox {
	width: 100%;
	max-width: 500px;
	height: 40px;
	border: solid 3px #d1d127;
}
#stabilizeTick {
	float: left;
	/* width: 15px; */
	height: 34px;
	/* margin-left: 2px;
	margin-right: 2px; */
	background-color: #d1d127;
}
.probesCalNote {
	width:100%;
	margin-top: 10px;
	text-align:center;
}
/* probe settings END *************************************************************************************/