@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
body,
ul {
	margin: 0;
	padding: 0;
}

/* auth style */
.wrapper {
	background-image: url(../img/login_background.png);
	background-size: cover;
	width: 100%;
	height: 100vh;
}

.bg {
	background-color: #ebebeb;
	padding: 40px;
}

.login-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

form.login-form {
	display: flex;
	flex-direction: column;
	height: 90%;
	width: 35%;
	background: #fff;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}

form.login-form img {
	width: 130px;
}

form.login-form #error-message {
	width: 70%;
	text-align: center;
	font-size: 15px;
	margin-top: 5%;
}

.login-subtitle {
	color: #a8a8a8;
	width: 70%;
	text-align: center;
	/* font-family: "Lato"; */
	font-size: 15px;
	margin-top: 14px;
}

form.login-form #email-field {
	margin: 45px 0 45px 0;
}

button#submit {
	background: #636363;
	width: 26%;
	height: 6%;
	font-size: 13px;
	border-radius: 9px;
	margin-top: 85px !important;
	outline: none;
	border: 1px solid #636363;
}

#login-wrapper {
	display: flex;
}

#login-wrapper span{
	font-size: 16px;
	padding-right: 7px;
	border-bottom: 1px solid;
}

#login-wrapper input {
	font-size: 16px !important;
	width: 220px;
}

#additional-country-code-number {
	width: calc(100% - 50px);
	display: flex;
	align-items: end;
	flex-direction: row;
	justify-content: center;
}

#additional-country-code-number span{
	border-bottom: 1px solid;
	height: 32.5px;
	font-size: 16px;
	padding-right: 7px;
}

#additional-country-code-number input {
	font-size: 16px !important;
	/* width: 313px; */
}

.contact-label {
	text-align: center;
	font-size: 12px;
	margin-top: 33px;
	color: #646464;
}

.login-important-info {
	background-color: rgba(226, 16, 117, 1);
	color: #fff;
	width: 80%;
	border-radius: 10px;
	min-height: 110px;
	margin-top: 70px;
}

.login-important-info div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-important-title {
	/* font-family: "Lato"; */
	font-size: 18px;
	font-weight: bold;
	margin-left: 7px;
	margin-top: 7px;
}

.login-important-info div img {
	width: 18px;
}

.login-important-text {
	font-size: 15px;
	padding: 0px 30px;
	text-align: center;
}

#information-modal {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#information-modal #information-modal-cancel {
	position: relative;
	left: 94.5%;
	top: 0%;
}

#information-modal-activation {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#information-modal #information-modal-cancel-activation {
	position: relative;
	left: 94.5%;
	top: 0%;
}

#information-modal img {
	width: 25px;
	height: 25px;
}

.modal-important-title {
	/* font-family: "Lato"; */
	font-weight: bold;
	margin-top: 10px;
}

.modal-important-text {
	/* font-family: "Lato"; */
	padding: 0px 20px;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	letter-spacing: 0px;
	line-height: 17px;
}

.modal-title-info {
	margin-top: 3%;
	margin-bottom: 3%;
}

.modal-title-info img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 50%;
	height: 17px !important;
	width: 18px !important;
}

.modal-title-info h6 {
	text-align: center;
	color: rgba(226, 16, 117, 1);
}

.login-redirect-old {
	color: #fff;
	text-decoration: underline;
}
.login-redirect-old:hover {
	color: #fff;
}

.login-redirect-old-modal-info {
	color: #000;
	text-decoration: underline;
}

.login-redirect-old-modal-info:hover {
	color: rgba(0, 0, 0, 1);
}
.verification-redirect-error-code {
	color: rgba(226, 16, 117, 1);
	text-decoration: underline;
}

.verification-redirect-error-code:hover {
	color: rgba(226, 16, 117, 1);
	text-decoration: underline;
}

.verification-code-text {
	color: #8a8a8a;
}

	.inputs-code-field {
		display: grid;
		gap: 10px;
		width: 70%;
		grid-template-columns: repeat(6, 1fr);
		align-items: center;
		margin-bottom: 10px;
	}

	.inputs-code-field > * {
		border-bottom: 1px solid #e11d7b;
		color : #e11d7b !important;
		width: 70%;
		padding: 7px;
		text-align: center;
		font-size: 18px !important;
		line-height: 1;
	}

input {
	border: none;
	border-bottom: 1px solid #000;
	width: 50%;
	font-size: 13px !important;
	outline: none;
}

input#phone-field {
	/* font-family: "Lato"; */
	font-size: 16px !important;
	letter-spacing: 1px;
}

input:focus {
	outline: none !important;
	border: none;
	border-bottom: 1px solid #e11d7b;
	color: #e11d7b;
}

label.login-title {
	height: 32px;
	width: 83px;
	/* font-family: "Lato"; */
	font-size: 35px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	letter-spacing: 0px;
	line-height: 42px;
	margin-top: 60px;
}

.pink-color {
	color: #e11d7b;
}

.terms {
	font-size: 13px;
	margin-top: 25px;
}

/* end auth style  */

/* select mp user */
.select-user-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
.content-box {
	display: flex;
	flex-direction: column;
	height: 90%;
	width: 35%;
	background: #fff;
	justify-content: space-evenly;
	align-items: center;
	border-radius: 10px;
}
.mp-user-heading {
	font-size: 22px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	letter-spacing: 0px;
	line-height: 42px;
	transform: scale(1.19);
}
.mp-user-box {
    display: flex;
	width: 100%;
    justify-content: space-evenly;
	text-align: center;
}
.mp-scrol {
	height: 230px;
	overflow-y: scroll;
	scrollbar-width: thin;
	cursor: pointer;
}
.display-box {
	display: flex;
	justify-content: space-evenly;
}
.mp-user-img {
    height: 152px;
    width: 152px;
	cursor: pointer;
}
.mp-user-img:hover {
    border: 5px solid rgba(226, 16, 116, 1);
    border-radius: 174px;
	padding: 5px;
	transition: 0.1s ease-out;
}
.mp-rounded {
    margin-bottom: 20px;
}
.mp-user-subtitle {
	color: #a8a8a8;
	width: 70%;
	text-align: center;
	font-size: 15px;
	margin-top: 14px;
}
.mp-rounded .mp-user-name {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	letter-spacing: 0px;
	line-height: 26px;
	/* -webkit-transform: scale(1.19); */
	transform: scale(1.19);
	font-family: 'Lato';
}
/* end select mp user  */

