Commit 6bd74642 authored by Sandeep Sagar Panjala's avatar Sandeep Sagar Panjala

initial commit

parent 506180cb
<!-- ReSharper disable Html.Obsolete -->
@model Hims.Api.Models.MailTemplates.ResetPassword
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Metropolis:400,400i,600,600i&display=swap" rel="stylesheet" />
<!--<![endif]-->
<title>Reset Password | Careaxes</title>
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup { font-size: 100% !important; }
</style>
<![endif]-->
<!-- body, html, table, thead, tbody, tr, td, div, a, span { font-family: Arial, sans-serif !important; } -->
<style type="text/css" media="screen">
body {
padding: 0 !important;
margin: 0 auto !important;
display: block !important;
min-width: 100% !important;
width: 100% !important;
background: #f4ecfa;
-webkit-text-size-adjust: none
}
a {
color: #3195ff;
text-decoration: none
}
p {
padding: 0 !important;
margin: 0 !important
}
img {
margin: 0 !important;
-ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.btn-16 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.btn-20 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.l-white a {
color: #ffffff;
}
.l-black a {
color: #282828;
}
.l-pink a {
color: #3195ff;
}
.l-grey a {
color: #6e6e6e;
}
.l-purple a {
color: #9128df;
}
.gradient {
background: linear-gradient(to right, #0B5FD4 0,#22A3FD 100%);
}
/* Mobile styles */
@@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
.mpx-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mpx-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
u + .body .gwfw {
width: 100% !important;
width: 100vw !important;
}
.td,
.m-shell {
width: 100% !important;
min-width: 100% !important;
}
.mt-left {
text-align: left !important;
}
.mt-center {
text-align: center !important;
}
.mt-right {
text-align: right !important;
}
.me-left {
margin-right: auto !important;
}
.me-center {
margin: 0 auto !important;
}
.me-right {
margin-left: auto !important;
}
.mh-auto {
height: auto !important;
}
.mw-auto {
width: auto !important;
}
.fluid-img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.column,
.column-top,
.column-dir-top {
float: left !important;
width: 100% !important;
display: block !important;
}
.m-hide {
display: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
}
.m-block {
display: block !important;
}
.mw-15 {
width: 15px !important;
}
.mw-2p {
width: 2% !important;
}
.mw-32p {
width: 32% !important;
}
.mw-49p {
width: 49% !important;
}
.mw-50p {
width: 50% !important;
}
.mw-100p {
width: 100% !important;
}
.mmt-0 {
margin-top: 0 !important;
}
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#f4ecfa; -webkit-text-size-adjust:none;">
<div style="text-align: center;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#f4ecfa" class="gwfw">
<tr>
<td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell">
<tr>
<td class="td" style="width: 600px; min-width: 600px; font-size: 0; line-height: 0; padding: 0; margin: 0; font-weight: normal;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="gradient" style="border-radius: 10px 10px 0 0; padding-top: 10px;" bgcolor="#3195ff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-radius: 10px 10px 0 0;" bgcolor="#ffffff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 0; line-height: 0; text-align: center; padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "careaxes.png")" height="25" border="0" alt="" /></a>
</td>
</tr>
<tr>
<td style="font-size: 15px; font-weight: 600; line-height:24px; color:#282828; font-family:Metropolis, sans-serif; text-align: center; padding-bottom: 30px;">
@Model.AccountName
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" style="padding-left: 50px; padding-right: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-bottom: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="fluid-img" style="font-size: 0; line-height: 0; text-align: center; padding-bottom: 50px;">
<img src="@(Model.MailTemplatesImagesLink + "password.png")" width="368" height="296" border="0" alt="" />
</td>
</tr>
<tr>
<td style="font-size:20px; line-height:34px; color:#282828; font-family: Metropolis, Arial, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
Hi "@Model.FullName"
</td>
</tr>
<tr>
<td style="font-size: 30px; line-height: 40px; color: #282828; font-family: Metropolis, sans-serif; min-width: auto !important; text-align: center; padding-bottom: 15px;">
<strong>Reset your password?</strong>
</td>
</tr>
<tr>
<td style="font-size: 15px; color: #6e6e6e; font-family: Metropolis, sans-serif; min-width: auto !important; line-height: 26px; text-align: center; padding-bottom: 25px;">
Click on the button below to reset your password in Careaxes, you have 1 hour to pick your password. After that, you'll have to ask for a new one.
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0" style="min-width: 200px;">
<tr>
<td class="btn-16 l-white" bgcolor="#3195ff" style="font-size: 15px; line-height: 20px; mso-padding-alt: 15px 35px; font-family: Metropolis, sans-serif; text-align: center; font-weight: 600; text-transform: uppercase; border-radius: 25px; min-width: auto !important; color: #ffffff;">
<a href="@Model.ResetPasswordLink" target="_blank" class="link" style="display: block; padding: 15px 35px; text-decoration: none; color: #ffffff;">
<span class="link" style="text-decoration: none; color: #ffffff;">RESET PASSWORD</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" bgcolor="#949196" style="border-radius: 0 0 10px 10px; padding: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding-bottom: 20px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_facebook.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_instagram.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_twitter.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_pinterest.png")" width="34" height="34" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="l-white" style="font-size: 14px; font-family: Metropolis, sans-serif; min-width: auto !important; line-height: 24px; text-align: center; color: #ffffff; padding-bottom: 20px;">
<a href="mailto:info@Hims.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">info@Hims.com</span></a> - <a href="https://www.Hims.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">www.Hims.com</span></a>
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.IOSAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_appstore.png")" width="117" height="40" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.AndroidAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_gplay.png")" width="117" height="40" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
\ No newline at end of file
<!-- ReSharper disable Html.Obsolete -->
@model Hims.Api.Models.MailTemplates.PayoutSmartSend
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Metropolis:400,400i,600,600i&display=swap" rel="stylesheet" />
<!--<![endif]-->
<title>Forgot Password | Careaxes</title>
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup { font-size: 100% !important; }
</style>
<![endif]-->
<!-- body, html, table, thead, tbody, tr, td, div, a, span { font-family: Arial, sans-serif !important; } -->
<style type="text/css" media="screen">
body {
padding: 0 !important;
margin: 0 auto !important;
display: block !important;
min-width: 100% !important;
width: 100% !important;
background: #f4ecfa;
-webkit-text-size-adjust: none
}
a {
color: #3195ff;
text-decoration: none
}
p {
padding: 0 !important;
margin: 0 !important
}
img {
margin: 0 !important;
-ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.btn-16 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.btn-20 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.l-white a {
color: #ffffff;
}
.l-black a {
color: #282828;
}
.l-pink a {
color: #3195ff;
}
.l-grey a {
color: #6e6e6e;
}
.l-purple a {
color: #9128df;
}
.gradient {
background: linear-gradient(to right, #0B5FD4 0,#22A3FD 100%);
}
/* Mobile styles */
@@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
.mpx-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mpx-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
u + .body .gwfw {
width: 100% !important;
width: 100vw !important;
}
.td,
.m-shell {
width: 100% !important;
min-width: 100% !important;
}
.mt-left {
text-align: left !important;
}
.mt-center {
text-align: center !important;
}
.mt-right {
text-align: right !important;
}
.me-left {
margin-right: auto !important;
}
.me-center {
margin: 0 auto !important;
}
.me-right {
margin-left: auto !important;
}
.mh-auto {
height: auto !important;
}
.mw-auto {
width: auto !important;
}
.fluid-img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.column,
.column-top,
.column-dir-top {
float: left !important;
width: 100% !important;
display: block !important;
}
.m-hide {
display: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
}
.m-block {
display: block !important;
}
.mw-15 {
width: 15px !important;
}
.mw-2p {
width: 2% !important;
}
.mw-32p {
width: 32% !important;
}
.mw-49p {
width: 49% !important;
}
.mw-50p {
width: 50% !important;
}
.mw-100p {
width: 100% !important;
}
.mmt-0 {
margin-top: 0 !important;
}
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#f4ecfa; -webkit-text-size-adjust:none;">
<div style="text-align: center;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#f4ecfa" class="gwfw">
<tr>
<td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell">
<tr>
<td class="td" style="width: 600px; min-width: 600px; font-size: 0; line-height: 0; padding: 0; margin: 0; font-weight: normal;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="gradient" style="border-radius: 10px 10px 0 0; padding-top: 10px;" bgcolor="#3195ff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-radius: 10px 10px 0 0;" bgcolor="#ffffff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 0; line-height: 0; text-align: center; padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "careaxes.png")" height="25" border="0" alt="" /></a>
</td>
</tr>
<tr>
<td style="font-size: 15px; font-weight: 600; line-height:24px; color:#282828; font-family:Metropolis, sans-serif; text-align: center; padding-bottom: 30px;">
@Model.AccountName
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" style="padding-left: 50px; padding-right: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-bottom: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size:20px; line-height:34px; color:#282828; font-family: Metropolis, Arial, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
Hi "@Model.FullName"
</td>
</tr>
<tr>
<td style="font-size: 30px; line-height: 40px; color: #282828; font-family: Metropolis, sans-serif; min-width: auto !important; text-align: center; padding-bottom: 15px;">
<strong>Careaxes money settlement </strong>
</td>
</tr>
<tr>
<td style="font-size: 15px; color: #6e6e6e; font-family: Metropolis, sans-serif; min-width: auto !important; line-height: 26px; text-align: center; padding-bottom: 25px;">
You have an incoming payment from Careaxes. Please use the below button to add payment details and receive the payment.
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0" style="min-width: 200px;">
<tr>
<td class="btn-16 l-white" bgcolor="#3195ff" style="font-size: 15px; line-height: 20px; mso-padding-alt: 15px 35px; font-family: Metropolis, sans-serif; text-align: center; font-weight: 600; text-transform: uppercase; border-radius: 25px; min-width: auto !important; color: #ffffff;">
<a href="@Model.PaymentLink" target="_blank" class="link" style="display: block; padding: 15px 35px; text-decoration: none; color: #ffffff;">
<span class="link" style="text-decoration: none; color: #ffffff;">PAYMENT</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" bgcolor="#949196" style="border-radius: 0 0 10px 10px; padding: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding-bottom: 20px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_facebook.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_instagram.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_twitter.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_pinterest.png")" width="34" height="34" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="l-white" style="font-size: 14px; font-family: Metropolis, sans-serif; min-width: auto !important; line-height: 24px; text-align: center; color: #ffffff; padding-bottom: 20px;">
<a href="mailto:info@Hims.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">info@Hims.com</span></a> - <a href="https://www.Hims.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">www.Hims.com</span></a>
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.IOSAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_appstore.png")" width="117" height="40" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.AndroidAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_gplay.png")" width="117" height="40" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
\ No newline at end of file
<!-- ReSharper disable Html.Obsolete -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Metropolis:400,400i,600,600i&display=swap" rel="stylesheet" />
<!--<![endif]-->
<title>Ticket Alert | Careaxes</title>
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup { font-size: 100% !important; }
</style>
<![endif]-->
<!-- body, html, table, thead, tbody, tr, td, div, a, span { font-family: Arial, sans-serif !important; } -->
<style type="text/css" media="screen">
body {
padding: 0 !important;
margin: 0 auto !important;
display: block !important;
min-width: 100% !important;
width: 100% !important;
background: #f4ecfa;
-webkit-text-size-adjust: none
}
a {
color: #3195ff;
text-decoration: none
}
p {
padding: 0 !important;
margin: 0 !important
}
img {
margin: 0 !important;
-ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.btn-16 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.btn-20 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.l-white a {
color: #ffffff;
}
.l-black a {
color: #282828;
}
.l-pink a {
color: #3195ff;
}
.l-grey a {
color: #6e6e6e;
}
.l-purple a {
color: #9128df;
}
.gradient {
background: linear-gradient(to right, #0B5FD4 0,#22A3FD 100%);
}
.text-visible {
font-size: 18px;
line-height: 34px;
color: #282828;
font-family: Metropolis, sans-serif;
min-width: auto !important;
}
.text-visible-small {
font-size: 15px;
line-height: 34px;
color: #282828;
font-family: Metropolis, sans-serif;
min-width: auto !important;
}
.alert {
padding: 20px;
background-color: #44445c;
color: white;
}
/* Mobile styles */
@@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
.mpx-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mpx-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
u + .body .gwfw {
width: 100% !important;
width: 100vw !important;
}
.td,
.m-shell {
width: 100% !important;
min-width: 100% !important;
}
.mt-left {
text-align: left !important;
}
.mt-center {
text-align: center !important;
}
.mt-right {
text-align: right !important;
}
.me-left {
margin-right: auto !important;
}
.me-center {
margin: 0 auto !important;
}
.me-right {
margin-left: auto !important;
}
.mh-auto {
height: auto !important;
}
.mw-auto {
width: auto !important;
}
.fluid-img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.column,
.column-top,
.column-dir-top {
float: left !important;
width: 100% !important;
display: block !important;
}
.m-hide {
display: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
}
.m-block {
display: block !important;
}
.mw-15 {
width: 15px !important;
}
.mw-2p {
width: 2% !important;
}
.mw-32p {
width: 32% !important;
}
.mw-49p {
width: 49% !important;
}
.mw-50p {
width: 50% !important;
}
.mw-100p {
width: 100% !important;
}
.mmt-0 {
margin-top: 0 !important;
}
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#f4ecfa; -webkit-text-size-adjust:none;">
<div style="text-align: center;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#f4ecfa" class="gwfw">
<tr>
<td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell">
<tr>
<td class="td" style="width: 600px; min-width: 600px; font-size: 0; line-height: 0; padding: 0; margin: 0; font-weight: normal;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="gradient" style="border-radius: 10px 10px 0 0; padding-top: 10px;" bgcolor="#3195ff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-radius: 10px 10px 0 0;" bgcolor="#ffffff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 0; line-height: 0; text-align: center; padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "careaxes.png")" height="25" border="0" alt="" /></a>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" style="padding-left: 50px; padding-right: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-bottom: 20px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size:25px; line-height:34px; color:#282828; font-family: Metropolis, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
<u>Ticket Details</u>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-bottom: 10px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size:25px; line-height:34px;text-align:center; padding-bottom: 10px;">
<div class="alert">
Ticket <strong>@(Model.EmailType)</strong> Successfully.
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text-visible">
<strong>Issue with @(Model.IssueWith)</strong>
</td>
</tr>
<tr>
<td class="text-visible">
<strong>Description</strong>
</td>
</tr>
<tr>
<td class="text-visible-small">
<p>@(Model.Description)</p>
</td>
</tr>
<tr>
<td class="text-visible">
<strong>Created Date</strong>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="text-visible-small">
<td>
@(Model.CreatedDate.ToString("dddd, dd MMMM yyyy"))
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text-visible">
<strong>Raised By</strong>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="text-visible-small">
<td>
@if (Model.RaisedByName != null)
{
<span>@(Model.RaisedByName)</span><span>(@(Model.Mobile))</span>
}
else
{
<span>Anonymous User(@(Model.Mobile))</span>
}
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text-visible">
<strong>Status</strong>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="text-visible-small">
<td>
@switch (Model.Status)
{
case "P":
<span>Pending</span>
break;
case "O":
<span>Reopen</span>
break;
case "C":
<span>Close</span>
break;
case "I":
<span>In Progress</span>
break;
case "R":
<span>Resolved</span>
break;
}
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text-visible">
<strong>Assigned To</strong>
</td>
</tr>
<tr>
<td class="text-visible-small">
<strong>@(Model.TicketOwner)</strong>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
\ No newline at end of file
<!-- ReSharper disable Html.Obsolete -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Metropolis:400,400i,600,600i&display=swap" rel="stylesheet" />
<!--<![endif]-->
<title>Ticket Reminder | Careaxes</title>
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup { font-size: 100% !important; }
</style>
<![endif]-->
<!-- body, html, table, thead, tbody, tr, td, div, a, span { font-family: Arial, sans-serif !important; } -->
<style type="text/css" media="screen">
body {
padding: 0 !important;
margin: 0 auto !important;
display: block !important;
min-width: 100% !important;
width: 100% !important;
background: #f4ecfa;
-webkit-text-size-adjust: none
}
a {
color: #3195ff;
text-decoration: none
}
p {
padding: 0 !important;
margin: 0 !important
}
img {
margin: 0 !important;
-ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.btn-16 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.btn-20 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.l-white a {
color: #ffffff;
}
.l-black a {
color: #282828;
}
.l-pink a {
color: #3195ff;
}
.l-grey a {
color: #6e6e6e;
}
.l-purple a {
color: #9128df;
}
.gradient {
background: linear-gradient(to right, #0B5FD4 0,#22A3FD 100%);
}
/* Mobile styles */
@@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
.mpx-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mpx-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
u + .body .gwfw {
width: 100% !important;
width: 100vw !important;
}
.td,
.m-shell {
width: 100% !important;
min-width: 100% !important;
}
.mt-left {
text-align: left !important;
}
.mt-center {
text-align: center !important;
}
.mt-right {
text-align: right !important;
}
.me-left {
margin-right: auto !important;
}
.me-center {
margin: 0 auto !important;
}
.me-right {
margin-left: auto !important;
}
.mh-auto {
height: auto !important;
}
.mw-auto {
width: auto !important;
}
.fluid-img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.column,
.column-top,
.column-dir-top {
float: left !important;
width: 100% !important;
display: block !important;
}
.m-hide {
display: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
}
.m-block {
display: block !important;
}
.mw-15 {
width: 15px !important;
}
.mw-2p {
width: 2% !important;
}
.mw-32p {
width: 32% !important;
}
.mw-49p {
width: 49% !important;
}
.mw-50p {
width: 50% !important;
}
.mw-100p {
width: 100% !important;
}
.mmt-0 {
margin-top: 0 !important;
}
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#f4ecfa; -webkit-text-size-adjust:none;">
<div style="text-align: center;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#f4ecfa" class="gwfw">
<tr>
<td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell">
<tr>
<td class="td" style="width: 600px; min-width: 600px; font-size: 0; line-height: 0; padding: 0; margin: 0; font-weight: normal;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="gradient" style="border-radius: 10px 10px 0 0; padding-top: 10px;" bgcolor="#3195ff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-radius: 10px 10px 0 0;" bgcolor="#ffffff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 0; line-height: 0; text-align: center; padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "careaxes.png")" height="25" border="0" alt="" /></a>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" style="padding-left: 50px; padding-right: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-bottom: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="fluid-img" style="font-size: 0; line-height: 0; text-align: center; padding-bottom: 50px;">
<img src="https://www.airopd.com/virtualstethimages/alert.jpg" width="368" height="296" border="0" alt="" />
</td>
</tr>
<tr>
<td style="font-size:10px; line-height:34px; color:#282828; font-family: Metropolis, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
Hi, This email is to alert you that there's a new ticket in System.
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<thead>Patient Details</thead>
<tr>
<td style="padding-bottom: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size:10px; line-height:34px; color:#282828; font-family: Metropolis, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
<label style="font-size:20px;">
Patient Name:@if (Model.UserName != null)
{
<span>@(Model.UserName)</span>
}
else
{
<span>Anonymous user</span>
}
</label>
</td>
</tr>
<tr>
<td style="font-size:10px; line-height:34px; color:#282828; font-family: Metropolis, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
<label style="font-size:20px;">
Patient Mobile:<span style="font-size:20px;">@(Model.Mobile)</span>
</label>
</td>
</tr>
<tr>
<td style="font-size:10px; line-height:34px; color:#282828; font-family: Metropolis, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
<label style="font-size:20px;">
Description:<span style="font-size:20px;">@(Model.Description)</span>
</label>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
@*<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" bgcolor="#949196" style="border-radius: 0 0 10px 10px; padding: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding-bottom: 20px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_facebook.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_instagram.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_twitter.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_pinterest.png")" width="34" height="34" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="l-white" style="font-size: 14px; font-family: Metropolis, sans-serif; min-width: auto !important; line-height: 24px; text-align: center; color: #ffffff; padding-bottom: 20px;">
<a href="mailto:info@Hims.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">info@Hims.com</span></a> - <a href="https://www.Hims.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">www.Hims.com</span></a>
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.IOSAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_appstore.png")" width="117" height="40" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.AndroidAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_gplay.png")" width="117" height="40" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>*@
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
\ No newline at end of file
<!-- ReSharper disable Html.Obsolete -->
@model VirtualSteth.Api.Models.MailTemplates.VideoConferenceLink
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Metropolis:400,400i,600,600i&display=swap" rel="stylesheet" />
<!--<![endif]-->
<title>Video Conference Link | Virtual Steth</title>
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup { font-size: 100% !important; }
</style>
<![endif]-->
<!-- body, html, table, thead, tbody, tr, td, div, a, span { font-family: Arial, sans-serif !important; } -->
<style type="text/css" media="screen">
body {
padding: 0 !important;
margin: 0 auto !important;
display: block !important;
min-width: 100% !important;
width: 100% !important;
background: #f4ecfa;
-webkit-text-size-adjust: none
}
a {
color: #3195ff;
text-decoration: none
}
p {
padding: 0 !important;
margin: 0 !important
}
img {
margin: 0 !important;
-ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.btn-16 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.btn-20 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.l-white a {
color: #ffffff;
}
.l-black a {
color: #282828;
}
.l-pink a {
color: #3195ff;
}
.l-grey a {
color: #6e6e6e;
}
.l-purple a {
color: #9128df;
}
.gradient {
background: linear-gradient(to right, #0B5FD4 0,#22A3FD 100%);
}
/* Mobile styles */
@@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
.mpx-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mpx-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
u + .body .gwfw {
width: 100% !important;
width: 100vw !important;
}
.td,
.m-shell {
width: 100% !important;
min-width: 100% !important;
}
.mt-left {
text-align: left !important;
}
.mt-center {
text-align: center !important;
}
.mt-right {
text-align: right !important;
}
.me-left {
margin-right: auto !important;
}
.me-center {
margin: 0 auto !important;
}
.me-right {
margin-left: auto !important;
}
.mh-auto {
height: auto !important;
}
.mw-auto {
width: auto !important;
}
.fluid-img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.column,
.column-top,
.column-dir-top {
float: left !important;
width: 100% !important;
display: block !important;
}
.m-hide {
display: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
}
.m-block {
display: block !important;
}
.mw-15 {
width: 15px !important;
}
.mw-2p {
width: 2% !important;
}
.mw-32p {
width: 32% !important;
}
.mw-49p {
width: 49% !important;
}
.mw-50p {
width: 50% !important;
}
.mw-100p {
width: 100% !important;
}
.mmt-0 {
margin-top: 0 !important;
}
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#ffffff; -webkit-text-size-adjust:none;">
<div style="text-align: center;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#ffffff" class="gwfw">
<tr>
<td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell">
<tr>
<td class="td" style="width: 600px; min-width: 600px; font-size: 0; line-height: 0; padding: 0; margin: 0; font-weight: normal;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #949196; border-radius: 10px 10px 0px 0px;">
<tr>
<td class="gradient" style="border-radius: 10px 10px 0 0; padding-top: 10px;" bgcolor="#3195ff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-radius: 10px 10px 0 0;" bgcolor="#ffffff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 0; line-height: 0; text-align: center; padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "logo.png")" height="25" border="0" alt="" /></a>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" style="padding-left: 50px; padding-right: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-bottom: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100" bgcolor="#fff">
<tr>
<td class="fluid-img" style="font-size: 0; line-height: 0; text-align: center; padding-bottom: 50px;">
@*<img src="@(Model.MailTemplatesImagesLink + "reject.png")" width="368" height="296" border="0" alt="" />*@
</td>
</tr>
<tr>
<td style="font-size:30px; line-height:34px; color:#282828; font-family: Metropolis, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
Hi @Model.FullName
</td>
</tr>
<tr>
<td style="font-size: 20px; color: #ffff; line-height: 40px; font-family: Metropolis, sans-serif; min-width: auto !important; text-align: center; padding-bottom: 15px;">
<strong>@Model.Message</strong>
</td>
</tr>
<tr>
<td style="font-size: 20px; line-height: 40px; font-family: Metropolis, sans-serif; min-width: auto !important; text-align: center; padding-bottom: 15px;">
Click on the button below to join video conference with <strong>@Model.DoctorName</strong>
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0" style="min-width: 200px;">
<tr>
<td class="btn-16 l-white" bgcolor="#3195ff" style="font-size: 15px; line-height: 20px; mso-padding-alt: 15px 35px; font-family: Metropolis, sans-serif; text-align: center; font-weight: 600; text-transform: uppercase; border-radius: 25px; min-width: auto !important; color: #ffffff;box-shadow: 5px 5px 18px #888888;">
<a href="@Model.VideoLink" target="_blank" class="link" style="display: block; padding: 15px 35px; text-decoration: none; color: #ffffff;">
<span class="link" style="text-decoration: none; color: #ffffff;">Join video conference</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" bgcolor="#949196" style="border-radius: 0 0 10px 10px; padding: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding-bottom: 20px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_facebook.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_instagram.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_twitter.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_pinterest.png")" width="34" height="34" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="l-white" style="font-size: 14px; font-family: Metropolis, sans-serif; min-width: auto !important; line-height: 24px; text-align: center; color: #ffffff; padding-bottom: 20px;">
<a href="mailto:info@virtualsteth.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">info@virtualsteth.com</span></a> - <a href="https://www.virtualsteth.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">www.virtualsteth.com</span></a>
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.IOSAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_appstore.png")" width="117" height="40" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.AndroidAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_gplay.png")" width="117" height="40" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
\ No newline at end of file
<!-- ReSharper disable Html.Obsolete -->
@model Hims.Api.Models.MailTemplates.Welcome
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Metropolis:400,400i,600,600i&display=swap" rel="stylesheet" />
<!--<![endif]-->
<title>Welcome | Careaxes</title>
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup { font-size: 100% !important; }
</style>
<![endif]-->
<!-- body, html, table, thead, tbody, tr, td, div, a, span { font-family: Arial, sans-serif !important; } -->
<style type="text/css" media="screen">
body {
padding: 0 !important;
margin: 0 auto !important;
display: block !important;
min-width: 100% !important;
width: 100% !important;
background: #f4ecfa;
-webkit-text-size-adjust: none
}
a {
color: #3195ff;
text-decoration: none
}
p {
padding: 0 !important;
margin: 0 !important
}
img {
margin: 0 !important;
-ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.btn-16 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.btn-20 a {
display: block;
padding: 15px 35px;
text-decoration: none;
}
.l-white a {
color: #ffffff;
}
.l-black a {
color: #282828;
}
.l-pink a {
color: #3195ff;
}
.l-grey a {
color: #6e6e6e;
}
.l-purple a {
color: #9128df;
}
.gradient {
background: linear-gradient(to right, #0B5FD4 0,#22A3FD 100%);
}
/* Mobile styles */
@@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
.mpx-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mpx-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
u + .body .gwfw {
width: 100% !important;
width: 100vw !important;
}
.td,
.m-shell {
width: 100% !important;
min-width: 100% !important;
}
.mt-left {
text-align: left !important;
}
.mt-center {
text-align: center !important;
}
.mt-right {
text-align: right !important;
}
.me-left {
margin-right: auto !important;
}
.me-center {
margin: 0 auto !important;
}
.me-right {
margin-left: auto !important;
}
.mh-auto {
height: auto !important;
}
.mw-auto {
width: auto !important;
}
.fluid-img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.column,
.column-top,
.column-dir-top {
float: left !important;
width: 100% !important;
display: block !important;
}
.m-hide {
display: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
}
.m-block {
display: block !important;
}
.mw-15 {
width: 15px !important;
}
.mw-2p {
width: 2% !important;
}
.mw-32p {
width: 32% !important;
}
.mw-49p {
width: 49% !important;
}
.mw-50p {
width: 50% !important;
}
.mw-100p {
width: 100% !important;
}
.mmt-0 {
margin-top: 0 !important;
}
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#f4ecfa; -webkit-text-size-adjust:none;">
<div style="text-align: center;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#f4ecfa" class="gwfw">
<tr>
<td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell">
<tr>
<td class="td" style="width: 600px; min-width: 600px; font-size: 0; line-height: 0; padding: 0; margin: 0; font-weight: normal;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="gradient" style="border-radius: 10px 10px 0 0; padding-top: 10px;" bgcolor="#3195ff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-radius: 10px 10px 0 0;" bgcolor="#ffffff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 0; line-height: 0; text-align: center; padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "locareaxesgo.png")" height="25" border="0" alt="" /></a>
</td>
</tr>
<tr>
<td style="font-size: 15px; font-weight: 600; line-height:24px; color:#282828; font-family:Metropolis, sans-serif; text-align: center; padding-bottom: 30px;">
@Model.AccountName
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" style="padding-left: 50px; padding-right: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-bottom: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="fluid-img" style="font-size: 0; line-height: 0; text-align: center; padding-bottom: 50px;">
<img src="@(Model.MailTemplatesImagesLink + "welcome.png")" width="368" height="296" border="0" alt="" />
</td>
</tr>
<tr>
<td style="font-size:20px; line-height:34px; color:#282828; font-family: Metropolis, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 10px;">
Hi "@Model.FullName"
</td>
</tr>
<tr>
<td style="font-size: 30px; line-height: 40px; color: #282828; font-family: Metropolis, sans-serif; min-width: auto !important; text-align: center; padding-bottom: 15px;">
<strong>Welcome!</strong>
</td>
</tr>
<tr>
<td style="font-size: 15px; color: #6e6e6e; font-family: Metropolis, sans-serif; min-width: auto !important; line-height: 26px; text-align: center; padding-bottom: 25px;">
Thank you for being registered with Careaxes. Click on below button to get started with us.
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0" style="min-width: 200px;">
<tr>
<td class="btn-16 l-white" bgcolor="#3195ff" style="font-size: 15px; line-height: 20px; mso-padding-alt: 15px 35px; font-family: Metropolis, sans-serif; text-align: center; font-weight: 600; text-transform: uppercase; border-radius: 25px; min-width: auto !important; color: #ffffff;">
<a href="@Model.GetStartedLink" target="_blank" class="link" style="display: block; padding: 15px 35px; text-decoration: none; color: #ffffff;">
<span class="link" style="text-decoration: none; color: #ffffff;">GET STARTED</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="img" height="1" bgcolor="#ebebeb" style="font-size:0; line-height:0; text-align:left;">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 15px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size:26px; line-height:30px; color:#282828; font-family:Metropolis, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 35px;">
<strong>What's next</strong>
</td>
</tr>
<tr>
<td style="padding-bottom: 35px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="75" style="font-size:0; line-height:0; text-align:center;">
<img src="@(Model.MailTemplatesImagesLink + "ico_searching.png")" width="75" height="75" border="0" alt="" />
</td>
<td valign="top" class="img mw-15" width="30" style="font-size:0; line-height:0; text-align:left;"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size:20px; line-height:24px; color:#282828; font-family:Metropolis, sans-serif; text-align:left; min-width:auto !important; padding-bottom: 5px;">
<strong>Headline</strong>
</td>
</tr>
<tr>
<td style="font-size:14px; color:#6e6e6e; font-family:Metropolis, sans-serif; text-align:left; min-width:auto !important; line-height: 24px;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding-bottom: 35px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="75" style="font-size:0; line-height:0; text-align:center;">
<img src="@(Model.MailTemplatesImagesLink + "ico_mail.png")" width="75" height="75" border="0" alt="" />
</td>
<td valign="top" class="img mw-15" width="30" style="font-size:0; line-height:0; text-align:left;"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size:20px; line-height:24px; color:#282828; font-family:Metropolis, sans-serif; text-align:left; min-width:auto !important; padding-bottom: 5px;">
<strong>Headline</strong>
</td>
</tr>
<tr>
<td style="font-size:14px; color:#6e6e6e; font-family:Metropolis, sans-serif; text-align:left; min-width:auto !important; line-height: 24px;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding-bottom: 35px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="75" style="font-size:0; line-height:0; text-align:center;">
<img src="@(Model.MailTemplatesImagesLink + "ico_hi.png")" width="75" height="75" border="0" alt="" />
</td>
<td valign="top" class="img mw-15" width="30" style="font-size:0; line-height:0; text-align:left;"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size:20px; line-height:24px; color:#282828; font-family:Metropolis, sans-serif; text-align:left; min-width:auto !important; padding-bottom: 5px;">
<strong>Headline</strong>
</td>
</tr>
<tr>
<td style="font-size:14px; color:#6e6e6e; font-family:Metropolis, sans-serif; text-align:left; min-width:auto !important; line-height: 24px;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mpx-15" bgcolor="#949196" style="border-radius: 0 0 10px 10px; padding: 50px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding-bottom: 20px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_facebook.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_instagram.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_twitter.png")" width="34" height="34" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="34" style="font-size: 0; line-height: 0; text-align: left;">
<a href="javascript:;" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "ico_pinterest.png")" width="34" height="34" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="l-white" style="font-size: 14px; font-family: Metropolis, sans-serif; min-width: auto !important; line-height: 24px; text-align: center; color: #ffffff; padding-bottom: 20px;">
<a href="mailto:info@Hims.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">info@Hims.com</span></a> - <a href="https://www.Hims.com" target="_blank" class="link" style="text-decoration: none; color: #ffffff;"><span class="link" style="text-decoration: none; color: #ffffff;">www.Hims.com</span></a>
</td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.IOSAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_appstore.png")" width="117" height="40" border="0" alt="" /></a>
</td>
<td class="img" width="15" style="font-size: 0; line-height: 0; text-align: left;"></td>
<td class="img" width="117" style="font-size: 0; line-height: 0; text-align: left;">
<a href="@Model.AndroidAppLink" target="_blank"><img src="@(Model.MailTemplatesImagesLink + "btn_gplay.png")" width="117" height="40" border="0" alt="" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="l-grey" style="padding-top: 20px; padding-bottom: 20px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
\ No newline at end of file
/*! =======================================================
VERSION 9.8.0
========================================================= */
.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{position:relative;top:50%;transform:translateY(-50%);border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#0480be;margin-top:0}.slider.slider-horizontal .slider-tick-container{white-space:nowrap;position:absolute;top:0;left:0;width:100%}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}.slider.slider-horizontal.slider-rtl .slider-track{left:initial;right:0}.slider.slider-horizontal.slider-rtl .slider-tick,.slider.slider-horizontal.slider-rtl .slider-handle{margin-left:initial;margin-right:-10px}.slider.slider-horizontal.slider-rtl .slider-tick-container{left:initial;right:0}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;left:25%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#0480be;border-right-color:#0480be;margin-left:0;margin-right:0}.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-vertical.slider-rtl .slider-track{left:initial;right:25%}.slider.slider-vertical.slider-rtl .slider-selection{left:initial;right:0}.slider.slider-vertical.slider-rtl .slider-tick.triangle,.slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width:10px 10px 10px 0}.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left:initial;padding-right:4px}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip.top{margin-top:-36px}.slider .tooltip-inner{white-space:nowrap;max-width:none}.slider .hide{display:none}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0)}.slider-track-low,.slider-track-high{position:absolute;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-handle{position:absolute;top:0;width:20px;height:20px;background-color:#337ab7;background-image:-webkit-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:-o-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:linear-gradient(to bottom,#149bdf 0,#0480be 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent}.slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{position:absolute;width:20px;height:20px;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:transparent none}.slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0);opacity:1}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
#swagger-ui, #json-viewer {
min-height: 450px;
}
.json-container {
background: #ffffff;
padding: 50px 0;
}
.json-container .container {
position: relative !important;
}
.details-holder {
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.details-holder h4 {
margin-bottom: 0;
}
.details-holder h5 {
margin-top: 5px;
font-weight: normal;
}
.details-holder div:last-child {
margin-left: 15px;
}
.details-holder .photo {
width: 50px;
box-shadow: 0 0 6px 0 #ccc;
border-radius: 100%;
border: 1px solid #ccc;
}
img.form-logo {
height: 25px;
margin-bottom: 50px;
}
.alert.alert-danger {
border-radius: 8px;
background: #ff5353;
border-color: #ff5353;
color: white;
}
.alert.alert-success {
border-radius: 8px;
background: #42a544;
border-color: #42a544;
color: white;
}
.alert.alert-warning {
border-radius: 8px;
background: #ffb836;
border-color: #ffb836;
color: white;
}
.alert a {
color: #fff;
text-decoration: underline;
cursor: pointer
}
#submit:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.info-holder .icon {
background-size: contain;
width: 110px;
height: 110px;
background-position: center center;
margin: 25% auto;
opacity: 0.85;
}
.error-container {
background: #F7FAFE;
height: 100vh;
}
.error-container .ht-100p {
height: 100%;
}
.error-container .error-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.error-container .error-content .error-logo {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.error-container .error-content .error-icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.error-container .error-content .error-title {
font-size: 30px;
font-weight: 600;
}
.error-container .error-content .error-subtitle {
font-size: 20px;
font-weight: 600;
}
.error-container .error-content .error-text {
font-size: 14px;
font-weight: normal;
color: #526489;
margin-bottom: 0;
}
#signinform label.error {
color: #fff;
font-weight: normal;
background: #a94442;
width: 100%;
border-radius: 8px;
padding: 0 20px;
border-top-left-radius: 0;
border-top-right-radius: 0;
font-size: 12px;
padding-top: 2px;
padding-bottom: 1px;
}
#signinform input.error {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.label-text span:first-child {
color: #3195ff;
width: 90px;
display: inline-block;
vertical-align: top;
}
.label-text span:last-child {
width: calc(100% - 110px);
display: inline-block;
vertical-align: top;
}
.small-buttons button {
margin: 0;
font-size: 12px;
padding: 6px 12px;
}
.small-buttons button + button {
margin-left: 5px;
}
.appointment-container {
display: flex;
}
.appointment-container .appointment-content {
width: 100%;
background: #fff;
}
.appointment-container .appointment-content .appintment-header {
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(120deg, #0a5dd3, #24a7ff);
background-image: -o-linear-gradient(120deg, #0a5dd3, #24a7ff);
background-image: linear-gradient(120deg, #0a5dd3, #24a7ff);
height: 60px;
line-height: 60px;
color: #fff;
font-size: 18px;
font-weight: 600;
padding-left: 20px;
}
.appointment-container .appointment-content .appintment-body {
padding: 20px;
}
.appointment-container .appointment-content .appintment-footer {
padding: 20px;
border-top: 2px solid #f2f2f2;
}
@charset "UTF-8";.jsonview{font-family:monospace;font-size:14px;white-space:pre-wrap}.jsonview .prop{font-weight:600}.jsonview .null{color:red}.jsonview .bool,.jsonview .num{color:#00f}.jsonview .string{color:green;white-space:pre-wrap}.jsonview .string.multiline{display:inline-block;vertical-align:text-top}.jsonview .collapser{position:absolute;left:-1em;cursor:pointer}.jsonview .collapsible{transition:height 1.2s;transition:width 1.2s}.jsonview .collapsible.collapsed{height:.8em;width:1em;display:inline-block;overflow:hidden;margin:0}.jsonview .collapsible.collapsed:before{content:"…";width:1em;margin-left:.2em}.jsonview .collapser.collapsed{transform:rotate(0)}.jsonview .q{display:inline-block;width:0;color:transparent}.jsonview li{position: relative; line-height: 25px;}.jsonview ul{list-style:none;margin:0 0 0 2em;padding:0}.jsonview h1{font-size:1.2em}
\ No newline at end of file
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
html {
overflow-y: auto !important;
}
body {
background: #F8F9FA;
font-family: Metropolis, sans-serif !important;
color: inherit !important;
}
.locked svg {
fill: #46b348 !important;
}
.swagger-ui .opblock-body pre.microlight {
font-weight: 500;
}
.servers-title {
display: none;
}
.servers {
display: none;
}
.swagger-ui, .swagger-ui .response-col_status, .swagger-ui .dialog-ux .modal-ux-content p,
.swagger-ui .opblock-tag, .swagger-ui .info .title, .swagger-ui .btn, .swagger-ui button, .swagger-ui input, .swagger-ui optgroup, .swagger-ui select, .swagger-ui textarea,
.swagger-ui .opblock .opblock-summary-operation-id, .swagger-ui .opblock .opblock-summary-path, .swagger-ui .opblock .opblock-summary-path__deprecated, .swagger-ui .opblock .opblock-summary-method,
.swagger-ui .opblock .opblock-summary-description, .swagger-ui .opblock-description-wrapper, .swagger-ui .opblock-external-docs-wrapper, .swagger-ui .opblock-title_normal, .swagger-ui section h3, .swagger-ui .opblock-description-wrapper p, .swagger-ui .opblock-external-docs-wrapper p, .swagger-ui .opblock-title_normal p, .swagger-ui table thead tr td, .swagger-ui table thead tr th, .swagger-ui .parameter__name, .swagger-ui .tab li, .swagger-ui .parameter__extension, .swagger-ui .parameter__in, .swagger-ui .model, .swagger-ui .model-title, .swagger-ui section.models h4, .swagger-ui .dialog-ux .modal-ux-content h4, .swagger-ui label, .swagger-ui .code, .swagger-ui code {
font-family: Metropolis, sans-serif !important;
}
.swagger-ui .btn.authorize.locked {
background: #46b348;
}
.swagger-ui .btn.authorize.locked svg {
fill: white !important;
}
.swagger-ui .info .title {
display: none !important;
}
.swagger-ui .opblock-body pre, .swagger-ui select {
font-weight: normal;
}
.swagger-ui select, .swagger-ui .btn {
border-width: 1px;
}
.swagger-ui .topbar .download-url-wrapper, .swagger-ui .info .title small, .swagger-ui .info hgroup.main a {
display: none !important;
opacity: 0;
visibility: hidden;
}
.swagger-ui .download-contents {
font-weight: normal;
font-family: inherit;
border-radius: 10px;
right: 25px;
bottom: 25px;
font-size: 13px;
}
.swagger-ui .topbar a {
opacity: 0;
}
.swagger-ui .opblock .opblock-summary-method {
font-size: 10px;
text-transform: capitalize;
}
.swagger-ui .info hgroup.main {
margin: 0 !important;
}
.swagger-ui .info {
margin: 0 !important;
}
.swagger-ui .info > div.description {
display: none;
}
.swagger-ui .filter .operation-filter-input {
border-width: 1px;
font-size: 13px;
padding: 8px 16px;
margin: 0;
background: #f2f2f2;
font-family: inherit !important;
}
.swagger-ui .wrapper {
clear: both;
}
.swagger-ui .opblock-tag {
font-size: 18px;
font-weight: 600;
}
.swagger-ui .opblock-tag {
padding: 10px;
}
.swagger-ui .expand-methods svg, .swagger-ui .expand-operation svg {
width: 15px;
height: 15px;
position: relative;
top: 5px;
}
.swagger-ui .opblock .opblock-summary {
padding: 0 !important;
}
.swagger-ui .opblock .opblock-summary-method {
border-radius: 0 !important;
font-weight: 500 !important;
text-shadow: none !important;
border-radius: 10px !important;
padding: 4px;
min-width: 56px;
}
.swagger-ui .opblock .opblock-summary-operation-id, .swagger-ui .opblock .opblock-summary-path, .swagger-ui .opblock .opblock-summary-path__deprecated {
font-size: 14px;
}
.swagger-ui .opblock .opblock-summary-description {
text-align: right;
padding-right: 10px;
font-size: 12px;
color: #7a7896;
}
.swagger-ui .scheme-container {
margin: 0 !important;
padding: 0 !important;
box-shadow: none;
}
.swagger-ui .opblock {
margin: 0 0 15px;
border: none;
box-shadow: #675d82 1px 0 20px;
box-shadow: rgba(103, 93, 130, 0.19) 1px 0 20px;
padding: 10px;
background: #fff !important;
}
.swagger-ui .dialog-ux .modal-ux-content {
padding: 0;
}
.swagger-ui .btn.authorize {
border: 0;
border-radius: 10px;
font-size: 13px;
padding: 6px 12px;
margin: 0;
display: inline-block;
white-space: nowrap;
outline: none;
-webkit-transition: all 0.3s ease 0;
transition: all 0.3s ease 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
color: #ffffff;
background-color: #3195ff;
}
.swagger-ui .btn.authorize svg {
fill: #f2f2f5;
width: 14px;
}
.swagger-ui .btn.authorize span {
padding: 5px 10px 0 0 !important;
}
.swagger-ui .opblock.opblock-get, .swagger-ui .opblock.opblock-get .opblock-summary {
border-color: transparent
}
.swagger-ui .opblock.opblock-get .opblock-summary-method, .swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span:after {
background: #85EDB4;
}
.swagger-ui .opblock.opblock-post, .swagger-ui .opblock.opblock-post .opblock-summary {
border-color: transparent
}
.swagger-ui .opblock.opblock-post .opblock-summary-method, .swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span:after {
background: #30CDFC
}
.swagger-ui .opblock.opblock-put, .swagger-ui .opblock.opblock-put .opblock-summary {
border-color: transparent
}
.swagger-ui .opblock.opblock-put .opblock-summary-method, .swagger-ui .opblock.opblock-put .tab-header .tab-item.active h4 span:after {
background: #CDB6EF
}
.swagger-ui .opblock.opblock-delete, .swagger-ui .opblock.opblock-delete .opblock-summary {
border-color: transparent
}
.swagger-ui .opblock.opblock-delete .opblock-summary-method, .swagger-ui .opblock.opblock-delete .tab-header .tab-item.active h4 span:after {
background: #FFD261
}
.swagger-ui .opblock-tag {
padding: 10px 0;
}
.swagger-ui .opblock-tag:hover {
background: transparent !important;
}
.swagger-ui .auth-container input[type=password], .swagger-ui .auth-container input[type=text] {
min-width: 100%;
}
.swagger-ui .auth-btn-wrapper {
justify-content: left;
padding: 20px 0 10px;
}
.swagger-ui .dialog-ux .modal-ux-header {
background: none;
border-bottom: 1px solid #3195ff !important;
}
.swagger-ui .dialog-ux .modal-ux-header h3 {
color: #fff;
}
.swagger-ui .dialog-ux .modal-ux {
border: none;
border-radius: 10px;
}
.modal-btn + .modal-btn {
margin-left: 10px;
}
.swagger-ui .auth-wrapper .authorize:not(.modal-btn) {
margin-right: 0;
position: absolute;
top: 10px;
}
.swagger-ui .opblock,
.swagger-ui section.models,
.swagger-ui section.models h4, .swagger-ui section.models .model-container,
.swagger-ui .response-col_description__inner div.markdown, .swagger-ui .response-col_description__inner div.renderedMarkdown,
.swagger-ui .opblock-body pre, .swagger-ui select, .swagger-ui input[type=email], .swagger-ui input[type=file], .swagger-ui input[type=password], .swagger-ui input[type=search], .swagger-ui input[type=text], .swagger-ui textarea, .swagger-ui .btn, .swagger-ui a,
.swagger-ui .model-box, .swagger-ui .btn-group .btn {
border-radius: 10px;
}
.swagger-ui section.models {
box-shadow: #675d82 1px 0 20px;
box-shadow: rgba(103, 93, 130, 0.19) 1px 0 20px;
background: #fff;
}
.swagger-ui .wrapper {
padding: 0;
max-width: 100% !important;
}
.swagger-ui .topbar {
display: none;
}
.swagger-ui textarea {
min-height: 80px;
}
.close-modal svg {
fill: #e30808;
}
.swagger-ui section.models .model-container:first-of-type, .swagger-ui section.models .model-container:last-of-type {
margin: 0;
}
.swagger-ui .opblock-tag.no-desc span, .swagger-ui section.models h4 span {
color: #391352;
}
.swagger-ui section.models.is-open h4 {
margin: 0;
}
.swagger-ui .model-box {
padding: 5px;
border-radius: 0;
}
.swagger-ui section.models .model-container {
background: #fff;
margin: 0;
}
.swagger-ui .model-title {
font-size: 14px !important;
}
.swagger-ui section.models.is-open {
padding: 0;
}
.swagger-ui .opblock-description-wrapper, .swagger-ui .opblock-external-docs-wrapper, .swagger-ui .opblock-title_normal {
font-size: 12px;
}
.swagger-ui .response-col_status, .swagger-ui .parameter__name {
font-weight: 600;
}
.swagger-ui section.models h4 svg {
width: 16px;
}
.swagger-ui .model-toggle:after {
display: block;
width: 16px;
height: 22px;
}
.swagger-ui .dialog-ux .modal-ux-content p {
font-size: 13px;
}
.parameters-col_description, .response-col_description {
width: 70%;
}
.parameters-col_description .model-box, .response-col_description .model-box {
width: 100% !important;
}
.auth-description {
margin-left: 10px;
color: #7d1f7f;
}
.swagger-ui .info .base-url {
display: none !important;
}
.swagger-ui .opblock-tag.no-desc span, .swagger-ui section.models h4 span {
color: #2f3c52 !important;
font-size: 16px;
font-weight: 600;
}
.authorization__btn {
padding-right: 0 !important;
}
.authorization__btn svg {
width: 14px !important;
height: 14px !important;
}
.swagger-ui .opblock-tag-section {
margin-bottom: 30px;
}
.filter-container {
position: absolute;
top: 10px;
left: 15px;
width: 250px;
}
.swagger-ui-container {
background: #ffffff;
padding: 50px 0 0;
}
.swagger-ui-container .container {
position: relative !important;
}
.swagger-ui section h3 {
color: #3195ff !important;
font-size: 16px !important;
font-weight: 600;
font-family: inherit !important;
text-transform: capitalize;
}
.opblock-description ul {
padding: 0;
margin: 0;
}
.opblock-description ul li {
list-style: circle;
list-style-position: inside;
margin-left: 10px;
line-height: 20px;
}
.swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span:after {
display: none;
}
.opblock-section-request-body {
background: #ffffff !important;
}
.opblock .opblock-body .opblock-section, .responses-wrapper {
background: #F6F9FC;
padding: 10px;
margin: 10px;
border-radius: 10px;
}
.responses-wrapper .opblock-section-header, .swagger-ui .opblock .opblock-section-header {
background: none !important;
padding: 10px !important;
box-shadow: none !important;
min-height: auto !important;
}
.responses-wrapper .opblock-section-header h4, .swagger-ui .opblock .opblock-section-header h4 {
font-size: 14px;
font-weight: 600;
font-family: inherit !important;
flex: 1;
margin: 0;
color: #2f3c52;
}
.responses-wrapper .responses-inner {
padding: 0 10px !important;
}
.responses-wrapper .response-col_links {
display: none;
}
.swagger-ui table tbody tr td:first-of-type {
min-width: 10em;
padding: 15px 0;
}
.swagger-ui table tbody tr td {
padding-top: 0;
}
.swagger-ui .btn {
font-weight: 500 !important;
outline: none !important;
}
.swagger-ui .btn-group {
padding: 0 10px !important;
}
.swagger-ui .btn-group .btn:first-child {
border-radius: 10px 0 0 10px !important;
}
.swagger-ui .btn-group .btn:last-child {
border-radius: 0 10px 10px 0 !important;
}
.swagger-ui .opblock-description-wrapper, .swagger-ui .opblock-external-docs-wrapper, .swagger-ui .opblock-title_normal {
font-size: 12px;
margin: 0;
padding: 10px;
font-family: inherit !important;
color: #3b4151;
}
.swagger-ui .opblock .opblock-section-header h4 span {
font-weight: 600;
}
.swagger-ui .opblock .opblock-section-header h4 span:after {
display: none !important;
}
.swagger-ui .execute-wrapper {
padding: 1px;
}
.swagger-ui .execute-wrapper .btn {
width: calc(100% - 20px);
padding: 6px 12px;
margin: 0 10px;
}
.swagger-ui table.model tbody tr td {
padding: 0;
vertical-align: middle;
}
.swagger-ui .model-box {
padding: 5px;
border-radius: 10px;
width: 100%;
background: none;
}
.swagger-ui .dialog-ux .modal-ux-content h4 {
font-size: 16px;
margin-bottom: 10px;
font-family: inherit !important;
color: #3b4151;
border-bottom: none !important;
}
.swagger-ui section.models.is-open h4 {
font-size: 16px;
margin: 0;
padding: 10px;
font-family: inherit !important;
color: #3b4151;
border-bottom: none !important;
}
.swagger-ui section.models.is-open h4:hover, .swagger-ui section.models.is-open h4:focus {
background: transparent !important;
}
.swagger-ui section.models {
display: none;
}
.swagger-ui .dialog-ux .backdrop-ux {
background: #000000 !important;
background: rgba(0,0,0,.5) !important;
}
.swagger-ui .auth-container input[type=password], .swagger-ui .auth-container input[type=text] {
min-width: 100%;
outline: none !important;
}
code {
font-size: 12px !important;
}
input, select {
outline: none !important;
}
section.block.col-12.block-desktop.col-12-desktop {
margin-top: 60px;
}
.swagger-ui textarea {
min-height: 100px;
}
.swagger-ui textarea:focus, .swagger-ui textarea:active, .swagger-ui textarea:hover {
border-width: 1px;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-ExtraBold.woff') format('woff'), url('./fonts/Metropolis-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-ExtraBoldItalic.woff') format('woff'), url('./fonts/Metropolis-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-BlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-RegularItalic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url('./fonts/Metropolis-ThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
}
@import url("metropolis/style.css");
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment