/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

:root
{
	--green: #4CB748;
	--lgreen: #94d491;
	--llgreen: #dbf1da;
	--lgray: #F1EFED;
	--blue: #327aba;
	--LDblue: #12122D;
	--gray: #12122D;
	--Brand1: #076685;
	--Dark: #45494c;
	--Medium: #b9bec1;
	--Light: #d0d3d5;
	--fontStack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--fontMono: Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
	--topicWidth: 90%;
	--imgWidth: 100%;
	--lineHeight: 1.65rem;
	--cardWidth: 15%;
}

html
{
	font-size: 16px;
}

body
{
	font-family: var(--fontStack);
	font-size: 1rem;
	line-height: 1.55;
}

h1
{
	font-weight: 500;
	font-size: 3.375rem;
	color: var(--gray);
	margin-bottom: 3.1rem;
	line-height: 1.25;
}

h2
{
	font-weight: 500;
	font-size: 2.25rem;
	margin-bottom: var(--lineHeight);
	margin-top: 3.1rem;
	line-height: 1.25;
	color: var(--gray);
}

h2.ggw
{
	font-weight: 500;
	font-size: 1.5rem;
	margin-bottom: var(--lineHeight);
	margin-top: var(--lineHeight);
	line-height: 1.25;
	color: var(--LDblue);
}

h2.exploring
{
	font-size: 1.25rem;
	margin-bottom: var(--lineHeight);
	margin-top: var(--lineHeight);
	line-height: 1.25;
	color: var(--LDblue);
}

h3
{
	line-height: 1.25;
	color: var(--gray);
	margin-bottom: 1rem;
	font-size: 1.2rem;
	font-weight: 800;
}

p,
ol,
ul,
dl
{
	margin-top: 0;
	margin-bottom: var(--lineHeight);
}

p.for_arrow
{
	margin: -15px 0pt;
	text-align: center;
	padding: 0;
	font-size: 2rem;
	color: var(--LDblue);
}

li
{
	margin-bottom: 0.5rem;
}

figure,
table
{
	margin: 0;
	padding: 0;
}

img
{
	border: none;
	max-width: 100%;
	margin-bottom: var(--lineHeight);
	cursor: zoom-in;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
}

img.MCPopupFullImage
{
	cursor: zoom-out;
}

img + figcaption
{
	margin-bottom: 1rem;
}

figcaption
{
	font-size: 0.875rem;
	font-style: italic;
	color: var(--gray);
	lineheight: 1.1;
}

table
{
	border-collapse: collapse;
	margin-bottom: var(--lineHeight);
}

table caption
{
	text-align: left;
	font-size: 0.875rem;
	line-height: 1.1;
	font-style: italic;
	color: var(--gray);
	margin-bottom: 0.5rem;
}

th
{
	color: var(--gray);
	border-bottom: 1.75px solid var(--gray);
	padding: 0.5rem 1rem;
	text-align: left;
	vertical-align: top;
}

td
{
	padding: 0.5rem 1rem;
	border-bottom: none 1.2px #d3d3d3;
	text-align: left;
	vertical-align: top;
}

th.right,
td.right
{
	text-align: right;
}

/*==Home-cards section==*/

div.home-cards-container
{
	padding-bottom: 150px;
}

div.home-cards	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-cards::before
{
	content: ' ';
	display: table;
}

div.home-cards::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-cards > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 320px;
	border: 1px solid darkgray;
	background-color: #fff;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 5%;
	/*transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
	overflow: hidden;
}

div.home-cards > div:nth-child(1)
{
	width: 31.6%;
	margin-left: 0%;
}

div.home-cards > div:nth-child(2)
{
	width: 31.6%;
	margin-left: 2.5%;
}

div.home-cards > div:nth-child(3)
{
	width: 31.6%;
	margin-left: 2.5%;
}

/*=Elements for text contained within each home-card=*/

div.card-head-1,
div.card-head-2,
div.card-head-3,
div.card-head-4
{
	color: #fff;
}