/* switcher user account */
.display-box-user {
	margin-top: 30px;
}
.back-screen {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 500;
	color: rgba(100, 100, 100, 1);
	letter-spacing: 0px;
	line-height: 18px;
}
/* select */
.select-user {
	display: none;
}
#a {
	padding-left: 0px;
}
#a img, .btn-select img {
	width: 45px;
	height: 45px;
}
#a li {
	list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 56px;
    width: 192px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 9px;
    margin: 0px 0px 10px;
    padding-right: 5px;

}
#a li:hover, #a li:focus {
	transition: 0.6s ease-out;
	background: rgba(226, 16, 116, 1);
	color: #ffffff;
}
#a li img {
	margin: 5px;
}
#a li span, .btn-select li span {
	font-size: 13px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 18px;
    width: 100%;
    text-align: left;
    padding-left: 15px;
}
/* item list */
.b {
	display: none;
	height: 200px;
	width: 222px;
	overflow-y: scroll;
	scrollbar-width: thin;
	margin-top: 10px;
}
.open {
	display: show !important;
}
.btn-select {
	margin-top: 10px;
    min-height: 56px;
    width: 192px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 9px;
    cursor: pointer;
    border: none;
}
.btn-select li {
	list-style: none;
	padding-bottom: 0px;
}
.btn-select:hover {
	box-shadow: inset 0 0px 0px 1px rgba(226, 16, 116, 1);
	background: rgba(226, 16, 116, 1);
	color: #ffffff;
	margin-left: 0px;
}
.btn-select:focus {
	outline:none;
	background: rgba(226, 16, 116, 1);
	color: #ffffff;
}
.btn-select:active {
	background-color: #a8a8a8;
}
.btn-select li {
	display: flex;
	align-items: center;
}
.lang-select {
	margin-top: 30px;
}
.option-arrow{
	position: relative;
}
.option-arrow li::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 11px;
	height: 7px;
	background-image: url('../img/icons/arrow-down.png');
	background-position: cover;
	background-repeat: none;
	transform: translateY(-50%);
}
.option-arrow li.active::after {
	transform: rotate(180deg);
}
/* end switcher user account */

