.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	margin: 0;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
    height: 18px;
    width: 18px;
    left: 1px;
    bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #28a745;
}
input:checked + .slider.blue {
	background-color: #726baf;
}

input:focus + .slider {
	box-shadow: 0 0 1px #28a745;
}

input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.alert-box {
	display: none;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 14px;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    /*font-weight: bold;*/
    text-align: center;
    z-index: 9999;
    border-radius: 0 0 6px 6px;
}
.alert-box.success { background-color: #28a745; }
.alert-box.error { background-color: #dc3545; }

#info-modal, #confirm-modal {
	color: #000;
}
#info-modal .modal-title, #confirm-modal .modal-title {
	font-size: 28px;
}
#info-modal .modal-content, #confirm-modal .modal-content {
	border-radius: 14px;
}
#info-modal .modal-content, #confirm-modal:not(.no-icon) .modal-content {
	padding-left: 80px;
}
#info-modal .error .modal-title {
	color: #dc3545;
}
#info-modal .info .modal-title {
	color: #ffc107;
}
#info-modal .success .modal-title {
	color: #28a745;
}
#info-modal .modal-content:before {
	position: absolute;
	left: 28px;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#confirm-modal:not(.no-icon) .modal-content:before {
	position: absolute;
	left: 28px;
	top: 50%;
	transform: translateY(-50%);
	color: #28a745;
	content: '?';
	font-size: 80px;
}
#info-modal .modal-content.error:before {
	color: #dc3545;
	content: '\e904';
	font-size: 80px;
}
#info-modal .modal-content.info:before {
	color: #ffc107;
	content: '\e910';
	font-size: 50px;
}
#info-modal .modal-content.success:before {
	color: #28a745;
	content: '\e907';
	font-size: 50px;
}
#info-modal .btn, #confirm-modal .btn {
    padding: 6px 40px;
    height: auto;
    min-width: auto;
    width: auto;
    font-size: 20px;
}
#info-modal .btn:hover, #confirm-modal .btn:hover {
    box-shadow: none;
}
#info-modal .btn.btn-red:hover, #confirm-modal .btn.btn-red:hover {
    color: #fff;
}

@media only screen and (max-width: 768px) {

	.alert-box {
	    width: 100%;
	    border-radius: 0;
	}

}