* {
	outline: none;
}

html, body {
	overflow-y: auto !important;
}

a {
	color: #243A8E;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Barlow', sans-serif;
}

button,
input,
optgroup,
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
}
.d-none {
	display: none;
}
.d-block {
	display: block;
}
.d-flex {
	display: flex;
}
.flex-column {
	flex-direction: column !important;
}
.card .card-footer {
	padding: 2rem 2.25rem;
	border-top: 1px solid #eee;
}
.alert {
	position: relative;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid #104f99;
	border-radius: 0.85rem;
}
.alert-primary {
	color: #006ae6;
	border-color: #006ae6;
}
.delete_data {
	height: 45px;
	width: 45px;
	display: flex;
	border-radius: 50%;
	align-items: center;
	color: #fff !important;
	background: red;
	justify-content: center;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
	margin-left: 15px;
}

.popup_overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, .288);
	z-index: 999;
	bottom: 0;
	display: none;
	justify-content: center;
	align-items: center;
}

.dash_Cards:last-child {
	margin-right: 0;
}

.dashboard_cards_outer {
	display: flex;
}

.dash_Cards {
	background: #fff;
	min-height: 140px;
	position: relative;
	margin-bottom: 24px;
	border: 1px solid #f2f4f9;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(183, 192, 206, .2);
	-webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, .2);
	width: calc(100% / 3 - 16px);
	margin-right: 25px;
	padding: 25px 27px;
	text-align: right;
}

.delete_data {
	cursor: pointer;
}

.card-icon {
	position: absolute;
	left: 27px;
	top: 25px;
	padding: 9px 13px;
	box-shadow: 5px 3px 10px 0 rgba(21, 15, 15, .3);
	border-radius: 5px;
	background: #243a8e;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-icon i {
	color: #fff !important;
}

.dash_Cards h5 {
	margin: auto;
	text-transform: capitalize;
	font-weight: 500;
	color: #243a8e;
	font-size: 16px;
}

.dash_Cards span {
	width: 100%;
	display: block;
	text-align: left;
	line-height: normal;
	color: #243a8e;
}

.dash_Cards i {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color: #de1e33;
}

.dash_Cards p {
	font-size: 35px;
	color: #de1e33;
	font-weight: bold;
}

.popup_overlay.active {
	display: flex;
}

.smpopup {
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
	background: #fff;
	color: rgba(0, 0, 0, .87);
	max-width: 390px;
	padding: 50px 20px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	width: 94%;
}

.smpopup h5 {
	font-size: 19px;
	margin: auto auto 25px;
	line-height: 27px;
}

.smpopup a {
	margin: 0 8px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	min-width: 64px;
	line-height: 36px;
	padding: 0 20px;
	color: #fff !important;
}

.profile_booking {
	display: flex;
}

.profile_booking {
	display: flex;
}

.book_left_bar span {
	width: 88px;
	height: 88px;
	overflow: hidden;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
	background: #fff;
	border-radius: 15%;
	padding: 2px;
}

.book_left_bar span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15%;
}

.info_doc {
	padding-left: 20px;
}

.rating_booking i {
	display: inline-block;
	vertical-align: top;
	color: #cecece;
	margin-left: -3px;
	cursor: pointer;
}

.mb20 {
	margin-bottom: 25px;
}

.rating_booking i.active {
	color: #f4c150;
}

.info_doc h2 {
	font-weight: 600;
	color: #243a8e;
	font-size: 19px;
	text-transform: uppercase;
	margin: auto;
}

.info_doc h6 {
	font-style: normal;
	font-size: 15px;
}

.book_left_bar {
	display: flex;
	max-width: 410px;
	width: 100%;
}

.book_About h5 {
	margin: auto auto 6px;
	text-transform: uppercase;
	font-weight: 600;
	color: #243a8e;
}

.book_About p {
	color: #535353;
}

.smpopup a.btntext {
	color: #535353 !important;
	padding: 0;
}

.btndef {
	background-color: red;
	text-align: center;
}

.js_loading_dv {
	cursor: wait;
	width: 100%;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.welcometext {
	display: flex;
	background: #fff;
	min-height: 50px;
	position: relative;
	margin-bottom: 24px;
	border: 1px solid #f2f4f9;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(183, 192, 206, .2);
	-webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, .2);
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.table>tbody>tr>td:last-child,
.table>thead>tr>th:last-child {
	text-align: center;
}

.welimg {
	width: 350px;
}

.list_col_60 {
	width: 65.89%;
}

.col_list_40 {
	width: 31.89%;
}

.list_btm_dash {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.weltext {
	width: calc(100% - 390px);
	padding: 0 20px;
}

.weltext h5 {
	text-transform: capitalize;
	font-size: 16px;
	margin: auto;
	color: #243a8e;
}

.weltext h4 {
	color: #de1e33;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 600;
	margin: 9px auto 15px;
}

.weltext p {
	max-width: 640px;
}

@font-face {
	font-family: 'Material Icons Two Tone';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialiconstwotone/v54/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0NjbrHg.woff2) format('woff2');
}

.material-icons-two-tone {
	font-family: 'Material Icons Two Tone';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
}

span.smalltxt {
	font-size: 9px;
	font-weight: lighter;
}


/*.select-group select {*/


/*	width: 45%;*/


/*	display: inline-block;*/


/*	margin: 5px;*/


/*}*/

.select-group {
	display: flex !important;
	justify-content: space-between;
}

.login_outer_two .help-block strong {
	font-weight: normal;
	font-size: 12px;
}

.login_outer_two .help-block {
	margin-top: auto;
}

.select-group select {
	width: 49% !important;
}

.calenderboxouter .form-group {
	border: 1px solid #f7f7f7;
	padding: 15px 20px;
}
.calenderboxouter .form-check-label::before{
	display: none;
}
ul {
	margin: auto;
	padding: 0;
	list-style: none;
}

.dashboardmain {
	display: flex;
	flex-wrap: wrap;
}

.login_outer {
	display: flex;
	flex-wrap: wrap;
}

.logo_admin a img {
	max-width: 200px;
	margin-bottom: 50px;
}

.login_left {
	background: #fff;
	border-left: 3px solid #de1e33;
	padding: 65px 0;
	display: flex;
	width: 45%;
	flex-wrap: wrap;
	align-items: center;
}

.login_left .form-group {
	margin-bottom: 25px;
}

.login_left>div {
	width: 100%;
}

.login_content {
	max-width: 480px;
	margin: auto;
}

.logbutton button {
	width: 100% !important;
	border-radius: 50px !important;
	height: 45px;
}

.login_left .checkbox {
	text-align: center;
	margin-top: 0px;
	display: block;
}

.logbutton {
	margin-bottom: 25px;
}

.frgtpwd {
	text-align: center;
	display: block;
	color: #243a8e !important;
	text-decoration: underline !important;
	font-size: 13px;
}

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

.acc_txt {
	font-size: 15px;
	margin-bottom: 30px;
	color: #535353;
}

.acc_txt a {
	color: #de1e33;
}

.bigheading {
	font-weight: bold;
	margin: 0px 0 15px;
	color: #243a8e;
	font-size: 27px;
	text-transform: uppercase;
	line-height: normal;
}

.menu_list i.material-icons-two-tone {
	filter: invert(43%) sepia(4%) saturate(19%) hue-rotate(342deg) brightness(94%) contrast(88%);
}

.sidebarclosed .contentdash {
	width: calc(100% - 110px);
}

.contentdash {
	margin: 90px 30px 0 290px;
	min-height: calc(100vh - 90px);
	transition: .5s;
	padding-bottom: 30px;
	width: calc(100% - 315px);
}

.headermain {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background-color: #fff !important;
	box-shadow: 3px 0 10px 0 rgba(183, 192, 206, .2);
	min-height: 62px;
	display: flex;
}

.hd_logo {
	padding: 8px;
	background-color: #fff;
	width: 260px;
	transition: all .5s;
	border-right: 1px solid #f2f4f9;
}

.menutoggle span {
	padding: 0;
	min-width: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	transition: all ease-in-out 0.3s;
}

.menutoggle span:hover {
	background: #f2f2f2;
}

img {
	max-width: 100%;
}

.hd_logo img {
	max-width: 112px;
	margin: auto;
	display: block;
}

.profile_toggle span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hd_top {
	width: calc(100% - 260px);
	display: flex;
	justify-content: space-between;
	padding: 4px 30px;
	align-items: center;
	min-width: 62px;
}

.user_dw_menu li {
	padding: 8px 12px;
}

.user_dw_menu li a {
	padding: 0px;
	color: #1f2022;
	font-weight: 400;
	width: 100%;
	display: flex;
	align-items: center;
}

.user_dw_menu li a:hover i {
	color: #fff;
	background: #de1e33;
}

.user_dw_menu li a:hover {
	color: #de1e33;
}

.user_dw_menu li a i {
	border-radius: 50%;
	background: #f2f2f2;
	padding: 8px;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
	width: auto;
	font-size: 18px;
	margin-right: 15px;
}

.user_dw_menu {
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	margin-top: 12px;
	position: absolute;
	right: 0;
	background: #fff;
	border-radius: 5px;
	width: 180px;
	padding: 6px;
	display: none;
}

.user_dw_menu.active {
	display: block;
}

.profile_toggle {
	position: relative;
}

.profile_toggle span {
	width: 40px;
	display: inline-block;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #e8e8e8;
}

a {
	text-decoration: none !important;
	cursor: pointer;
}

.sidebar-sticky {
	width: 260px;
	transition: all .5s;
	background: #fff;
	display: inline-block;
	min-height: calc(100vh - 60px);
	position: fixed;
	top: 60px;
	left: 0;
	border-right: 1px solid #f2f4f9;
	box-shadow: 0 8px 10px 0 rgba(183, 192, 206, .2);
	z-index: 999 !important;
	overflow: auto;
}

.profile_side span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 2px;
	border-radius: 15%;
}