/* table code  */
.table-wrapper {
	background: #fff;
	padding: 20px 25px;
	margin: 30px 0;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.table-wrapper-activation {
	width: 70%;
	text-align: center;
	background: #fff;
	padding: 20px 25px;
	margin: 0 200px;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.table-title {
	padding-bottom: 15px;
	color: #fff;
	padding: 16px 30px;
	margin: 5px -25px 10px;
	border-radius: 3px 3px 0 0;
}

.logo img {
	max-width: 165px;
	width: 100%;
}

.btn-success {
	color: #fff;
	background-color: #00b300 !important;
	border-color: none;
}

.right-panel-header {
	background: #fff;
	padding: 5px;
	padding-left: 15px;
	margin-bottom: 30px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}



.right-panel-header-heading {
	display: flex;
}

.right-panel-header-heading img {
    height: 30px;
    margin-right: 25px;
    align-self: center;
}

.right-panel-header-heading h1 {
	/* font-family: "Lato"; */
	font-weight: bold;
}

.right-panel-header-info {
	display: flex;
	padding: 10px;
}

.right-panel-header-info p {
	/* font-family: "Lato"; */
	font-weight: 400;
	margin: 0 10px;
}

.right-panel-header-info span {
	font-weight: bold;
}

i.fa.fa-user {
	margin-right: 20px;
	font-size: 30px;
	color: #00b300;
}

.all-users-title {
	margin-top: 10px;
	margin-left: 10px;
}

.sidebar-icon {
	width: 15px;
	margin-right: 18px;
}

.icon-user {
	width: 13px;
	margin-right: 20px;
}

ul.menu-list {
	margin-top: 60px;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.headerFirstRow {
	display: flex;
	gap: 20px;
}

input#search-input {
	width: 20%;
	position: relative;
}

li.menu-list-item {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.headerFirstRow .btn {
	display: flex;
	align-items: center;
}

li.menu-list-item svg,
svg.Capa_1 {
	margin-right: 15px;
	width: 17px;
}

#Capa {
	width: 35px;
	margin-right: 20px;
}

li.menu-list-item a {
	color: #636363;
}

th,
td {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

td {
	border-bottom: 1px solid #000;
}

.icon-menu {
	font-size: 20px !important;
	margin-right: 15px !important;
}

table.table tr th:last-child {
	width: 50px !important;
}

.table-title h2 {
	margin: 5px 0 0;
	font-size: 24px;
}

.table-title .btn-group {
	float: right;
}

.table-title .btn {
	color: #fff;
	float: right;
	font-size: 13px;
	border: none;
	min-width: 50px;
	border-radius: 2px;
	border: none;
	outline: none !important;
}

.question-tip-wrapper img {
	width: 15px;
	position: absolute;
	top: 7px;
	right: 10px;
}

[data-tooltip]:before {
	position: absolute;
	width: max-content;
	text-align: center;
	top: -30px;
	background-color: #000;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	left: 75%;
	transform: translate(-50%, -50%);
	content: attr(data-tooltip);
	display: none;
}

#add-caregiver-tooltip [data-tooltip]:before {
	position: absolute;
	width: max-content;
	text-align: center;
	background-color: #000;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	left: 50%;
	transform: translate(-50%, -50%);
	content: attr(data-tooltip);
	display: none;
}

[data-tooltip]:hover:before {
	display: block;
}

.question-tip-wrapper {
	display: flex;
	align-items: center;
	position: relative;
}

.table-title .btn i {
	font-size: 21px;
	margin-right: 8px;
}

.btn-success:focus,
.btn-success.focus,
.form-control:focus {
	box-shadow: none !important;
	border-color: #00b300;
}

.table-title .btn span {
	margin-top: 2px;
}

i.fa.fa-search {
	color: grey;
	position: absolute;
	right: 27px;
	top: 10px;
}

.headerFirstRow {
	margin-left: -5px;
}

table.table tr th,
table.table tr td {
	border-color: #e9e9e9;
	padding: 12px 15px;
	vertical-align: middle;
}

.call-tabs {
	width: 50%;
	background: #e21075;
	height: 40px;
	border-radius: 10px;
	margin-left: 25%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	/* font-family: "Lato"; */
	font-size: 18px;
	color: #fff;
}

.call-tabs .call-tab {
	text-decoration: none;
	list-style-type: none;
	cursor: pointer;
	padding: 0 10px;
}

.call-tabs .active {
	background-color: #fff;
	border-radius: 10px;
	color: #000;
}

/* same goes for active tab */
.call-tabs .call-tab:hover {
	background-color: #fff;
	border-radius: 10px;
	color: #000;
}

.call-wrapper {
	width: 50%;
	margin-left: 25%;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* font-family: "Lato"; */
}

/* pagination wrapper */
.call-pagination-tabs {
	width: 50%;
	background: #fff;
	height: 40px;
	border-radius: 10px;
	margin-left: 25%;
	display: flex;
	align-items: center;
	/* font-family: "Lato"; */
	font-size: 18px;
	color: #333;
}


.call-pagination-wrapper {
	width: 50%;
	margin-left: 25%;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.call-pagination-tabs .call-pagination-tab {
	text-decoration: none;
	list-style-type: none;
	cursor: pointer;
	padding: 0 10px;
	color : #646464;
}

.call-pagination-tabs .active {
	background-color: #e21075;
	color: #fff;
}



/* */

.call-left-side {
	display: flex;
}

.avatar-wrapper img {
	width: 42px;
	border-radius: 50%;
	margin-right: 11px;
}

.call-name {
	display: flex;
	flex-direction: column;
}

.call-type {
	display: flex;
	align-items: center;
}

.call-type img {
	width: 14px;
	height: 9px;
	margin-right: 13px;
}

.call-name span:first-child {
	font-weight: bold;
	font-size: 16px;
}

.call-name span:nth-child(2) {
	font-size: 12px;
	color: #646464;
}

.call-details {
	font-weight: bold;
	padding: 0 10px;
	font-size: 14px;
}

.ringtones-wrapper {
	display: flex;
}

.select-ringtone-wrapper {
	/* font-family: "Lato"; */
	margin-left: 40px;
	display: flex;
}

.select-ringtone-title {
	font-size: 18px;
	color: #646464;
	margin-left: 40px;
}

.ringtones-left-side {
	width: 50%;
}

.select-ringtone-wrapper .contact-box-radio {
	display: flex;
	flex-direction: column;
	font-size: 16px;
}

.green-title {
	color: #00b300;
	font-size: 16px;
	cursor: pointer;
	font-weight: 600;
}

.play-buttons-wrapper {
	display: flex;
	flex-direction: column;
	margin-top: 14px;
}

.play-buttons-wrapper div {
	display: flex;
	align-items: center;
}

.play-buttons-wrapper div img.thrash-button {
	margin-left: 8px;
	margin-bottom: 4px;
}

img.play-button {
	width: 24px;
	padding: 6px 0;
	cursor: pointer;
}

.volume-wrapper {
	display: flex;
	align-items: center;
	margin-left: 40px;
	margin-top: 30px;
}

.volume-wrapper img:first-child {
	width: 20px;
}

.volume-wrapper img {
	width: 40px;
	margin: 0 20px;
}

input[type="range"] {
	-webkit-appearance: none !important;
	width: 235px;
	height: 2px;
	background: #ccc;
	border: none;
	outline: none;
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	width: 20px;
	height: 20px;
	background: #00b300;
	border: 1px solid #00b300;
	border-radius: 50%;
	cursor: pointer;
}

table.table tr th:first-child {
	width: 60px;
}

table.table tr th:last-child {
	width: 100px;
}

table.table-striped tbody tr:nth-of-type(odd) {
	background-color: #fcfcfc;
}

table.table-striped.table-hover tbody tr:hover {
	background: #f5f5f5;
}

table.table th i {
	font-size: 13px;
	margin: 0 5px;
	cursor: pointer;
}

table.table td:last-child i {
	opacity: 0.9;
	font-size: 22px;
	margin: 0 5px;
}

table.table td a {
	font-weight: bold;
	color: #566787;
	display: inline-block;
	text-decoration: none;
	outline: none !important;
}

table.table td a:hover {
	color: #2196f3;
}

table.table td a.edit {
	color: #ffc107;
}

table.table td a.delete {
	color: #f44336;
}

table.table td i {
	font-size: 19px;
}

table.table .avatar {
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}

.pagination {
	float: right;
	margin: 0 0 5px;
	align-items: center;
}

.pagination li a {
	border: none;
	font-size: 13px;
	min-width: 30px;
	min-height: 30px;
	color: #999;
	margin: 0 2px;
	line-height: 30px;
	border-radius: 2px !important;
	text-align: center;
	padding: 0 6px;
}

.pagination li a:hover {
	color: #666;
}

.pagination li.active a,
.pagination li.active a.page-link {
	background: #00b300;
}

.hint-text input {
	width: 100%;
	background: #00b300;
	border: none;
	color: #fff;
}

.pagination li.active a:hover {
	background: #636363;
}

.pagination li.disabled i {
	color: #ccc;
}

.pagination li i {
	font-size: 16px;
	padding-top: 6px;
}

.hint-text {
	float: left;
	margin-top: 10px;
	font-size: 13px;
	width: 13%;
}

.contact-box-radio {
	padding: 20px 0;
	font-size: 14px;
	display: flex;
}

.contact-box-radio .radio-container:first-child {
	margin-right: 30px;
}

.radio-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radio-container input {
	display: none;
	left: 0;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.radio-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #eee;
	border-radius: 50%;
}

.radio-container:hover input ~ .checkmark {
	background-color: #ccc;
}

.radio-container input:checked ~ .checkmark {
	background-color: rgba(99, 99, 99, 1);
}

.radio-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.radio-container input:checked ~ .checkmark:after {
	display: block;
}

.radio-container .checkmark:after {
	top: 6px;
	left: 6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: white;
}

/* Custom checkbox */
.custom-checkbox {
	position: relative;
}

.custom-checkbox input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	margin: 5px 0 0 3px;
	z-index: 9;
}

.custom-checkbox label:before {
	width: 18px;
	height: 18px;
}

.custom-checkbox label:before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	background: white;
	border: 1px solid #bbb;
	border-radius: 2px;
	box-sizing: border-box;
	z-index: 2;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
	content: "";
	position: absolute;
	left: 6px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #000;
	border-width: 0 3px 3px 0;
	transform: inherit;
	z-index: 3;
	transform: rotateZ(45deg);
}

.custom-checkbox input[type="checkbox"]:checked + label:before {
	border-color: #636363;
	background: #636363;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
	border-color: #fff;
}

.custom-checkbox input[type="checkbox"]:disabled + label:before {
	color: #b8b8b8;
	cursor: auto;
	box-shadow: none;
	background: #ddd;
}

/* Modal styles */
.modal .modal-dialog {
	max-width: 400px;
}

.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
	padding: 20px 30px;
}