div.card-head-1	/*Change this background-color for the first card color*/
{
	background-color: var(--green);
}

div.card-head-2	/*Change this background-color for the second card color*/
{
	background-color: #005aaa;
}

div.card-head-3	/*Change this background-color for the second card color*/
{
	background-color: #7E869A;
}

div.card-head-4	/*Change this background-color for the second card color*/
{
	background-color: #669A69;
}

p.card-title
{
	padding: 10px;
	margin-top: 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
}

p.card-header-title
{
	font-size: 1.0em;
	color: var(--green);
}

p.card-header-title-2
{
	font-size: 1.0em;
	color: var(--LDblue);
}

p.card-content
{
	padding-left: 5%;
	padding-right: 5%;
	font-size: 1.0em;
	color: #000000;
}

div.home-cards a	/*Complex Selector: Links within the home cards will have the following properties*/
{
	text-decoration: none;
	color: #fff;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

a:focus
{
	text-decoration: underline;
}

div.home-cards a:hover	/*Complex Selector: When hovering over links within the home cards the following properties will apply.*/
{
	color: #d3d3d3;
}

div.home-tiles a:hover	/*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
	color: #d3d3d3;
}

a:hover
{
	text-decoration: underline;
}

ul.sidenav li a:not(.selected):hover
{
	text-decoration: none;
	font-weight: 500;
}

div.getting-started > a:hover
{
	color: var(--green);
	border-color: var(--green);
	cursor: pointer;
}

div.home-cards > div:hover
{
	box-shadow: 0 12px 18px rgba(0,0,0,0.16), 0 12px 18px rgba(0,0,0,0.23);
	transform: scale(1.05);
}

/*== Home-tiles section ==*/

div.home-tiles	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	background-color: var(--green);
	margin-bottom: 3%;
	overflow: hidden;
	padding: 2%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 250px;
}

div.home-tiles > div:nth-child(1)
{
	width: 23.1%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(2)
{
	width: 23.1%;
	margin-left: 2.5%;
}

div.home-tiles > div:nth-child(3)
{
	width: 23.1%;
	margin-left: 2.5%;
}

div.home-tiles > div:nth-child(4)
{
	width: 23.1%;
	margin-left: 2.5%;
}

/*== Elements for text contained within each home-tile ==*/

p.tile-title
{
	color: #fff;
	text-align: center;
	font-size: 16pt;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 0px;
}

p.tile-content
{
	text-align: center;
	color: #ffffff;
	margin-bottom: 0px;
}

p.tile-description
{
	font-size: 12pt;
	font-family: Arial;
	line-height: 1.3em;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
}

p.tile-button
{
	margin-top: 8px;
	float: right;
	margin-right: 8px;
}

div.home-tiles a	/*Complex Selector: Links within the home tiles will have the following properties*/
{
	text-decoration: none;
	color: #fff;
}

div.home-tiles > div:hover
{
	box-shadow: 0 12px 18px rgba(0,0,0,0.16), 0 12px 18px rgba(0,0,0,0.23);
	transform: scale(1.05);
}

MadCap|miniTocProxy
{
	margin: 2rem 0;
	padding: 0;
	mc-toc-depth: 2;
	border-top-color: transparent;
	border-top-width: 0;
}

MadCap|xref
{
	color: var(--blue);
	text-decoration: none;
}

MadCap|xref:hover
{
	text-decoration: underline !important;
}

MadCap|xref:focus
{
	text-decoration: underline !important;
}

a
{
	text-decoration: none;
	color: var(--blue);
}

p.MiniTOC1
{
	margin: 0.25rem 0;
	font-size: 1.125rem;
	font-weight: normal;
	color: var(--blue);
}

a.MiniTOC1:hover
{
	color: #112a40;
}

p.MiniTOC2
{
	margin: 0.25rem 0;
	margin-left: 1rem;
	color: var(--blue);
	font-size: 1.125rem;
}

samp
{
	font-family: inherit;
	font-style: italic;
}

.gui
{
	font-weight: 500;
	font-style: normal;
}

code
{
	font-family: var(--fontMono);
	color: var(--gray);
}

kbd
{
	display: inline-block;
	border: 1px solid darkgray;
	border-radius: 4px;
	box-shadow: 1px 1px;
	padding: 1px 4px;
	font-size: 0.92rem;
	font-family: var(--fontMono);
	color: var(--gray);
}

MadCap|breadcrumbsProxy
{
	border-bottom-color: darkgray;
	font-size: 0.875rem;
	mc-breadcrumbs-prefix: 'You are here:';
	mc-breadcrumbs-divider: ' / ';
	padding-bottom: 1rem;
	padding-top: 0.75rem;
}

footer
{
	border-top: 1px solid darkgray;
	font-size: 0.875rem;
	color: darkgray;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 3rem;
}

nav.sidenav-wrapper
{
	max-width: 400px;
}

.ld-topic-wrapper
{
	max-width: var(--topicWidth);
	padding-left: 3rem;
	padding-right: 3rem;
	margin-left: 5%;
	margin-right: auto;
}

.ld-video-topic-wrapper
{
	max-width: var(1300px);
	padding-left: 3rem;
	padding-right: 3rem;
	margin-left: 5%;
	margin-right: auto;
}

#resultList .description
{
	line-height: 1.4rem;
}

div.ld-columns	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.1rem;
	margin-bottom: 3.1rem;
}