.profile_side span {
	width: 100px;
	height: 100px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2);
	background: #fff;
	border-radius: 15%;
}

.profile_side {
	text-align: center;
	padding: 25px 0 10px;
}

.profile_side p {
	margin-top: 15px;
	font-weight: 600;
	color: #243a8e;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.profile_side i {
	font-style: normal;
	font-size: 13px;
	color: #535353;
}

p {
	margin: 0;
}

.rl_menu li a {
	padding-left: 48px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 8px 13px 0;
	border-radius: .5rem;
	display: block;
	color: #535353;
	position: relative;
}

.rl_menu li a::before {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 17px;
	font-weight: 900;
	top: calc(50% - 15px);
	content: "";
	transform: rotate(44deg);
	top: 0;
	bottom: 0;
	display: none;
	margin: auto;
}

.rl_menu li a.active::before {
	display: block;
}

.menu_list>li>a p {
	margin: 0 0 0 15px;
	color: #333;
	font-size: 14px;
}

.menu_list>li>a:hover,
.menu_list>li>a.active {
	text-decoration: none !important;
	background-color: #c9d6f9;
}

.menu_list>li>a {
	color: #000;
	position: relative;
	font-size: 14px;
	overflow: hidden;
	line-height: 2rem;
	padding: 9px;
	margin: 8px 13px 0;
	border-radius: .5rem;
	display: flex;
	align-items: center;
}

.cards_bg {
	background: #fff;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.05);
	padding: 25px;
}

.table {
	margin-bottom: 0;
}

.tabletopbar {
	display: flex;
	justify-content: space-between;
	padding: 15px 20px;
	background: #f5f8fa;
	width: calc(100% - 20px);
	margin: 10px auto;
	border-radius: 5px;
	align-items: center;
}

.searchbar {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.search_inp {
	position: relative;
}

.search_inp i {
	position: absolute;
	left: 22px;
	top: 15px;
	color: #828282;
	font-size: 18px;
}

.searchbar span {
	font-size: 15px;
	color: #243a8e;
	margin-right: 12px;
	font-weight: 600;
}

.search_inp input {
	border-radius: 50px;
	border: 1px solid #e6e6e6;
	padding: 11px 25px 11px 50px;
	width: 330px;
}

.btn_bar a, button.plus-button {
	height: 36px;
	width: 36px;
	display: inline-block;
	padding: 6px;
	border-radius: 50%;
	background: #243a8e;
	color: #fff !important;
	margin: 0 2px;
}

.table-responsive {
	background: #fff;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
}

.table>thead>tr>th,
.table>tbody>tr>td {
	border: 0 !important;
	padding: 14px 20px;
	vertical-align: middle;
}

.name_blk i {
	font-size: 15px;
	line-height: normal;
	cursor: pointer;
	display: none;
	position: absolute;
	left: 21px;
	width: 40px;
	height: 40px;
	background: rgba(36, 58, 142, 0.6);
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.white_bg_outer {
	background: #fff;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	padding: 30px;
}

.name_blk {
	position: relative;
}

.name_blk:hover i {
	display: flex;
}

.ic_table {
	height: 36px;
	width: 36px;
	display: inline-block;
	padding: 9px;
	border-radius: 50%;
	background: #243a8e;
	color: #fff !important;
	margin: 0 2px;
}

.ic_table i {
	font-size: 18px;
}

.delete_ic {
	background: red;
}

.table td img {
	border-radius: 50%;
	object-fit: cover;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	display: inline-block;
}

.table td p {
	display: inline-block;
	vertical-align: middle;
}

tbody tr:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .12);
	z-index: 1;
	position: relative;
}

tr {
	transition: all ease-in-out 0.3s;
}

.table>thead>tr>th {
	text-transform: capitalize;
}

.table>tbody>tr>td {
	border-top: 2px solid #f5f8fa !important;
	background: #fff;
}

.form-control {
	width: auto;
	height: auto;
}

.login-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.login-right {
	min-height: calc(100vh - 74px);
	overflow: hidden;
	width: calc(100% - 45%);
}

.flex_inp_outer {
	display: flex;
	flex-wrap: wrap;
}