.modal .modal-content {
	border-radius: 3px;
	/* font-family: "Lato"; */
}

.modal .modal-footer {
	background: #ecf0f1;
	border-radius: 0 0 3px 3px;
}

.modal .modal-title {
	display: inline-block;
}

.modal .form-control {
	border-radius: 2px;
	box-shadow: none;
	border-color: #dddddd;
}

.modal textarea.form-control {
	resize: vertical;
}

.modal .btn {
	border-radius: 2px;
	min-width: 100px;
}

.modal form label {
	font-weight: normal;
}

/* end table code  */

/* edit admin */
input[type="button"] {
	cursor: pointer;
}

.phone-health {
	display: flex;
}

.phone-health-bsn {
	margin: 0;
}

.phone-health-bst-inline-style {
	font-size: 14px;
	font-weight: bold;
}

.phone-health-bsn:nth-child(2) {
	margin: 0 20px;
}

#battery1 {
	width: 29px;
}

.battery {
	display: flex;
	align-items: center;
	position: relative;
}

.battery .battery-fill-full {
	position: absolute;
	right: 1px;
	z-index: 0;
	background-color: #00b300;
	width: 31px;
	height: 15px;
}

.battery .battery-fill-medium {
	position: absolute;
	right: 1px;
	z-index: 0;
	background-color: #ffc107;
	width: 19px;
	height: 15px;
}

.battery .battery-fill-low {
	position: absolute;
	right: 1px;
	z-index: 0;
	background-color: #cc3300;
	width: 14px;
	height: 15px;
}

.battery img {
	z-index: 1;
}

.whitelist-phone-number {
	font-size: 20px;
	margin-bottom: 0;
}

.whitelist-avatar {
	border: 4px solid #636363;
}

.white-box,
.emergency-calls-box {
	background-color: #fff;
	margin-top: 10px;
	/* padding-bottom: 35px; */
	padding: 20px 50px;
}

.raz-emergency-service-wrapper {
	padding: 40px;
	display: flex;
	/* font-family: "Lato"; */
}

.raz-emergency-service-wrapper .left-side {
	width: 30%;
}

.raz-emergency-service-wrapper .right-side {
	margin-left: 60px;
	width: 70%;
}

.raz-emergency-service-wrapper .right-side .contacts-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.raz-emergency-service-wrapper .right-side .contacts-wrapper div {
	display: flex;
	flex-direction: column;
	width: 30%;
}

.raz-emergency-service-wrapper .right-side .contacts-wrapper div input,
.raz-emergency-service-wrapper .right-side .contacts-wrapper div .label-input {
	width: 100%;
	font-size: 16px;
}

.raz-emergency-service-wrapper .left-side .contact-box .label-input,
.raz-emergency-service-wrapper .left-side .contact-box input,
.raz-emergency-service-wrapper .left-side .contact-box textarea {
	width: 100%;
	font-size: 16px;
}

.raz-emergency-service-wrapper .left-side .contact-box {
	justify-content: start;
	align-items: flex-start;
}

.emergency-calls-box {
	display: flex;
	justify-content: space-around;
}

.e-call-input {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 20px;
}

.limit_contact {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.limit_contacts_3 {
	width: 70%;
}

.limit_contact_username,
.limit_contact_phone,
.limit_contact_relationship {
	display: flex;
	flex-direction: column;
	margin-top: 8px;
}
.lc span {
	font-size: 13px;
}

.lc input {
	width: 90%;
}

.e-call-input input {
	width: 60%;
}
.e-call-input textarea {
	width: 100%;
	font-size: 13px;
	outline-color: #00b300;
}

.e-call-input textarea:focus,
.e-call-input textarea:active {
	border: 1px solid #00b300;
}

.e-call-input span {
	font-size: 13px;
}

.admin-user-section {
	padding-bottom: 60px;
}

.admin-user-section-title {
	padding-top: 30px;
	padding-bottom: 30px;
	/* font-family: "Lato"; */
	display: flex;
	justify-content: space-between;
}

.admin-user-section-title h5 {
	font-weight: bold;
	font-size: 20px;
}

.question-mark-info {
	padding: 10px;
	border: 1px solid #000;
	border-radius: 50px;
	cursor: pointer;
}

p#error_nums {
	color: #cc3300;
	font-size: 14px;
	margin-right: 56px;
}

.error-message-empty,
#error_num {
	color: #cc3300;
	font-size: 14px;
	margin-right: 56px;
}

.left-right-part {
	display: flex;
	/* font-family: "Lato"; */
}