div.ld-columns::before
{
	content: ' ';
	display: table;
}

div.ld-columns::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.ld-columns > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.ld-columns > div:nth-child(1)
{
	width: 40%;
	margin-left: 0;
}

div.ld-columns > div:nth-child(2)
{
	width: 53%;
	margin-left: 7%;
}

pre
{
	font-family: var(--fontMono);
	color: var(--gray);
	margin-top: var(--lineHeight);
	margin-bottom: var(--lineHeight);
	overflow-x: auto;
	padding: 1rem;
	background-color: #f1f1f1;
}

dt
{
	font-weight: 500;
}

dd
{
	margin-bottom: 1rem;
}

MadCap|codeSnippet
{
	font-size: 1rem;
	margin-top: var(--lineHeight);
	margin-bottom: var(--lineHeight);
}

MadCap|codeSnippetBody
{
	font-family: var(--fontMono);
	line-height: 1.25;
}

MadCap|bodyProxy
{
	margin-left: 0rem;
	margin-right: 0rem;
}

h4
{
	lineheight: 1.25;
	color: var(--gray);
	font-size: 1em;
	font-weight: bolder;
}

h5
{
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
}

@media only screen and (max-width: 768px)
{
	.ld-topic-wrapper
	{
		margin-left: auto;
	}

	div.ld-columns > div:nth-child(1)
	{
		width: 40%;
		margin-left: 0;
	}

	div.ld-columns > div:nth-child(2)
	{
		width: 53%;
		margin-left: 7%;
	}
}

@media only screen and (max-width: 480px)
{
	.ld-topic-wrapper
	{
		margin-left: auto;
	}

	div.ld-columns > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.ld-columns > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}
}

MadCap|xref.title
{
	mc-format: '{title}';
}

h2.card-section
{
	font-weight: 500;
	font-size: 2.25rem;
	margin-bottom: var(--lineHeight);
	margin-top: 3.1rem;
	line-height: 1.25;
	color: var(--green);
}

h2.card-section-2
{
	font-weight: 500;
	font-size: 2.25rem;
	margin-bottom: var(--lineHeight);
	margin-top: 3.1rem;
	line-height: 1.25;
	color: var(--LDblue);
}

a.card-color
{
	text-decoration: none;
	color: #000000;
}

img.tile
{
	border: none;
	margin-top: 10px;
	margin-bottom: 0px;
}

/*== Home Page Topic Hero section ==*/

div.topic-hero
{
	padding-top: 20px;
	height: auto;
}

div.home-title
{
	margin: 15px 0 25px 0;
	color: var(--LDblue);
}