.form-group .radio_outer label {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.radio_outer label input {
	display: inline-block;
}

.flex_inp_outer .form-group,
.flex_inp_outer.threeinp .form-group {
	width: calc(100% / 2 - 10px);
	margin-right: 20px;
	margin-bottom: 20px
}

select[multiple].form-control {
	height: 150px !important;
	border-radius: 18px !important;
	background-image: none !important;
}

.flex_inp_outer.threeinp .form-group {
	width: calc(100% / 3 - 14px);
}

.flex_inp_outer.threeinp .form-group:nth-child(2n) {
	margin-right: 20px;
}

.flex_inp_outer .form-group:nth-child(2n),
.flex_inp_outer.threeinp .form-group:nth-child(3n) {
	margin-right: 0;
}

.form-control:not(input[type="radio"]):focus,
.browse_file_inp span:focus {
	background-color: #fff !important;
	border-color: #243a8e !important;
	box-shadow: none;
	color: #1f2022;
}

.form-control:not(input[type="radio"]),
.browse_file_inp span {
	height: 45px;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 18px;
	font-family: 'Open Sans', sans-serif;
	background-color: #ebebeb;
	box-shadow: none;
	border: 1px solid #ebebeb;
	border-radius: 50px;
	color: #1f2022;
	transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
	will-change: background, border, box-shadow, color;
	width: 100%;
	display: block;
}

.select_option_card {
	display: flex;
	flex-wrap: wrap;
}

.payment_cards {
	background: #fff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 12px 18px 12px 50px;
	width: calc(100% / 2 - 10px);
	margin-bottom: 15px;
	margin-right: 15px;
}

.payment_cards:nth-child(2n) {
	margin-right: 0;
}

.payment_cards_outer {
	flex-wrap: wrap;
}

.payment_cards a {
	float: right;
	color: #de1e33;
	font-size: 13px;
}

.cards_det_payment.active,
.payment_cards_outer.active {
	display: flex;
}

.payment_cards {
	position: relative;
}

.cards_det_payment,
.payment_cards_outer {
	display: none;
}

.select_option_card .heading_form.active::after,
.payment_cards.active::after {
	width: 13px;
	height: 13px;
	background: #243a8e;
	position: absolute;
	content: "";
	border-radius: 50%;
	left: 6px;
	top: 4px;
	bottom: 0;
	margin: auto;
}

.select_option_card .heading_form.active::before,
.payment_cards.active::before {
	border-color: #243a8e;
}

.select_option_card .heading_form {
	margin-right: 25px;
	cursor: pointer;
	position: relative;
	padding-left: 35px;
	margin-bottom: 30px;
}

.payment_cards::before,
.select_option_card .heading_form::before {
	content: "";
	left: 0;
	width: 25px;
	height: 25px;
	border: 2px solid #ccc;
	position: absolute;
	border-radius: 50%;
	top: -2px;
}

.checkbox label,
.radio label {
	padding-left: 27px;
	line-height: normal;
}

.checkbox_num {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.checkbox_num label {
	margin-right: 10px !important;
}

.form-check .btn {
	margin-right: 8px;
}

.browse_file_inp input {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	cursor: pointer;
	opacity: 0;
}

.form-control:not(input[type="radio"]):hover,
.browse_file_inp span:hover {
	cursor: text;
	border-color: #ebebeb;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

textarea.form-control {
	height: 130px !important;
	resize: none;
	border-radius: 18px !important;
}

.sidebarclosed .hd_logo img {
	opacity: 0;
}

.sidebarclosed .hd_logo a {
	background-image: url("https://app.reliavet.com/img/smalllogo.png");
	background-size: contain;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	overflow: hidden;
}

select.form-control {
	background-image: url("https://app.reliavet.com/img/arrowbtm.svg") !important;
	-moz-appearance: none;
	background-size: 6px;
	background-position: right 8px center;
	background-repeat: no-repeat;
}

.form-group label {
	margin: auto;
	font-weight: normal;
	font-size: 13px;
	color: #535353;
}

.heading_form {
	margin: 15px 0;
	font-weight: 600;
	color: #243a8e;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mt0 {
	margin-top: 0px;
}
.mt10 {
	margin-top: 10px;
}

button.btn-primary,
button.btnedit,
input.btnedit {
	background-color: #243a8e !important;
	font-size: 14px;
	line-height: normal;
	padding: 9px 19px;
	cursor: pointer;
	border: 0px !important;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	border-radius: 5px;
	color: #fff !important;
}

.profile_up_img {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #dbdbdb;
	display: inline-block;
	vertical-align: middle;
}

.profile_up_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile_img {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
	justify-content: space-between;
}

.imgupltext {
	position: relative;
	overflow: hidden;
	margin-left: 30px;
}

.imgupltext input {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	transform: scale(2);
	opacity: 0;
}

.imgupltext span {
	background-color: #243a8e !important;
	font-size: 14px;
	line-height: normal;
	padding: 13px 19px;
	cursor: pointer;
	border: 0px !important;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	border-radius: 5px;
	color: #fff;
}

.imgupltext span i {
	font-size: 17px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	margin-top: -2px;
}

button.btnedit {
	background: transparent !important;
	color: #8a8a8a;
	margin-left: 16px;
}

.pointer {
	cursor: pointer;
}

.topheaderbtn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.topheaderbtn .bigheading {
	margin: 0;
}

.topheaderbtn {
	margin-bottom: 20px;
}

.topheaderbtn a {
	background: #243a8e;
	width: auto;
	font-size: 15px;
	line-height: normal;
	transition: all ease-in-out 0.3s;
	padding: 12px 30px;
	cursor: pointer;
	border: 0px !important;
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	border-radius: 0px;
	color: #fff !important;
}

.hd_info_right {
	display: flex;
	align-items: center;
}

.notify_ic {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.notify_ic:hover {
	background: #f2f2f2;
}

.label-count {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #de1e33;
	border-radius: 50px;
	top: 7px;
	right: 10px;
}

.pullDown {
	animation-name: pullDown;
	-webkit-animation-name: pullDown;
	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0
}

@keyframes pullDown {
	0% {
		transform: scaleY(.1)
	}
	40% {
		transform: scaleY(1.02)
	}
	60% {
		transform: scaleY(.98)
	}
	to {
		transform: scaleY(.98)
	}
	80% {
		transform: scaleY(1.01)
	}
	to {
		transform: scaleY(1)
	}
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(.1)
	}
	40% {
		-webkit-transform: scaleY(1.02)
	}
	60% {
		-webkit-transform: scaleY(.98)
	}
	to {
		-webkit-transform: scaleY(.98)
	}
	80% {
		-webkit-transform: scaleY(1.01)
	}
	to {
		-webkit-transform: scaleY(1)
	}
}

.sidebarclosed .hd_top {
	width: 100%;
}

.sidebarclosed .sidebar-sticky {
	width: 60px;
}

.sidebarclosed .menu_list>li>a {
	padding: 9px 5px;
}

.sidebarclosed .menu_list>li>a p,
.sidebarclosed .profile_side {
	display: none;
}

.sidebarclosed .hd_logo {
	width: 60px;
	overflow: hidden;
}

.sidebarclosed .contentdash {
	margin: 90px 20px 0 90px;
}

input[type="checkbox"]+label {
	display: block;
	cursor: pointer;
	margin: 0;
}

input[type=checkbox] {
	display: none;
}

input[type="checkbox"]+label::before {
	content: "\2713";
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 18px;
	height: 18px;
	color: transparent;
	transition: .2s;
	display: block;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	position: absolute;
	left: 0;
}

input[type=checkbox]+label:active:before {
	transform: scale(0);
}

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

input[type=checkbox]:disabled+label:before {
	transform: scale(1);
	border-color: #aaa;
}

input[type="checkbox"]:checked+label::before {
	background-color: #de1e33;
	border-color: #de1e33;
	color: #fff;
	border-radius: 5px;
}

.notify_outer.active {
	display: block;
}

.notify_outer {
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	margin-top: 12px;
	position: absolute;
	right: 0;
	background: #fff;
	border-radius: 5px;
	width: 300px;
	top: 100%;
	display: none;
	padding-bottom: 20px;
}

.dropdownhd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
}

.blk_ic {
	background: #1f2022;
}

.dropdownhd h4 {
	margin: 0;
	font-size: 16px;
}

.dropdownhd a {
	color: #de1e33;
	font-size: 13px;
}

.headermain {
	z-index: 2;
}

.notify_outer li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
	border-bottom: 1px dotted #dfdfdf;
	padding-bottom: 12px;
}

.notify_btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.allnotification {
	display: block;
	text-align: left;
	width: 100%;
	color: #aeaeae;
	padding: 0 20px 0;
}

.notify_img {
	width: 40px;
	height: 40px;
	border: 2px;
	overflow: hidden;
	display: inline-block;
	background: #fff;
	border-radius: 15%;
}

.notify_details {
	width: calc(100% - 20px);
}

.notify_outer ul {
	min-height: 10px;
	max-height: 220px;
	overflow: auto;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 5px 0px 0px 20px;
}

.notify_details p {
	color: #243a8e;
	text-transform: capitalize;
	font-weight: 600;
	line-height: normal;
}

.notify_details i, 
.notify_details span {
	font-style: normal;
	font-size: 13px;
	color: #808080;
	display: block;
	white-space: normal;
}

.notify_outer li:hover span {
	color: #243a8e;
}

.notify_outer li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.notify_details i i {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}

.payment_cards.active::after {
	left: 23px;
	width: 10px;
	height: 10px;
	top: 0;
}

.payment_cards::before {
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	left: 18px;
}

.video_main_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: self-start;
}