.left-right-part .label-input {
	font-weight: bold;
	font-size: 16px;
}

.left-part input,
.right-part input {
	font-size: 16px !important;
	margin-top: 10px;
}

.emergency-call-box-medical {
	width: 30%;
	margin-top: 30px;
}

.limit_contacts_3_box {
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 20px;
}

.left-part {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.right-part {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.edit-page input:focus {
	color: #00b300;
	border-bottom: 1px solid #00b300 !important;
}

.contact-box .label-input,
.question-tip-wrapper .contact-box .label-input {
	margin-bottom: 5px;
}

.contact-box input,
.question-tip-wrapper .contact-box input {
	margin-bottom: 10px;
}

.label-input {
	width: 50%;
	font-size: 13px;
	color: #646464;
	padding-bottom: 0;
	padding-top: 15px;
}

.available-during-quiet-hours .label-input {
	text-align: center;
	width: 100%;
}

.available-during-quiet-hours,
.text-message-not-tooltip {
	width: 220px;
}

.limit-incoming-calls {
	width: 320px;
}

.speaker-tooltip {
	width: 90px;
}

.dialpad-tooltip {
	width: 140px;
}

.auto-answer-tooltip {
	width: 160px;
}

.contact-activation-tooltip {
	width: 300px;
	margin: 0 !important;
	color: #646464 !important;
}

.send-text-message-battery-low-tooltip {
	width: 360px;
}

.recorded-audio-tooltip {
	width: 250px;
}

.medical-condition-tooltip {
	width: 170px;
}

.record-own-tooltip {
	width: 190px;
}

.reminder-content-tooltip,
.reminder-type-tooltip,
.quiet-hours-ann-tooltip {
	width: 50%;
}

.quiet-hours-ann-tooltip img {
	right: 52%;
}

.reminder-content-tooltip img {
	right: 68%;
}

.reminder-type-tooltip img {
	right: 72%;
}

.contact-activation-tooltip [data-tooltip] {
	margin: 0 !important;
}

.recorded-audio-tooltip [data-tooltip]::before,
.available-during-quiet-hours [data-tooltip]::before,
.text-message-not-tooltip [data-tooltip]::before {
	width: 320px;
	top: -60px;
}

.quiet-hours-ann-tooltip [data-tooltip]::before {
	width: 500px;
	top: -50px;
}

.reminder-type-tooltip [data-tooltip]::before {
	width: 320px;
	top: -70px;
	left: 30%;
}

.add-caregiver-tooltip [data-tooltip]::before {
	width: 320px;
	top: -90px;
	left: 30%;
}

.dialpad-tooltip [data-tooltip]:before {
	width: 400px;
	top: -80px;
}

.auto-answer-tooltip [data-tooltip]:before {
	width: 360px;
	top: -80px;
}

.more-contacts-tooltip [data-tooltip]::before,
.record-own-tooltip [data-tooltip]::before {
	width: 360px;
	top: -70px;
}

.send-text-message-battery-low-tooltip [data-tooltip]:before,
.limit-incoming-calls [data-tooltip]:before,
.contact-activation-tooltip [data-tooltip]:before {
	width: 300px;
	top: -60px;
}

.sbg {
	font-size: 13px;
	width: 100%;
}

.settings-section .label-input {
	padding-bottom: 15px;
}

.question-tip-wrapper .label-input-settings {
	/* font-family: "Lato"; */
	font-size: 18px;
	margin-right: 30px;
	color: #646464;
}

.switch-buttons {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 20px;
	flex-wrap: wrap;
}

.display-assisted-living-facility-info {
	display: block;
}

.display-subradio {
	display: flex !important;
	flex-direction: column !important;
}

.limit-inbound-calls {
	display: flex;
	flex-direction: column;
}

.lic-fs {
	font-size: 13px;
}
.limit-call-start {
	align-items: flex-start;
}

.inline_block {
	display: flex;
	min-height: 40px;
}

.switch {
	margin-top: 15px;
}

.right-panel-all-users .admin-user-section input,
.right-panel-all-users .customers-section input {
	height: 40px;
}

.customers-section {
	padding-bottom: 60px;
}

/* toggle button  */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 30px;
}

.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: 0.4s;
	transition: 0.4s;
}

.contacts-section {
	padding-bottom: 60px;
}

#add_remainder > p {
	display: inline;
	padding-left: 20px;
	/* font-family: "Lato"; */
	font-size: 18px;
	font-weight: 400;
	color: rgba(86, 180, 11, 1);
}

#add_remainder > img {
	margin-bottom: 4px;
	cursor: pointer;
}

.add_annoucment,
.add_time_frame,
.add_banner,
.add_contact,
.add_whitelist {
	margin-left: 40px;
}

.add_contact,
.add_whitelist {
	margin-bottom: 40px;
}

.add_whitelist p,
.add_contact p {
	cursor: pointer;
}

.add_time_frame {
	margin-top: 20px;
}

.assisted-living-facility-info {
	margin-top: 20px;
}

.display-none {
	display: none;
}

.assisted-living-facility-info div {
	width: 100%;
}

.quiet-hours-radio-container {
	display: flex;
	margin-top: 20px;
}

.quiet-hours-radio-container .radio-container:first-child {
	margin-right: 20px;
}

.quiet-hours-boxes,
.banner-boxes {
	width: 100%;
	margin-top: 20px;
	padding: 0 40px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
}

.banner-boxes .banner-box-up .left-side img,
#editBanner img {
	object-fit: cover;
}

.quiet-hours-box {
	display: flex;
	justify-content: space-between;
	width: 27%;
	height: 60px;
	border-radius: 10px;
	background-color: #f0f0f0;
	padding: 9px;
	/* font-family: "Lato"; */
	margin-bottom: 20px;
}

.banner-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 27%;
	height: 110px;
	border-radius: 10px;
	background-color: #f0f0f0;
	padding: 9px;
	/* font-family: "Lato"; */
	margin-bottom: 20px;
}

.banner-box-up {
	display: flex;
	justify-content: space-between;
}