div.release-home
{
	display: inline;
	margin-left: 25px;
}

div.release-home > label
{
	font-weight: bold;
}

div.getting-started
{
	display: inline;
	font-weight: bold;
	margin-left: 20%;
}

div.getting-started > a::before
{
	content: " ";
	padding-left: 3px;
}

div.getting-started > a::after
{
	content: " ";
	padding-right: 6px;
}

div.getting-started > a
{
	color: var(--LDblue);
	font-size: 16pt;
	text-decoration: none;
	border-bottom: 2.5px solid var(--LDblue);
}

div.h1
{
	font-size: 32pt;
	display: inline;
	font-weight: bold;
}

h2.text-dark-blue
{
	color: #005aaa;
}

h2.text-light-blue
{
	color: var(--green);
}

div.home-description
{
	color: var(--LDblue);
	margin-bottom: 30px;
	/* margin-right: 10%; */
}

.search,
.search-bar
{
	margin: 0 auto;
}

div.search-home
{
	width: 100%;
	margin-left: 0%;
	margin-bottom: 5%;
	margin-right: 10%;
	padding: 0;
}

h2.home_h2
{
	margin-bottom: var(--lineHeight);
	margin-top: 3.1rem;
	line-height: 1.25;
	font-family: Arial;
	font-weight: bold;
	font-size: 22pt;
	color: var(--green);
}

table.button
{
	margin: 0;
	width: 200px;
	border-collapse: separate;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	background-color: var(--LDblue);
	text-align: center;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
	border-radius: 7px;
	float: inherit;
	padding-bottom: 2px;
	padding-top: 2px;
}

table.button > table:hover
{
	box-shadow: 0 12px 18px rgba(0,0,0,0.16), 0 12px 18px rgba(0,0,0,0.23);
	transform: scale(1.05);
}

.search-bar .mc-search-submit
{
	border: none;
}

img.sketcher-icon
{
	border: none;
	max-width: 100%;
	margin-bottom: var(--lineHeight);
	cursor: zoom-in;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	vertical-align: middle;
	width: 31px;
	height: auto;
}

/*== workflow tiles section ==*/

.box-container
{
	max-width: 90%;
	margin: auto;
}

.box
{
	display: flex;
	flex-wrap: nowrap;
}

.box-item
{
	display: flex;
	flex-direction: column;
	flex-basis: 0;
	flex-grow: 1;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
	background-color: #fff;
	color: #000;
	position: relative;
	border-radius: 4px;
}

.box-item .box-header
{
	background-color: var(--lgreen);
	padding: 5px 20px;
	text-align: center;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: var(--LDblue);
	font-size: 1.1em;
	font-weight: bold;
}

.box-item .box-content
{
	height: 100%;
	align: center;
	padding: 10px 15px 22px 15px;
}

.box-item .box-content .list
{
	border: 1px solid var(--LDblue);
	border-radius: 4px;
	padding: 3px;
	font-size: 1em;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	color: var(-LDBlue);
}

.box-item .box-content .list:hover,
.box-item .box-content .list:focus,
.box-item .box-content .list:visited
{
	transform: scale(1.05);
	color: #fff;
	background-color: var(--LDblue);
	text-decoration: none;
}

.box-item .box-content a
{
	text-decoration: none;
	color: var(--LDblue);
}

.box-item .box-content .list p
{
	font-size: 1em;
	margin-bottom: 2px;
	text-align: center;
}

MadCap|toggler.workflows
{
	mc-closed-image: none;
	mc-image-position: none;
	mc-open-image: none;
	color: black;
}

.workflow-container
{
	display: flex;
	flex-wrap: nowrap;
}

.workflow-heading
{
	display: flex;
	flex-direction: column;
	flex-basis: 0;
	flex-grow: 1;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
	background-color: var(--lgray);
	color: var(--LDblue);
	position: relative;
	border-radius: 4px;
	align-items: center;
	font-weight: 500;
	font-size: 2rem;
	padding: 5px 20px;
}