.vide_outer_big {
	width: calc(100% - 500px);
	transform: scaleX(-1);
	height: auto;
    aspect-ratio: 16/9;
}

.payment_savedcards form {
	display: flex;
	flex-wrap: wrap;
	margin-top: 23px;
}

.payment_savedcards .payment_cards::before,
.payment_savedcards .payment_cards::after {
	display: none;
}

.payment_savedcards .payment_cards {
	padding-left: 18px;
}

.vide_outer_big video,
.vide_outer_small video {
	width: 100%;
	display: block;
}

.vide_outer_small,
.vide_outer_small_canvas {
	width: 160px;
}

.doctor_vid_screen .vide_outer_big {
	width: 100%;
}

.petvideo {
	width: 50%;
}

.doctor_vid_screen .vide_outer_small,
.doctor_vid_screen .vide_outer_small_canvas {
	width: 100px;
	position: absolute;
	right: 0;
	margin: 0;
	z-index: 1;
	padding: 12px;
}

.pet_question {
	width: 48%;
	position: relative;
}

.vide_outer_big h5 {
	background: #fff;
	margin: auto;
	padding: 0 0 10px;
	font-weight: bold;
	color: #243a8e;
	font-size: 11px;
	text-transform: uppercase;
}

.pet_question .vide_outer_small h5 {
	display: none;
}

.vide_outer_big,
.vide_outer_small,
.vide_outer_small_canvas,
.sm_bg_white {
	border-radius: 5px;
	overflow: hidden;
	padding: 13px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(183, 192, 206, .2);
	-webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, .2);
}

.sm_bg_white {
	padding: 24px 20px;
}

.calltimedoc strong {
	color: #243a8e;
}

.hdblue {
	margin: auto auto 12px;
	font-weight: 600;
	color: #243a8e;
	font-size: 17px;
	text-transform: uppercase;
}

.review_submit .form-check {
	margin-top: 20px;
}

.video_main_box h5 i {
	vertical-align: middle;
	line-height: normal;
	margin-top: -4px;
	font-size: 20px;
	margin-right: 4px;
}

.star_reviews {
	display: flex;
	margin-bottom: 12px;
}

.reviewinline {
	border-right: 1px dotted #959595;
	padding-right: 25px;
	margin-right: 25px;
	font-size: 14px;
	display: flex;
	align-items: center;
	color: #535353;
}

.calltimedoc {
	margin-top: 8px;
	display: flex;
	justify-content: space-between;
}

.calltimedoc i {
	font-style: normal;
	color: #919191;
}