.banner-box .left-side img {
	width: 215px;
}

.banner-box .link-wrapper {
	width: 100%;
	height: 34px;
	background-color: #fff;
	display: flex;
	padding-left: 10px;
	align-items: center;
	color: #626262;
	font-size: 16px;
}

.quiet-hours-box .left-side {
	display: flex;
	flex-direction: column;
}

.quiet-hours-box .right-side img,
.banner-box .banner-box-up .right-side img {
	cursor: pointer;
}

.quiet-hours-box .left-side span:first-child {
	color: #e21074;
}

.quiet-hours-box .left-side span {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

#addBanner .contact-box {
	padding-bottom: 10px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 4px;
	bottom: 7px;
	background-color: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked + .slider {
	background-color: #00b300;
}

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

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

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

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

/* end toggle button */

.theme-colors {
	display: flex;
	width: 50%;
	align-items: center;
	margin-top: 15px;
}

input#dark-theme,
input#light-theme {
	width: auto;
	margin-right: 10px;
	cursor: pointer;
}

input#light-theme {
	margin-left: 30px;
}

.pencil-button {
	height: min-content;
}

.pencil-button,
.pencil-button:focus,
.pencil-button:active,
.phone-button,
.phone-button:focus,
.phone-button:active {
	border: 0;
	background: none;
	outline: none;
	padding: 0;
}
.pencil-button span {
	position: relative;
}

.users {
	padding: 0 70px;
	display: flex;
	flex: 1;
	align-items: flex-start;
	flex-wrap: wrap;
}
.more-contacts {
	padding: 0 70px 20px;
	display: flex;
	flex-direction: column;
}
.single-contact {
	width: 180px;
	padding: 0 10px;
	margin-bottom: 10px;
}

/* .single-contact.first-six {
	background-image: url(../img/phone_icon.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position-x: 15px;
} */

span.email-error,
span.password-error,
.phone-error-two,
.phone-error {
	color: red;
	font-size: 12px;
}

.circle {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
}

.circle-add-user,
.uploadPhoto {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	/* background-image: linear-gradient(#383838, #a2a1a1, #383838); */
}

.circle-plus {
	background-image: linear-gradient(#383838, #a2a1a1, #383838);
}

.circle img {
	width: 100%;
	border-radius: 50%;
}

.circle-icon {
	display: flex;
	justify-content: center;
	align-items: center;
}
.circle-icon img {
	width: 100%;
	height: 100%;
}

label.avatars {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}

#deleteModal {
	color: red;
	background: none;
}

span.error-phone-modal {
	font-size: 12px;
	color: #949393;
	margin-top: 5px;
}

.avatars > input {
	display: none;
}

.avatars > input + img {
	cursor: pointer;
	border: 2px solid transparent;
}

.avatars > input:checked + img {
	border: 2px solid #00b300;
}

img#add-contact {
	margin: auto;
	width: auto;
}

.white-circle {
	width: 117px;
	height: 117px;
	background-color: #fff;
	border-radius: 50%;
	/* border: 5px solid #383838; */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.contact-buttons {
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
}

.more-contact-buttons {
	justify-content: flex-end;
}

.pencil-button img {
	width: 20px;
	cursor: pointer;
}

.phone-button img {
	width: 15px;
}

.user-name {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	line-height: 25px;
}

.bottom-buttons-section {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
	margin-bottom: 30px;
	justify-content: space-between;
}

input.bottom-buttons {
	border: none;
	padding: 0.5rem 3rem;
	width: inherit;
	border-radius: 10px;
	font-size: 16px !important;
	color: #fff;
}

input.bottom-buttons:focus{
	outline: none;
	color: white !important;

}
input.bottom-buttons:hover {
	transition:  1s ease;
	transform: scale(1.1);
}

input#cancel {
	background: #383838;
}

input#save-to-database {
	background: #e21074;
	margin-right: 10px;
}

input#update-app {
	background: #00b300;
	color: #fff;
}

input#gps-location {
	color: #00b300;
	background: #fff;
}

input#gps-location:focus {
	outline: none;
	color: #00b300 !important;
}

.gps {
	position: relative;
}

.gps svg {
	position: absolute;
	left: 15px;
	top: 12px;
}

#map {
	height: 100vh;
}

.top-header-bar {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.icon-and-name {
	display: flex;
	align-items: center;
}

#error-contact-phone0,
#error-contact-phone1,
#error-contact-phone2,
#error-contact-phone3,
#error-contact-phone4,
#error-contact-phone5 {
	font-size: 14px;
	color: red;
}

/* end edit admin */

/* security */
.security-section {
	padding: 60px 100px 100px 60px;
}

.direction-pass {
	display: flex;
	flex-direction: column;
	padding-top: 40px;
}

.input-style {
	height: 40px;
	width: 100%;
}

.security-title,
.apk-title-content {
	font-size: 15px;
}

.input-style:focus {
	color: #00b300;
	border-bottom: 1px solid #00b300;
}

.sec-buttons {
	display: flex;
	width: 35%;
}

.sec-buttons:focus {
	border-bottom: none;
	color: #fff;
}

.buttons-security {
	justify-content: space-evenly;
	display: flex;
	margin-top: 30px;
}

.right-top {
	display: flex;
	align-items: center;
}

#example_info {
	display: none;
}

table.dataTable {
	margin-bottom: 30px !important;
}

#example_wrapper {
	position: relative;
}

#example_length {
	position: absolute;
	bottom: -5px;
	z-index: 5;
}
#example_filter {
	position: absolute;
	top: -58px;
	width: 60%;
	right: 15px;
}
#example_filter label {
	width: 100%;
	display: flex;
}
#example_filter input {
	width: 100%;
}
div.dataTables_wrapper div.dataTables_length select {
	outline: none;
	box-shadow: none;
}

.custom-select:focus {
	border-color: #00b300;
}

#example_wrapper .row .col-md-6:first-child {
	position: inherit;
}

table.table tr th:last-child {
	width: 20px !important;
}

table tr th:first-child {
	width: 13px !important;
}