.workflow-item
{
	display: flex;
	flex-direction: column;
	flex-basis: 0;
	flex-grow: 1;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
	background-color: #fff;
	color: #000;
	position: relative;
	border-radius: 4px;
}

.workflow-item .header
{
	background-color: var(--lgray);
	padding: 5px 20px;
	text-align: center;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: var(--LDblue);
	font-size: 1.1em;
	font-weight: 500;
}

.workflow-item .content
{
	height: 100%;
	align: center;
	padding: 20px 15px;
}

.workflow-item .header p
{
	font-size: 1em;
	margin-bottom: 1px;
	text-align: center;
}

.workflow-item .content .list
{
	background-color: var(--lgreen);
	border-radius: 4px;
	padding: 10px 5px;
	font-size: 1em;
	text-align: center;
	margin: 10px 0px;
	max-width: 100%;
}

.workflow-item .content .list-info
{
	border: 1px solid var(--LDblue);
	border-radius: 4px;
	padding: 3px;
	font-size: 1em;
	margin-top: 2px;
	margin-bottom: 2px;
	color: var(-LDBlue);
}

.workflow-item .content .list-info h5
{
	color: var(--LDblue);
	font-size: 1.1em;
	font-weight: bold;
}

.workflow-item .content .list:hover,
.workflow-item .content .list:focus,
.workflow-item .content .list:visited
{
	color: #fff;
	background-color: var(--LDblue);
	text-decoration: none;
}

div.next_button
{
	color: #ffffff;
	font-weight: 500;
	font-size: 1rem;
	background-color: var(--LDblue);
	height: auto;
	width: 25%;
	text-align: center;
	vertical-align: middle;
	align: center;
	padding: 10pt 20pt;
	border-radius: 30px;
	margin-top: 5rem;
	margin-left: auto;
	margin-right: auto;
}

div.next_button:hover
{
	transform: scale(1.05);
}

a.next_button
{
	text-decoration: none;
}

a.next_button:hover
{
	text-decoration: none;
}

div.see_workflow_button
{
	color: var(--LDblue);
	font-weight: 500;
	font-size: 0.95rem;
	background-color: var(--llgreen);
	text-align: center;
	vertical-align: middle;
	align: center;
	padding: 10pt;
	border-radius: 20px;
	margin: 1rem 0.5rem 0.5rem;
}

img.workflow
{
	margin-top: 0.5rem;
}

div.see_workflow_button:hover
{
	transform: scale(1.05);
}

/* Drop-Downs */

MadCap|dropDown
{
	border-bottom: 1px solid var(--Light);
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../Icons/Minus.png');
	mc-closed-image: url('../Icons/Plus.png');
	padding: 10px 0;
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: var(--Dark);
	font-size: 20pt;
	font-weight: bold;
	border-bottom: none;
}

MadCap|expandingBody
{
	color: var(--Dark);
	font-style: italic;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: var(--Brand1);
}

a.ggw
{
	text-decoration: none;
	color: var(--LDblue);
}

a.ggw:hover
{
	text-decoration: none;
	color: var(--blue);
}

.title-bar-layout a.logo
{
	background: transparent url('../Images/logos/schrodinger-logo-horizontal-white.svg') no-repeat center center;
}

MadCap|dropDownHotspot.exploring
{
	font-size: 1rem;
}

div.ld-topic-columns	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.1rem;
	margin-bottom: 3.1rem;
}

div.ld-topic-columns::before
{
	content: ' ';
	display: table;
}

div.ld-topic-columns::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.ld-topic-columns > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.ld-topic-columns > div:nth-child(1)
{
	width: 70%;
	margin-left: 0;
}

div.ld-topic-columns > div:nth-child(2)
{
	width: 30%;
	margin-left: 0;
}

img.map
{
	cursor: none;
	mc-thumbnail: none;
}

table.bottom-line
{
	margin: 0;
	padding: 0;
}

li#sub
{
	margin-bottom: 0.5rem;
	list-style-type: circle;
	padding-left: 20px;
}