.star_rates i {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.star_rates {
	margin-left: 12px;
	font-size: 5px;
}

.star_rates .filled {
	color: #f7c000;
}

.reviewinline:last-child {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

.questblk h5 {
	color: #535353;
	font-weight: normal;
	text-transform: capitalize;
	line-height: 18px;
	margin: 0;
	padding-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
}

.questblk strong {
	color: #243a8e;
}

.questblk {
	margin-bottom: 30px;
}

.questblk:last-child {
	margin-bottom: 0;
}

.pet_info_vid li strong {
	margin-right: 5px;
}

.list_quest .imgupltext {
	margin-left: 0;
	margin-top: 20px;
}

.viewfile i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 9px;
}

.pet_info_vid li {
	border-right: 1px dotted #959595;
	padding-right: 25px;
	margin: 5px 25px 5px 0;
	font-size: 14px;
	display: flex;
	align-items: center;
	color: #535353;
	width: calc(100% / 3 - 17px);
}

.pet_info_vid ul {
	display: flex;
	flex-wrap: wrap;
}

.pet_info_vid li:nth-child(3n),
.pet_info_vid li:last-child {
	margin-right: 0;
	border-right: 0;
}

.time-popup,
.popupoutersmall {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: auto;
}

.popupmtinner,
.popupinnersmall {
	background: #ffff;
	max-width: 740px;
	width: 94%;
	padding: 25px;
	position: relative;
	border-radius: 5px;
}

.exp_outer_form {
	display: flex;
}

.exp_outer_form .form-control:first-child {
	margin-right: 15px;
}

.popupmtinner ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.popupmtinner ul li:nth-child(3n) {
	margin-right: 0;
}

.btntext {
	color: #969595;
}

.popupmtinner h3 {
	font-size: 18px;
	color: #243a8e;
	margin-top: 0;
	font-weight: 500;
}

.popupmtinner ul li {
	width: calc(100% / 3 - 8px);
	border: 1px solid #e6e6e6;
	padding: 10px 17px;
	margin: 5px 10px 5px 0;
	color: #535353;
	border-radius: 50px;
}

.popupmtinner ul li input {
	margin-right: 8px;
}

.videattachment a {
	display: flex;
	margin-top: 20px;
	max-width: max-content;
	border-radius: 4px;
	background: #fcfcfc;
	position: relative;
	overflow: hidden;
	color: #243a8e;
}

.videattachment a p {
	background: #243a8e;
	color: #fff;
	padding: 7px 14px;
	/*	position: absolute;*/
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-content: center;
}

.pt22 {
	padding-top: 22px;
}

.time-popup h2,
.addpopupheading {
	margin: 0;
	font-weight: 600;
	color: #243a8e;
	font-size: 23px;
	text-transform: uppercase;
	line-height: normal;
}

.questans h5 {
	color: #243a8e;
	font-size: 17px;
	font-family: 'Barlow', sans-serif;
	line-height: normal;
	margin: auto auto 6px;
}

.questans p {
	color: #535353;
}

.questans {
	border-bottom: 1px dotted #ccc;
	padding: 16px 0;
}

.close-pop {
	background-image: url("https://app.reliavet.com/img/cancel_w.svg");
	position: absolute;
	right: -10px;
	top: -10px;
	background-color: red;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	font-size: 0;
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.logo_main img {
	max-width: 130px;
}

.header_top_bar {
	width: 100%;
	padding: 10px 15px;
	background: #ffff;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 1;
}

.login_outer_two {
	align-items: unset;
}

.login_outer_two {
	width: 95%;
	max-width: 1340px;
	margin: auto;
	padding: 60px 0;
}

.btn_info_sets a {
	background: #de1e33;
	color: #fff;
	text-transform: uppercase;
	padding: 9px 31px;
	border-radius: 50px;
	display: inline-block;
	vertical-align: top;
	margin-left: 9px;
}

.cus_container {
	width: 95%;
	max-width: 1340px;
	margin: auto;
}

.field_container {
	width: 500px;
	margin: 0;
	background: #fff;
	position: relative;
	border: 1px solid #f2f4f9;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
	-webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
	padding: 40px;
}

.field_container:last-child {
	width: 810px;
}

.copyright {
	text-align: center;
	background: #fff;
	box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
	-webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
	padding: 10px;
}

.incheight {
	min-height: calc(100vh - 120px);
}

.copyright a {
	color: #243a8e !important;
}

.btn_info_sets a.bluebtn {
	background: #243a8e;
}

.login_left {
	position: relative;
}

.copyright_sm {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 10px;
}

.copyright_sm a {
	color: #243a8e;
}

.register_main .login_content {
	max-width: 580px;
}

.questblk textarea.form-control {
	height: 62px !important;
}

.petvideo .pet_info_vid li,
.pet_info_vid li:nth-child(3n) {
	width: calc(100% / 2 - 17px);
	border-right: 1px dotted #959595;
	margin-right: 25px;
}

.petvideo .pet_info_vid li:nth-child(2n) {
	margin-right: 0;
	border-right: 0;
}

.slider {
	position: relative;
	display: inline-block;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 29px;
	height: 14px;
	border-radius: 34px;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 4px;
}

.switch {
	margin: 0 12px 0 0;
	font-weight: normal;
	cursor: pointer;
}

.videocalltimer p {
	margin: 0 5px;
	color: #fff;
	background: #243a8e;
	padding: 4px 19px;
	border-radius: 50px;
	font-size: 13px;
}

.slider::before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 3px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

.switch input:checked+.slider {
	background-color: #DE1E33;
}

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

.login_page_rl .field_container {
	width: 580px;
}

.auth_left {
	display: flex;
	align-items: center;
	max-width: 520px;
	width: 100%;
}

.pad60 {
	padding: 60px 0;
}

.authcontainer {
	width: 95%;
	max-width: 1260px;
	margin: auto;
}

.welcome_text h1 {
	color: #de1e33;
	text-transform: uppercase;
	font-size: 44px;
	font-weight: 900;
	margin: auto auto 18px;
}

.welcome_text p {
	max-width: 510px;
	font-size: 16px;
	line-height: 28px;
	color: #535353;
}

.register_page_rl .field_container {
	width: 680px;
}

.videocalltimer p a {
	color: #fff;
	text-decoration: underline !important;
}

.btnround a {
	background: #de1e33;
	margin: 0 5px;
	color: #fff;
	padding: 4px 19px;
	border-radius: 50px;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
}

.emptyquestview {
	max-height: 455px;
	overflow: auto;
	height: auto;
}

.viewfile a {
	color: #243a8e;
}

.blue a {
	background-color: #243a8e;
}

.rating>input {
	display: none;
}

.rating>label::before {
	margin: 0 4px;
	font-size: 17px;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.rating>.half:before {
	content: "\f089";
	position: absolute;
}

.rating>label {
	margin: 0;
	float: right;
	color: #ccc;
}

.rating>input:checked~label,

/* show gold star when clicked */

.rating:not(:checked)>label:hover,

/* hover current star */

.rating:not(:checked)>label:hover~label {
	color: #FFD700;
}


/* hover previous stars in list */

.rating>input:checked+label:hover,

/* hover current star when changing rating */

.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,

/* lighten current selection */

.rating>input:checked~label:hover~label {
	color: #FFED85;
}

.vet_view .white_bg_outer {
	pointer-events: none;
}

.vet_view .white_bg_outer.pointer-medical-record {
	pointer-events: auto;
}

.vet_view .white_bg_outer.pointer-medical-record .name_blk {
	pointer-events: none;
}

.petinfo ul {
	display: flex;
	flex-wrap: wrap;
}

.petinfo ul li {
	width: calc(100% / 3);
	margin: 5px 0;
}

.chat_joined {
	text-align: center;
	opacity: 0.5;
	margin-bottom: 20px;
}

.user_info {
	position: relative;
	padding-left: 70px;
	margin-bottom: 30px;
}

.user_info img {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #f1f1f1;
}

.time {
	color: #767676;
	font-size: 13px;
}

.chat_text {
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
	padding: 16px;
	border-radius: 5px;
	margin-bottom: 8px;
}

.user_info.sec_user {
	padding-right: 70px;
	padding-left: 0;
}

.user_info.sec_user img {
	right: 0;
	left: unset;
}

.user_info.sec_user .time {
	text-align: right;
}

.user_info.sec_user .chat_text {
	background: #243a8e;
	color: #fff;
}

.vet_view input::-webkit-outer-spin-button,
.vet_view input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.vet_view input[type=number] {
	-moz-appearance: textfield;
}

.vet_view .form-control {
	background: transparent !important;
	border: 0px !important;
	padding: 0 !important;
	height: auto !important;
	box-shadow: none !important;
}

.vet_view .imgupltext,
.vet_view .petactivation,
.vet_view .form-check {
	display: none;
}

.mt30 {
	margin-top: 30px;
}

.size_text {
	display: inline-block;
	margin-left: 12px;
	font-size: 13px;
	color: #535353;
}

.outer_browse {
	display: flex;
	align-items: center;
	margin-top: 23px;
}

.browse_im_sets {
	display: flex;
	margin-left: 15px;
}

.outer_browse .form-group {
	margin: 0;
}

.img_browse {
	position: relative;
	border: 1px solid #ebebeb;
	margin-right: 15px;
	margin-bottom: 15px;
}

.del_bimg {
	width: 18px;
	display: flex;
	position: absolute;
	right: -7px;
	height: 18px;
	background: #fff;
	border-radius: 50px;
	top: -8px;
	align-items: center;
	justify-content: center;
	border: 1px solid #ebebeb;
	opacity: 1;
	padding: 4px;
	cursor: pointer;
	z-index: 1;
}

.img_browse i {
	position: absolute;
	top: 100%;
	left: 0;
	font-style: normal;
	font-size: 11px;
	text-align: center;
	right: 0;
	white-space: nowrap;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #535353;
}

.img_browse>img {
	width: 68px;
	height: 68px;
	object-fit: cover;
}

.fc .fc-toolbar-title {
	font-size: 15px;
	line-height: normal;
	color: #243a8e;
}

.del_bimg img {
	width: 11px;
	opacity: 0.7;
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
	text-align: center;
}

.fc .fc-daygrid-event {
	margin: 0 !important;
	background: #243a8e !important;
	border: 0px !important;
}

.fc .fc-daygrid-day-bottom {
	display: none;
}

.fc .fc-daygrid-day-number {
	font-weight: bold;
}

.medical_rec_popup {
	display: none;
}

.medical_rec_popup.active {
	display: flex;
}

.medical_rec_popup .addpopupheading {
	margin-bottom: 15px;
}

.scroll_popup {
	height: 380px;
	overflow: auto;
	padding-right: 15px;
}

.medical_rec_popup .popupinnersmall {
	padding-right: 0;
}

.checbox_four {
	display: flex;
	flex-wrap: wrap;
}

.label_outer {
	width: calc(100% / 4);
	margin: 0px 0px 10px;
}

.label_outer label {
	position: relative;
	padding-left: 27px;
	font-weight: normal;
	font-size: 13px;
	color: #535353;
	line-height: normal;
}

.checbox_four {
	margin-bottom: 10px;
}

.medical_rec_popup .form-check {
	padding-top: 20px;
}

.checkbox_hd {
	font-weight: bold;
	color: #243a8e;
	font-size: 15px;
	margin-bottom: 7px;
}

.popupmtinner .browse_im_sets {
	margin: 25px 0 0;
}

.toggle_tabs_outer {
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.newpetfix.petinfovid ul {
	border: 1px solid #eee;
	margin-bottom: 22px !important;
	display: flex;
	border-radius: 50px;
	overflow: hidden;
}

.petinfovid.newpetfix {
	padding-right: 30px;
}

.newpetfix.petinfovid ul li {
	border-right: 1px solid #eee;
	padding: 8px 13px;
	font-size: 13px;
}

.newpetfix.petinfovid ul li:last-child {
	border: 0px;
}

.toggle_tabs_outer a.active {
	color: #de1e33;
	border-bottom: 3px solid #de1e33;
}

.toggle_tabs_outer a {
	font-weight: 700;
	font-size: 16px;
	padding: 9px;
	width: 33.33%;
	text-align: center;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	color: #243a8e;
}

.petinfovid ul li {
	width: calc(100% / 2);
	margin-right: 0px !important;
	border: 0px;
	padding: 0;
}

.petinfovid strong {
	color: #000;
	margin-right: 7px;
}

.vide_attachment {
	width: 70px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 10px 10px 10px 0px;
	height: 70px;
}

.vide_attachment img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid #dbdbdb;
	display: block;
}

.vide_attachment a i {
	font-size: 18px;
}

.vide_attachment a {
	font-size: 13px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: rgba(36, 58, 142, 0.6);
	color: #fff;
	visibility: hidden;
	opacity: 0;
}

.vide_attachment:hover a {
	visibility: visible;
	opacity: 1;
}

.pagination {
	margin: 22px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #2F50A1;
	border-color: #2F50A1;
}

.pagination>li>a,
.pagination>li>span,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #2F50A1;
}

.petinfovid ul li:nth-of-type(3n) {
	margin-right: 0 !important;
}

.petinfovid ul {
	margin: 15px 0 0 !important;
}

.form_center .field_container {
	max-width: 580px;
	margin: auto;
	width: 100%;
}

.tab_cont,
.popupmaxheight {
	min-height: 460px;
	max-height: 460px;
	overflow: auto;
}

.fc .fc-button-group>.fc-button {
	background: #243a8e;
}

.sel_app_dt {
	margin-top: 20px;
}

.sel_app_dt strong {
	color: #243a8e;
}

.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 8px !important;
}

.fc .fc-toolbar-title {
	margin: 0 !important;
	font-weight: bold;
	color: #243a8e;
	font-size: 14px !important;
	line-height: normal;
	font-family: 'Open Sans', sans-serif;
}

.fc .fc-button-primary:disabled {
	background: #de1e33 !important;
	text-transform: capitalize;
	opacity: 1 !important;
	border-color: #de1e33 !important;
}

h3.pophd {
	color: #243a8e;
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 17px;
	text-transform: capitalize;
	padding-bottom: 13px;
	font-family: 'Open Sans', sans-serif;
}

.vet_view .form-group label {
	font-size: 15px;
	color: #243a8e;
	font-weight: 600;
}

.calenderboxouter .select-group {
	flex-wrap: wrap;
}

.calenderboxouter .select-group label {
	width: 100%;
	margin-top: 15px;
}

.calenderboxouter .select-group label~select {
	width: 100% !important;
}

.reschedule-pointer-area .add-more-btn {
	display: flex;
	align-items: center;
	gap: 10px;
}

.date-selector input.reschedule-datepicker {
	border: solid 1px #f0f0f0;
	margin-left: 10px;
}

.date-selector {
	padding-bottom: 4px;
}

.toggle_tabs_outer a i {
	display: block;
	font-style: normal;
	font-size: 12px;
}

.table_wrap_main {
	overflow-x: auto;
}

.book_About {
	display: none;
}

p.success,
p.error {
	margin: 10px auto;
	font-weight: 800;
	font-size: 16px;
	text-align: center;
}
 
.table > tbody > tr > td::before{
    display: none;
}
input[type="radio"] {
	-moz-appearance: radio;
	appearance: radio;
}
.white_bg_outer .profile_booking .book_left_bar {
	max-width: 100%;
}
.acc_approve_inner {
	width: 550px;
	background: #fff;
	position: relative;
	border: 1px solid #f2f4f9;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
	-webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
	padding: 40px;
	margin: 40px auto;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.acc_approve_inner img {
	margin-bottom: 30px;
	max-width: 160px;
}
.acc_approve {
	text-align: center;
	width: 100%;
}
.acc_approve_inner a {
	background-color: #243a8e !important;
	font-size: 14px;
	line-height: normal;
	padding: 11px 32px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	border-radius: 5px;
	color: #fff !important;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 30px;
}
.vide_outer_small {
	display: none;
}
.swal-button {
	background-color: #243a8e !important; 
}
.swal-button--cancel {
    background-color: #efefef !important;
}
.swal-footer {
	text-align: center !important;
}
.dash_Cards.w50 {
	width: calc(100% / 2 - 10px);
}
.top_pet_bar .bigheading {
	margin: 0;
}
.top_pet_bar {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.pets_key_count {
	display: flex;
	flex-wrap: wrap;
}
.vet_pet_rep {
	width: calc(100% / 3 - 12px);
	background: #fff;
	border-radius: 3px;
	margin-right: 18px;
	overflow: hidden;
	margin-bottom: 18px;
	position: relative;
}
.vets_img_sch {
	position: relative;
	height: 280px;
}
.vets_info_re h4 {
	color: #243a8e;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 4px;
	display: inline-block;
	vertical-align: top;
}
.vets_info_re p {
	margin-top: 6px;
	line-height: normal;
	color: #000;
}
.vets_info_re {
	padding: 20px;
}
.vets_img_sch img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pets_key_count {
	display: flex;
	flex-wrap: wrap; 
}
.vet_pet_rep:nth-of-type(3n) {
	margin-right: 0;
}
.btn_vets_re {
	position: absolute;
	right: -50px;
	top: 11px;
	width: 44px;
	text-align: center;
	transition: all ease-in-out 0.3s;
	z-index: 1;
}
.vet_pet_rep:hover .btn_vets_re {
	right: 10px;
}
.btn_vets_re a {
	margin-bottom: 8px;
}
.top_pet_bar {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	background: #fff;
	padding: 15px 25px;
	border-radius: 3px;
}
.pet_outer_zoom {
	position: relative;
}
.zoomclosevid {
	display: none;
}
.full_vid_popup {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100% - 10px);
}
.zoomvideo {
	position: absolute;
	bottom: 12px;
	right: 14px;
	z-index: 1;
	background: #fff;
	padding: 7px;
	display: flex;
	cursor: pointer;
}
.start_call {
	text-align: center;
	max-width: 500px;
	margin: auto;
	background: #fff;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	padding: 50px 20px;
	width: 100%;
}
.start_call h4 {
	color: #243a8e;
	font-size: 22px;
	margin: 0 auto 18px;
}
.start_call a {
	background-color: #243a8e !important;
	font-size: 14px;
	line-height: normal;
	padding: 9px 19px;
	cursor: pointer;
	border: 0px !important;
	display: inline-block;
	vertical-align: middle; 
	border-radius: 5px;
	color: #fff !important;
	margin-top: 10px;
}
.fullwidth_vid.active {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
	width: calc(100% - 30px);
	margin: auto;
	height: calc(100% - 30px);
}
.fullwidth_vid.active .zoomclosevid {
	position: absolute;
	right: 13px;
	z-index: 10;
	background: #fff;
	display: flex;
	padding: 4px;
	justify-content: center;
	align-items: center;
	top: 12px;
	cursor: pointer;
}
.fullwidth_vid.active .vide_outer_big, 
.fullwidth_vid.active .vide_outer_big video, 
.fullwidth_vid.active .vide_outer_big div {
	height: 100%;
	object-fit: contain;
}
.fullwidth_vid.active .vide_outer_big div {
	font-size: 0px;
}
.fullwidth_vid.active .vide_outer_small,
.fullwidth_vid.active .vide_outer_small_canvas {
	bottom: 0;
	top: unset;
}
.imm_booking span:not(.waitingtxt) {
  display: none;
}
.waitingtxt {
  display: none;
}
.imm_booking span.waitingtxt {
  display: block;
}
ul#available_slots, ul#unavailable_slots {
	overflow: auto;
	max-height: 280px;
}
.vide_outer_small,
.vide_outer_small_canvas {
	transform: scaleX(-1);
}

.user_docs {
	display: flex;
	flex-wrap: wrap;
}
.user_docs .card.filled i {
    color: #fff;
    background: green;
    border-radius: 50px;
}
.user_docs .card.filled {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.user_docs .card a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
}
.user_docs .cards_bg {
    margin-bottom: 25px;
}
.howitworksmain h2 {
    color: rgb(46, 79, 160);
    font-size: 40px;
    margin: 0px;
    font-weight: bold;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.howitworksblk p {
    color: #000;
    line-height: 25px;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 50px;
}
.howitworksblk {
    height: auto;
}
.howitworksblk li span {
    color: #9b9b9b;
    display: inline-block;
    width: 100%;
    margin: 20px auto 15px;
}
.howitworksblk li h3 {
    margin-top: 0;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 5px;
    color: #242424;
}
.howitworksblk li h3 a{
	color: #242424;
}
.howitworksblk li .verification_badge {
	margin-top: 0;
	font-size: 10px;
	margin-left: 10px;

	color: white;
	padding: 5px 10px;
	border-radius: 10px;
	text-transform: uppercase;
}
.verification_complete {
	background: #009700;
}
.verification_pass {
	background: #011ace;
}
.verification_pending {
	background: #ffa700;
}
.verification_reject {
	background: #de1e33;
}
.verification_fail {
	background: #de1e33;
}
.howitworksblk li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 50px;
}
.howitworksblk li:last-child {
    margin-bottom: 0;
}
.howitworksmain {
    position: relative;
    padding: 40px 0;
    background: #fff;
    display: inline-block;
    width: 100%;
    border: 1px solid #f2f4f9;
    box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    overflow: hidden;
}
.howitworksblk {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.howitwork-left {
    width: 50%;
    text-align: left;
    display: inline-block;
    padding: 0 50px 0px 115px;
}
.howitwork-left-head {
    margin-bottom: 45px;
}
.howitwork-li-left {
    width: auto;
    display: inline-block;
    text-align: left;
    margin-right: 20px;
}
.howitwork-li-left i {
    font-size: 60px;
    color: #bbb;
}
.howitwork-li-right {
    width: calc(100% - 120px);
    display: inline-block;
    vertical-align: top;
}
.howitwork-li-right p {
    color: #535353;
    margin-bottom: 0;
}
.howitwork-right {
    text-align: right;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    background-image: url("https://app.reliavet.com/img/how_right_back.png");
    background-repeat: no-repeat;
    background-position: top right -45px;
}
.howitwork-right img {
    vertical-align: middle;
    margin-top: 65px;
    max-width: 650px;
    border-radius: 10px 0 0px 10px;
}
.howitworksblk .howitwork-left span {
    position: absolute;
    left: -20px;
    background: #de1e33;
    width: 86px;
    color: #fff;
    transform: rotate(-90deg);
    padding: 12px 4px;
    text-align: center;
    font-weight: bold;
}
.howitworksblk .howitwork-left span.completed {
	background: #009700;
}
.howitwork-li-right {
    position: relative;
}
.howitwork-li-right img {
    position: absolute;
    right: -130px;
    top: -50px;
    z-index: 1;
}
@media only screen and (max-width: 1600px) {
	.howitwork-left { 
		padding: 0 20px 0px 65px;
	}
	.howitwork-li-left i {
		font-size: 40px;
	}
	.howitwork-li-left {
		margin-right: 10px;
	}
	.howitworksblk p {
		line-height: 21px;
		font-size: 14px;
	}
	.howitwork-li-right img { 
		top: -30px;
		z-index: 1;
		max-width: 180px;
	}
}
@media only screen and (max-width: 1300px) {
	.howitwork-right,
	.howitwork-li-right img {
	display: none;
}
.howitworksblk li { 
	margin-bottom: 40px;
}
	.howitwork-li-right p {
	font-size: 13px;
	line-height: 19px;
}
	.howitworksblk li h3 { 
		font-size: 17px; 
	}
	.howitworksmain h2 { 
	font-size: 24px; 
	}
	.howitworksmain h4 {
	font-size: 13px;
}
	.howitwork-li-right {
		width: calc(100% - 36px);
	}
	.howitwork-li-left {
		margin-right: 7px;
	}
	.howitwork-li-left i {
		font-size: 25px;
	}
	.howitwork-left {
		width: 100%;
		padding: 0px 20px 0px 30px;
	}
	.howitworksblk .howitwork-left span {
	font-size: 11px;
	padding: 2px;
	width: 54px;
	left: -16px;
}
}
@media only screen and (max-width: 1200px) {
	.dflex {
		flex-wrap: wrap;
	}
	.field_container {
		width: 100%;
		margin: 12px 0;
	}
	.petinfo ul li {
		width: calc(100% / 2);
	}
	.welimg {
		width: 220px;
	}
	.weltext {
		width: calc(100% - 220px);
		padding: 0 10px;
	}
	.dash_Cards {
		width: calc(100% / 3 - 8px);
		margin-right: 13px;
		padding: 25px 17px;
	}
	.dash_Cards h5 {
		font-size: 14px;
	}
	.reviewinline {
		width: 100%;
		border: 0px;
		justify-content: space-between;
		padding: 0;
		margin: 0;
	}
	.star_reviews {
		flex-wrap: wrap;
	}
	.vide_outer_big {
		width: 300px;
	}
	.vide_outer_small,
	.vide_outer_small_canvas {
		width: 130px;
	}
	.vide_outer_small h5 {
		display: none;
	}
	/****table css start****/
	.table_wrap_main tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.table_wrap_main tr td {
    	width: 50%;
    	text-align: center;
    	position: relative;
    	justify-content: center;
    	align-items: center;
    	display: flex;
    	flex-wrap: wrap;
    }
    .table > tbody > tr > td::before {
    	content: "";
    	display: block;
    	text-transform: uppercase;
    	font-weight: bold;
    	color: #243a8e;
    	margin-bottom: 2px;
    	font-size: 12px;
    	width: 100%;
    }
	.table>tbody>tr>td {
		border-top: 1px solid #f5f8fa !important; 
		background: transparent;
	}
	.table_wrap_main thead {
		display: none;
	}
    .table td p { 
        display: block;
        width: 100%;
    }
    .name_blk i {
    	left: 0;
    	right: 0;
    	margin: auto;
    	bottom: 0;
    	top: unset;
    	display: flex;
    	width: 100%;
    	height: 100%;
    	border-radius: 0px;
    	opacity: 0;
    }
    .table td img {
        margin: 0 6px;
    }
	.table>tbody>tr>td:last-child,
	.table>thead>tr>th:last-child {
		text-align: center;
	}
   .table_wrap_main { 
    	background: #f3f6f8;
    }
    .table-striped > tbody > tr:nth-of-type(2n+1), .table-striped > tbody > tr {
    	background-color: #fff;
    }
    .table_wrap_main tr:last-child {
    	margin-bottom: 0;
    }
   .table-responsive {
    	border: 0px;
    	box-shadow: none !important;
    }
    .table_wrap_main tr {
        margin: 8px ;
        border-radius: 6px !important;
        box-shadow: none !important;
    }
    .pagination {
        margin: 22px auto;
        display: flex; 
        width: 100%;
        align-items: center;
        justify-content: center;
    }
	/****table css end****/
    .vet_pet_rep {
        width: calc(100% / 2 - 9px); 
        margin-right: 18px !important; 
    }
    .vet_pet_rep:nth-of-type(2n) {
    	margin-right: 0 !important;
    }
    .ic_table {
    	height: 33px;
    	width: 33px; 
    	padding: 7px; 
    	margin: 0 1px;
    }
    .table > thead > tr > th, .table > tbody > tr > td { 
    	padding: 14px 10px; 
    }
}
@media only screen and (max-width: 999px) {
    /*.vide_outer_small { 
        display: none !important;
    }*/
    .fc-daygrid-event-harness {
		visibility: visible !important;
		font-size: 0;
		right: 0 !important;
		left: unset !important;
	}
	.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
		left: unset;
		right: 2px;
		top: 2px;
	}
	.fc .fc-daygrid-event {
		width: 5px;
		margin: 0 2px 0 auto !important;
		height: 5px;
	}
}
@media only screen and (max-width: 767px) {

    .card-icon { 
        left: 12px;
        top: 17px; 
        width: 38px;
        height: 38px; 
    }
    /****table css start****/
    .vet_app_pets .table > tbody > tr > td {
        width: 33.33%;
    }
    /****table css end****/
    .petvideo .pet_info_vid li:nth-child(2n) {
        padding-right: 0;
    }
    .pet_info_vid li strong {
    	margin-right: 0;
    	font-size: 13px;
    }
    .videocalltimer p {
        padding: 6px 11px;
        font-size: 11px;
        max-width: 162px;
        white-space: normal;
        line-height: 13px;
        text-align: center;
    }
    .switch {
        font-size: 0;
        display: block;
    }
    .tab_cont, .popupmaxheight {
        min-height: 380px;
        max-height: 380px; 
     }
	.dashboard_cards_outer {
		flex-wrap: wrap;
	}
	.doctor_vid_screen .vide_outer_small,
	.doctor_vid_screen .vide_outer_small_canvas {
		right: 0;
		top: 0;
	}
	.mb20 {
		margin-bottom: 20px;
	}
	.pet_question {
		position: static;
	}
	.newpetfix.petinfovid ul {
		flex-wrap: wrap;
		border-radius: 0;
		border: 0px;
	}
	.newpetfix.petinfovid ul li {
		padding: 0;
		border: 0;
	}
	.scroll_popup {
		height: 450px;
	}
	.label_outer {
		width: calc(100% / 2);
	}
	.pet_question {
		width: 100%;
		margin-top: 20px;
	}
	.petvideo {
		width: 100%;
	}
	.endcallbtn, .medical_rec {
    	position: fixed;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	width: 50%;
    }
    .endcallbtn {
        right: 0;
        left: unset;
    }
	.timerblk {
    	font-size: 12px;
    	max-width: 100px;
    	white-space: normal;
    	text-align: center;
    	line-height: 15px;
    	margin-right: 12px;
    }
	.pet_info_vid li {
		flex-wrap: wrap;
	}
	.pet_info_vid li strong {
		display: block;
		width: 100%;
	}
	.medical_rec a,
	.endcallbtn a {
		width: 100%;
		border-top: 0;
		margin: 0;
		border-radius: 0;
		padding: 10px;
		text-align: center;
		font-size: 13px;
	}
	.hd_top {
		white-space: nowrap;
	}
	.vide_outer_small h5 {
		display: none;
	}
	.video_main_box {
		position: relative;
	}
	.vide_outer_big {
		width: 100%;
	}
	.vide_outer_small,
	.vide_outer_small_canvas {
		position: absolute;
		right: 0;
		top: 0;
		width: 90px;
		padding: 4px !important;
	}
	.hd_top {
		padding: 4px 15px;
	}
	.sidebarclosed .sidebar-sticky {
		left: -60px;
	}
	.form-group.mb0 {
		margin-bottom: 20px !important;
	}
	.dash_Cards {
		width: 100%;
		margin-right: auto;
	}
	.list_col_60,
	.col_list_40 {
		width: 100%;
	}
	.copyright .dflex {
		justify-content: center;
	}
	.contentdash {
		margin: 77px 15px 0 !important;
		width: calc(100% - 30px) !important;
	}
	.white_bg_outer {
		padding: 18px;
	}
	.petinfo ul li {
		width: 100%;
	}
	.vide_attachment {
		width: 62px;
		margin: 10px 4px 10px 0px;
		height: 62px;
	}
	.toggle_tabs_outer {
		white-space: nowrap;
		overflow: auto;
	}
	.toggle_tabs_outer a {
		width: auto;
		margin: 0 !important;
	}
	body {
		font-size: 13px;
	}
	.questans h5 {
		font-size: 15px;
		margin: auto auto 3px;
	}
	.questans {
		padding: 12px 0;
	}
	.popupmtinner,
	.popupinnersmall {
		padding: 15px;
	}
	.login_outer_two {
		padding: 40px 0;
	}
	.bigheading {
		text-align: center;
	}
	.flex_inp_outer.threeinp .form-group:nth-child(2n) {
		margin-right: 0;
	}
	.imgupltext {
		margin-left: 0;
		width: 100%;
	}
	.profile_up_img {
		margin-bottom: 12px;
	}
	.size_text {
		font-size: 12px;
		margin: 0;
	}
	.field_container {
		padding: 20px;
	}
	.flex_inp_outer .form-group,
	.flex_inp_outer.threeinp .form-group {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.table_wrap_main td,
	.table_wrap_main th {
		white-space: nowrap;
	}
	select[multiple].form-control{
		height: 45px !important;
	}
}

@media only screen and (max-width: 600px) {
	.hd_top {
		padding: 4px 10px;
	}
    .ic_toggle i {
    	font-size: 18px !important;
    }
	.vet_pet_rep {
    	width: 100%;
    	margin-right: 0 !important;
    }
    .vets_img_sch {
    	width: 120px;
    	height: 120px;
    }
    .vet_pet_rep > a {
    	display: flex;
    	flex-wrap: wrap;
    }
    .vets_info_re {
    	padding: 11px 13px;
    	width: calc(100% - 120px);
    }
    .btn_vets_re {
    	right: 10px;
    	width: 30px;
    }
    .btn_vets_re a {
    	width: 25px;
    	height: 25px;
    	padding: 4px;
    	margin: 0;
    }
	.search_inp {
		margin-top: 10px;
	}
	.btn_bar {
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 100;
	}
	.search_inp input,
	.tabletopbar form,
	.weltext,
	.search_inp {
		width: 100%;
	}
	.tabletopbar {
		padding: 15px 10px;
	}
	.popupmtinner ul li {
		width: calc(100% / 2 - 10px);
		margin-right: 10px !important;
		padding: 10px 8px;
		text-align: center;
	}
	.weltext {
		padding: 0;
		text-align: center;
		margin-top: 18px;
	}
	.book_left_bar {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	.info_doc {
		padding-left: 0;
		margin-top: 15px;
	}
	.payment_cards {
		width: 100%;
		margin-right: 0;
	}
	.weltext h4 {
		font-size: 20px;
		margin: 9px auto 11px;
	}
}

.modal-container {
	z-index: 9999;
	position: absolute;
	background: #00000080;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-container .modal-area {
	background: #FFF;
	padding: 20px;
	border-radius: 5px;
	position: relative;
}

.modal-container .modal-area .modal-text-area ul {
	list-style: disc;
	padding-left: 20px;
	line-height: 1.8;
}
.modal-container .modal-area .modal-text-area {
	max-width: 500px;
}

.close-button {
	position: absolute;
	right: 10px;
	top: 10px;
}

.close-button button.button.close-modal {
	border: none;
	background: transparent;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	color: #243a8e;
	height: 36px;
}

.waiting-mins i {
	color: #de1e33;
	font-size: 20px;
}
.waiting-mins {
	color: #243a8e;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.waiting-mins a.waiting-room {
	text-decoration: underline !important;	
}

#zmmtg-root {
    width: calc(100% - 260px) !important;
    height: calc(100% - 60px) !important;
    position: fixed;
    top: 60px !important;
    left: 260px !important;
    background-color: #FFF !important;
}

#zmmtg-root.full-width {
	width: 100% !important;
	left: 0 !important;	
	z-index: 9999 !important;
}

div#zmmtg-root .page-footer,
.preview-meeting-info .preview-agreement {
    display: none !important;
}


@media (max-width: 767px) {
	.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open {
		z-index: 9999 !important;
	}
	#zmmtg-root {
		width: 100% !important;
		left: 0 !important; 
		height: calc(100% - 103px) !important;
		top: 63px !important;
	}

	.sidebar-sticky.top-index {
		z-index: 99999 !important;
	}
}


.spinner-container {
	justify-content: center;
	align-items: center;
	display: none;
}
.spinner-icon {
	border: 3px solid #f3f3f3;
	border-top: 3px solid #243a8e; /* Blue */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 2s linear infinite;
	margin-left: 10px
}


/* Keyframes for the spin animation */
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.badge {
	padding: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	text-align:center
}
.badge-primary {
	background: #009fff;
	color:white
}
.badge-success {
	background: green;
	color:white
}
.badge-info {
	background: blueviolet;
	color:white
}
.badge-warning {
	background: orange;
	color: white
}
.badge-danger {
	background: red;
	color:white
}

.card {
	background: white;
	border-radius: 15px;
	padding: 20px;
	box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
}

.card-title {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 700;
}

.availability-type {
	font-weight: 700;
}