tbody tr td:last-child svg {
	margin-right: 0;
}

input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
	width: 100%;
}

/* modal */

.modal .modal-dialog {
	max-width: 50%;
}

.modal .modal-content {
	border-radius: 25px;
}

.head-title {
	padding: 40px;
}

.head-title span {
	/* font-family: "Lato"; */
	font-size: 16px;
	font-weight: bold;
}

.contact-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 40px;
}

.avatar-title {
	font-weight: bold;
	padding-bottom: 20px;
	text-align: center;
	/* margin-right: 320px; */
}

.avatar-icons {
	display: flex;
	align-items: center;
	flex-direction: column;
}
/* .avatar-icons .uploadPhoto {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
} */

.firstRow,
.secondRow,
.thirdRow {
	display: flex;
	flex-direction: row;
}

.circle-padding {
	margin: 8px;
}

.cancelOrSave {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 25px;
}

.cropit-preview {
	/* You can specify preview size in CSS */
	width: 300px;
	height: 300px;
}

.uploadPhoto {
	/* width: 53%; */
	padding-top: 20px;
	padding-bottom: 20px;
}

#output-img {
	width: 120px;
	float: right;
}

/* #uploadImage {
    margin-top: 5px !important;
	margin-bottom: 5px !important;
} */

.uploadPhoto {
	border-radius: 50%;
	height: 100px;
	width: 100px;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

input[type="file"] {
	display: none;
}

.custom-file-upload {
	margin: 15px 0 25px 0;
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 5px;
	cursor: pointer;
}

.custom-file-upload-old {
	margin: 15px 0 25px 40%;
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 5px;
	cursor: pointer;
}

button#cancelModal {
	background: none;
}

#saveContact {
	color: #00b300;
	background: none;
}

.editSaveButton {
	color: #00b300;
	background: none;
}

#add-modal {
	width: 100%;
	display: flex;
}

.add-contact-single {
	margin-top: 24px;
}

.gps-add-user {
	display: none;
}

.add-contact-single {
	display: none;
}

/* user status */

.apk-content {
	margin-bottom: 10px;
}

/* .user-status {
	width: 75%;
} */

.user-status-input {
	display: flex;
	justify-content: flex-end;
}
.as-status {
	margin-right: 20px;
	display: flex;
	align-items: center;
}

input#active,
input#suspended {
	height: 14px;
	width: 20px;
}

/* end user status */

/* white list */

.form.col-md-6.add-number-form {
	display: flex;
	flex-direction: column;
}

#add_number {
	width: 80%;
}

.form.col-md-6.add-number-form h5 {
	margin-bottom: 40px;
}

.list_of_phones.col-md-6 h5 {
	margin-bottom: 20px;
}

.form.col-md-6.add-number-form button {
	width: 80%;
	border: none;
	border-radius: 5px;
	margin-top: 20px;
	padding: 5px;
	background-color: #00b300;
	color: #fff;
	cursor: pointer;
}

input#add_name {
	width: 80%;
}

.alls {
	border: 1px solid;
}
span.soss {
	display: block;
	height: 30px;
	font-size: 14px !important;
}
.number-white-list {
	border: none;
	border-bottom: 1px solid #000;
	width: 770%;
	/* font-size: 13px !important; */
	outline: none;
}
p#error_name {
	color: #cc3300;
	font-size: 14px;
	margin-right: 56px;
}
.first {
	border: 1px solid;
	padding: 5px;
	font-size: 14px;
}
.ded {
	width: 100%;
}
.first {
	margin-top: 15px;
}

.btn-primary {
	color: #fff;
	margin-top: 20px !important;
	background-color: #007bff;
	border-color: #007bff;
}
.some {
	height: 0px;
	width: 100%;
	display: block;
}

.white_list_number_box {
	display: flex;
	justify-content: space-between;

	padding: 5px;
	align-items: center;
}

.wl_edit_button {
	background-color: #ff00ff !important;
	border: none !important;
}

.wl_delete_button {
	background-color: #383838 !important;
	border: none !important;
}

.number-white-list {
	margin-bottom: 0;
}

.row-activation {
	display: flex;
	justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* end white list */
@media screen and (min-width : 1367px) and (max-width : 1680px){
	#thunder-battery {
		top : 35.4px;
		right: 259.5px;
	}
}

/* Responsive */
@media screen and (min-width: 992px) and (max-width: 1366px) {
	.single-contact {
		flex: initial;
	}
	.users {
		padding: 0;
	}
	#thunder-battery {
		top : 35.4px;
		right: 259.5px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.users {
		padding: 0 40px;
	}

	form.login-form {
		width: 65% !important;
		border-radius: 1%;
	}
	.left-right-part {
		flex-direction: column;
	}
	.left-right-part .label-input,
	.left-right-part input {
		width: 100%;
	}

	.left-part,
	.right-part {
		padding: 20px;
		align-items: flex-start;
	}

	.right-part.limit-inbound-calls.limit-call-start {
		padding: 0;
	}

	.settings-section.white-box .admin-user-section-title {
		padding-bottom: 0;
	}

	.bottom-buttons-section {
		flex-direction: column;
		align-items: center;
	}

	.bottom-buttons-section .two-buttons {
		display: flex;
		flex-direction: column;
		margin-left: 10px;
	}
	input#update-app {
		font-size: 15px !important;
		padding: 9px;
	}

	.theme-colors {
		width: 100%;
	}

	.bottom-buttons-section input {
		width: 200px;
		margin-bottom: 10px;
	}

	form.login-form {
		width: 45%;
	}
	input[type="radio"],
	input[type="checkbox"] {
		width: 20px;
		height: 20px;
	}

	table.table tr th,
	table.table tr td {
		padding: 12px 4px;
	}
	.all-users-title {
		font-size: 20px;
	}
	li.menu-list-item {
		font-size: 12px;
	}
	table.dataTable {
		font-size: 12px;
		padding-right: 15px;
	}
	input#search-input {
		width: 40%;
	}
	.white_list_number_box {
		flex-direction: column;
	}

	#thunder-battery {
		top : 35.5px;
		right: 259.5px;
	}
}

@media screen and (max-width: 767px) {
	.switch-buttons {
		flex-direction: column;
	}
	#sending-interval-value {
		width: 30% !important;
	}
	.right-panel-header {
		height: 160px;
	}
	.top-header-bar {
		flex-direction: column;
	}
	.icon-and-name,
	.phone-health {
		padding-bottom: 5px;
	}
	.bg {
		padding: 20px;
	}

	.menu {
		display: flex;
		justify-content: space-around;
	}

	ul.menu-list {
		margin-top: 35px;
	}

	.left-right-part {
		flex-direction: column;
	}

	input[type="radio"],
	input[type="checkbox"] {
		width: 20px;
		height: 20px;
	}

	table.table tr th,
	table.table tr td {
		padding: 12px;
	}

	.admin-user-section-title {
		padding-left: 0;
	}

	.left-right-part .label-input,
	.left-right-part input {
		width: 100%;
	}

	.left-part {
		align-items: flex-start;
	}

	.white-box {
		padding: 20px;
	}

	.users {
		padding: 0;
		justify-content: space-around;
	}

	.single-contact {
		padding: 10px;
	}

	.left-menu {
		text-align: center;
	}

	.theme-colors {
		width: 100%;
	}

	.settings-section .left-part {
		margin-bottom: 20px;
	}

	.two-buttons {
		display: flex;
		flex-direction: column;
	}

	.more-contacts {
		padding: 0px 0 40px 0;
	}

	input#save-to-database {
		margin: 0 auto 10px;
	}

	.bottom-buttons-section div {
		width: 100%;
		text-align: center;
	}

	#update-app-ver {
		margin: 0;
	}

	.question-mark-info {
		margin: 10px 0;
		padding: 10px 20px;
	}

	.apk-info-content {
		display: flex;
		flex-direction: column;
	}
	.content-flex {
		flex-direction: column;
	}

	.bottom-buttons-section div.gps {
		width: 200px;
	}

	.bottom-buttons-section input {
		width: 200px;
		margin: 0 auto 10px;
	}

	.bottom-buttons-section {
		justify-content: center;
	}

	form.login-form {
		width: 55%;
	}

	.table-wrapper {
		overflow: scroll;
	}

	input#search-input {
		width: 30%;
	}

	.modal .modal-dialog {
		max-width: 100%;
	}
	.uploadPhoto {
		margin-left: -41%;
	}

	.bottom-buttons-section {
		flex-direction: column;
		align-items: center;
	}

	.bottom-buttons-section .two-buttons {
		display: flex;
		flex-direction: column;
	}
	input#update-app {
		font-size: 15px !important;
		padding: 9px;
	}

	.modal-dialog {
		display: flex;
		justify-content: center;
	}

	.modal .modal-content {
		width: 90%;
	}

	.uploadPhoto {
		margin: 0 auto;
	}
	.gps-add-user {
		display: none !important;
	}
	#add_number,
	#add_number_btn {
		width: 100%;
	}

	.list_of_phones.col-md-6 {
		margin-top: 30px;
	}

	.firstRow,
	.secondRow {
		width: 100%;
	}

	.emergency-calls-box {
		flex-direction: column;
	}

	.emergency-call-box-medical {
		width: 100%;
		margin-top: 0;
	}

	.limit_contacts_3 {
		width: 100%;
		margin-top: 20px;
	}

	.limit_contacts_3_box {
		display: flex;
		flex-direction: column;
		padding: 0;
	}

	.limit_contact {
		margin-bottom: 20px;
	}
	.e-call-input input {
		width: 100%;
	}
	.lc input {
		width: 100%;
	}
	.list_of_phones.col-md-6 {
		max-width: 100%;
	}
	.row.whitelist-mobile {
		flex-direction: column;
	}
	.list_of_phones.col-md-6 {
		margin-top: 20px;
	}
	.uploadApk {
		margin-top: 25px;
		text-align: center;
	}
	.emergency-calls-box {
		padding: 0;
	}

	.emergency-call-box-div {
		padding: 20px 50px;
		overflow-x: hidden;
	}

	#thunder-battery {
		top : 73.4px;
		right: 259.5px;
	}
}

@media screen and (max-width: 480px) {
	form.login-form {
		width: 90%;
	}

	.table-wrapper {
		overflow: scroll;
	}

	input#search-input {
		width: 45%;
	}

	#power-button {
		margin-left: 10px;
	}

	.question-mark-circle-text {
		width: 180px;
	}

	#example_length {
		bottom: 45px;
	}
	#example_paginate {
		margin-top: 30px;
	}

	.switch-buttons {
		flex-direction: column;
	}
	#power-button {
		margin-left: 0;
		margin-top: 15px;
	}
	#sending-interval,
	#speaker_value_on_off,
	.limit-inbound-calls {
		margin-top: 15px;
	}
	#sending-interval-value {
		width: 30% !important;
	}
}
.invisible-col {
	display: none;
}
.enable-button {
	background: #00b300;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	box-shadow: 1px 1px 1px #ccc;
	float: right;
	outline: none !important;
}

.apk-information {
	padding: 0 50px;
}

#uploading {
	padding: 20px;
	text-align: center;
}
.st0 {
	fill: #00b300;
}
.st33 {
	fill: #00b300;
}

/* new ui */
.bottom-buttons-section-caregiver {
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
	margin-top: 50px;
	margin-bottom: 30px;
}

.bottom-buttons-section-caregiver .bottom-buttons:first-child {
	margin-right: 30px;
}

#update_caregiver_message {
	text-align: center;
	color: #00b300;
	font-size: 18px;
	margin-top: 20px;
}

#update_memory_phone_message {
	text-align: center;
	color: #00b300;
	font-size: 18px;
	margin-top: 20px;
}

#thunder-battery {
	position: absolute;
}

label.login-title-activation {
	height: 32px;
    font-size: 35px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    letter-spacing: 0px;
    line-height: 42px;
    margin-top: 60px;
}