.header {
    color: red;
}

.DefaultClass {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left
}

.LoginBackGround {
    /*background-color: #F8F8F8;*/ /*background: url(../../Graphx/skyline.png) repeat-x;*/
    /*margin: 15px 25px 0px 25px;*/
    background: url(assets/hbggreyblueflipped.jpg) repeat-x;
}

.Next {
    background: url(assets/Next.gif) no-repeat;
}

.Prev {
    background: url(assets/prev.gif) no-repeat;
}

.ReportParameters {
    background: url(assets/upload.gif) no-repeat;
}

.FullScreen {
    background: url(assets/window.gif) no-repeat;
}

.bodymarg {
    margin: 15px 25px 0px 25px;
}

.InfoLabelText {
    font-size: 11pt;
    color: #6F0000;
    font-family: Verdana;
    font-style: italic;
}

BUTTON {
    border-right: white 1px solid;
    border-top: white 1px solid;
    font-weight: bolder;
    font-size: 9pt;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
    font-family: Tahoma;
    background-color: #DAA520;
}

.BlackLabelText {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
    COLOR: black;
    FONT-FAMILY: Verdana
}

.warning {
    font-family: arial,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #990000;
}

a:link {
    font-weight: normal;
    color: #0000cd;
}

a:visited {
    font-weight: normal;
    color: #0000cd;
}

body {
    font-family: arial,sans-serif;
    font-size: 9pt;
    color: #000000;
    background: #ffffff;
}

.formhead {
    font-family: arial,sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}

.formfield {
    font-family: arial,sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}

.normal {
    font-family: arial,sans-serif;
    font-size: 9pt;
    color: #000000;
}

.header {
    font-family: arial,sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
}

.dropcap {
    font-family: arial,sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #338800;
}

.mainnav {
    font-family: arial,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}

.mainnav a:link {
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}

.mainnav a:visited {
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}

.mainnav a:hover {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.mainnavhere {
    font-family: arial,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #338800;
    text-decoration: none;
}

.mainnavhere a:link {
    font-weight: bold;
    color: #338800;
    text-decoration: none;
}

.mainnavhere a:visited {
    font-weight: bold;
    color: #338800;
    text-decoration: none;
}

.sidebarnav {
    font-family: arial,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.sidebarnav a:link {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.sidebarnav a:visited {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.success {
    font-family: arial,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #338800;
}

.subtle {
    font-family: arial,sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #666666;
}


.framesize {
    width: 100%;
    height: 100%;
    min-height: 350px;
}

.links {
    text-transform: none;
    color: #6c7b83;
    padding: 0 0 0 3px;
    font-size: 10px;
}

.links a {
    color: #6c7b83;
    text-decoration: underline;
    padding: 3px;
}

.links a:hover {
    border: none;
    color: #005300;
}

.trademark {
    color: #ABABAB;
    font-size: .75em;
}

.trademark a {
    color: #ABABAB;
    font-size: .75em;
}


div.RadMenu_CSS .rmRootGroup a.rmLink:hover .rmText {
    color: #005300;
}

div.RadMenu_CSS .rmRootGroup a.rmSelected .rmText {
    color: #005300;
    font-weight: bold;
}

.rwDialogPopup.radalert {
    background: url(assets/loading2.gif) no-repeat left center !important;
}

.wideContent {
    width: 290px;
    height: 130px;
    font-family: Segoe UI;
    padding: 10px;
}

.squareContent {
    width: 130px;
    height: 130px;
    padding: 10px;
}

.shortContent {
    height: 105px;
}

.font14 {
    font-size: 14px;
}

.font18 {
    font-size: 18px;
}

.font22 {
    font-size: 22px;
}

.qsf-ib {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
}
.DefaultClass
{
	font-size: 11pt;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left;
}
.LinkType1
{
	font-weight: bold;
	font-size: 9px;
	color: blue;
	font-family: Verdana, Arial;
	text-decoration: underline;
}
.ReportHdr1
{
	font-size: 16px;
	font-family: Verdana, Arial;
	background-color: #103399;
}
.SkylineMap
{
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
}
.TableElemNum
{
	font-weight: normal;
	font-size: 12px;
	text-indent: 5px;
	font-style: normal;
	font-family: Verdana, Arial;
	height: 14px;
	text-align: justify;
}
.TableElemText
{
	font-weight: normal;
	font-size: 12px;
	text-indent: 5px;
	font-style: normal;
	font-family: Verdana, Arial;
	height: 14px;
	text-align: left;
}
.TableHdr1
{
	font-weight: bold;
	font-size: 20px;
	font-style: normal;
	font-family: Verdana, Arial;
	height: 20px;
	text-align: justify;
}
.TableLabel
{
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana, Arial;
	height: 14px;
	text-align: right;
}
.TableLabel_border
{
	border-right: black thin solid;
	border-top: black thin solid;
	font-size: 12px;
	border-left: black thin solid;
	border-bottom: black thin solid;
	font-family: Verdana, Arial;
}
.TabelElemText_Border
{
	border-right: black thin solid;
	border-top: black thin solid;
	font-size: 12px;
	border-left: black thin solid;
	border-bottom: black thin solid;
	font-family: Verdana, Arial;
}
.DateFld
{
	font-size: 11px;
	width: 80px;
	font-family: Verdana, Arial;
	height: 20px;
}
.InputFld
{
	font-size: 12px;
	font-family: Verdana, Arial;
	height: 22px;
}
.ComboBoxFld
{
	font-size: 12px;
	font-family: Verdana, Arial;
	height: 18px;
}
.LabelFld
{
	font-size: 11px;
	font-family: Verdana, Arial;
}
.ButtonFld
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	font-weight: bolder;
	font-size: 12px;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	font-family: Verdana, Arial;
	background-color: #DAA520;
}
.CheckBoxFld
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	
}
.InputFld_Large
{
	font-size: 15px;
	font-family: Verdana, Arial;
	height: 20px;
}
.LabelFld_Right
{
	font-size: 11px;
	font-family: Verdana, Arial;
	text-align: right;
}
.ButtonFld1
{
	font-weight: bolder;
	font-size: 9px;
	font-family: Tahoma, Verdana, Arial;
	background-color: #DAA520;
	border-color: #C0C0C0;
	cursor:hand;
}.MainTable
{
	border-right: fuchsia;
	padding-right: 0px;
	border-top: blue;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: fuchsia;
	padding-top: 0px;
	border-bottom: fuchsia;
	background-color: #d1e9dd;
}
.ReportiFrame
{
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: medium none;
	padding-top: 0px;
	border-bottom: medium none;
	background-color: transparent;
}
.BannerCol
{
	padding-right: 10px;
	background-position: left center;
	font-weight: bolder;
	font-size: 14pt;
	/*background-image: url(Images/BannerHeader.gif);*/
	color: white;
	border-bottom: #228b22 0px solid;
	background-repeat: no-repeat;
	font-family: Tahoma;
}
.BannerText
{
	font-weight: bolder;
	font-size: 10pt;
	color: white;
	font-family: Tahoma;
}
.ReportLabel
{
	padding-right: 10px;
	font-weight: normal;
	font-size: 10pt;
	color: black;
	font-family: Tahoma;
}
.ReportData
{
	padding-left: 10px;
	font-weight: normal;
	font-size: 10pt;
	border-left: black 1px dotted;
	color: black;
	font-family: Tahoma;
}
.BannerRow
{
	background-color: #006400;
}
.MainMenuCell
{
	border-right: #228b22 2px solid;
	padding-right: 0px;
	background-position: 50% bottom;
	border-top: medium none;
	padding-left: 0px;
	font-weight: bolder;
	font-size: 8pt;
	/*background-image: url(ETS_block.jpg);*/
	padding-bottom: 0px;
	margin: 0px;
	border-left: medium none;
	color: black;
	text-indent: 0px;
	line-height: normal;
	padding-top: 0px;
	border-bottom: medium none;
	background-repeat: no-repeat;
	font-family: 'Tahoma';
	letter-spacing: normal;
	background-color: #103399;
	text-align: left;
}
.PageBody
{
	font-size: 9pt;
	font-family: 'Tahoma';
	background-color: #FFFAFA;
}
.StandardText
{
}
.HeadingText
{
}
.LabelText
{
	font-weight: bolder;
	font-size: 9pt;
	font-family: 'Tahoma';
}
.PageDetailRow
{
	border-right: thick;
	padding-right: 0px;
	border-top: thick;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: thick;
	padding-top: 0px;
	border-bottom: medium none;
	background-color: transparent;
}
.ReportPageBody
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 9pt;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	font-family: 'Tahoma';
	background-color: transparent;
}
.ReportMainTable
{
}
.ReportParamsRow
{
	font-size: 9pt;
}
.ReportRow
{
	height:30px;
}
.ReportParamsCell
{
	font-size: 9pt;
	color: black;
	font-family: 'Tahoma';
	background-color: #d1e9dd;
}
.ReportPageCell
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-color: transparent;
}
.ReportCell
{
	font-size: 9pt;
	font-family: 'Tahoma';
}
.ReportPageInfoRow
{
	border-right: black;
	border-top: black;
	border-left: black;
	border-bottom: gray thin ridge;
}
.ReportPageInfoCell
{
	font-size: 9pt;
	border-bottom: gray thin groove;
}
.WelcomeCell
{
	border-right: green 2px solid;
	border-top: green 2px solid;
	font-size: 14pt;
	border-left: green 2px solid;
	border-bottom: green 2px solid;
	font-family: Tahoma;
	background-color: #daa520;
	color: white;
}
.ParamSection
{
	border-right: olive thin solid;
	border-bottom: olive thin solid;
	background-color: #cde1d6;
}
.ButtonStyle
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	font-weight: bolder;
	font-size: 9pt;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	font-family: Tahoma;
	background-color: #DAA520;
}
SELECT
{
	font-size: 9pt;
	font-family: Verdana;
}
.OptionCell
{
	border-right: teal thin;
	border-top: teal thin;
	font-size: 9pt;
	border-left: teal thin;
	color: black;
	border-bottom: teal thin groove;
	text-align: right;
}
.OptionHeaderRow
{
	font-size: 9pt;
	color: white;
	background-color: #103399;
}
.ReportHelpLink
{
	font-size: 10pt;
	color: blue;
	font-family: Tahoma;
	text-decoration: underline;
}
.Button_Print
{
	background-color: #103399;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(assets/But_Print.gif);
	padding-right: 0px;
	padding-left: 0px;
	border-top: #FFFFFF Solid 0px;
	border-bottom: #FFFFFF Solid 0px;
	border-right: #FFFFFF Solid 0px;
	border-left: #FFFFFF Solid 0px;
	cursor: hand;
	width: 18px;
	height: 18px;
}
.PrintHeader
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-indent: 0pt;
	text-align: center;
	color: White;
	background-color: #103399;
}

.demo-container .Heading {

    line-height: 60px;

    margin: 0;

    padding: 20px;

    /*border-top: 2px solid #006198;*/

    font: normal 25px Calibri, sans-serif;

    /*background: #FEFEFE;*/

    /*color: #9d2900;*/

    /*box-shadow: 0px 0px 2px #888888;*/

}

 

.Info {

    padding: 20px;

    /*background: #F4F4F4;

    margin: 0;

    font: normal 14px "Segoe UI", sans-serif;

    color: #616569;

    box-shadow: 0px 0px 2px #888888;*/

}

 

.demo-container .Info h3 {

    margin: 0;

    padding-bottom: 15px;

    font-weight: lighter;

    font-size: 24px;

    /*color: #006198;*/

}

 

div.Gallary-container {

    width: 100%;

    padding: 0;

}/*
    I don't know what of this is actually used - some of it is, I know
    Difficult to use an automated tool with .NET, especially webforms
    From the little research I've done, WebSiteStyles has the most relevant stuff, 
        but it's hard to tell. 
    It would be worth it to clean this up, shouldn't take _too_ long
*/
/* New chunked stuff */
/**
    Telerik controls are used for basically the entire dashboard
    This page is to used to put in overrides
    Yup, it's a lot of !important - to achieve specificity another 
        way would create a lot of duplication to get the same coverage
    Ugh. 
*/
/*This handles the grid toolbar 'more' dropdown background*/
.rtbPopup.rtbMorePopup {
  /*
            the print button is white, and the default background color is white
            this color matches the office theme most closely...either the print icon needs to be fixed
        */
  background-color: #d2e1f4 !important; }
  .rtbPopup.rtbMorePopup ul.rtbUL {
    display: flex;
    flex-flow: column;
    align-items: flex-end; }

.RadMenu {
  z-index: 3000 !important; }

/* 
    when grids go mobile-friendly, the toolbar goes into a dropdown
    it needs to stretch to fit all buttons/etc
*/
.rgDataDiv {
  height: auto !important; }

.RadGrid .rgCaption {
  font-weight: bold;
  font-size: medium;
  margin: 5px; }

/*
    Shorthand for grids used across the system
    Based on the most commonly seen data layout in the system, 
        a two column grid (labels and data/inputs)
    This is extended quite a bit for the different grids in 
        components.scss
*/
.twocol-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 125px minmax(-webkit-min-content, 250px);
  -ms-grid-columns: 125px minmax(min-content, 250px);
  grid-template-columns: 125px minmax(-webkit-min-content, 250px);
  grid-template-columns: 125px minmax(min-content, 250px);
  grid-gap: 0.7rem; }
  .twocol-grid > * {
    width: 100% !important;
    -ms-grid-row-align: center;
        align-self: center; }
  .twocol-grid label {
    margin-bottom: 0 !important; }
  .twocol-grid .grid-col-1 {
    font-weight: bold;
    text-align: right; }
  .twocol-grid .grid-sub-element {
    margin-top: calc(0.2rem - 0.7rem); }
  .twocol-grid .validation-text {
    color: red;
    font-style: italic; }

/* Helpers for css grid */
.grid-col-1 {
  -ms-grid-column: 1;
  grid-column: 1; }

.grid-col-2 {
  -ms-grid-column: 2;
  grid-column: 2; }

.grid-col-3 {
  -ms-grid-column: 3;
  grid-column: 3; }

.grid-col-4 {
  -ms-grid-column: 4;
  grid-column: 4; }

.grid-col-5 {
  -ms-grid-column: 5;
  grid-column: 5; }

.grid-col-6 {
  -ms-grid-column: 6;
  grid-column: 6; }

.grid-col-7 {
  -ms-grid-column: 7;
  grid-column: 7; }

.grid-col-8 {
  -ms-grid-column: 8;
  grid-column: 8; }

.gc-span-2 {
  -ms-grid-column-span: 2;
  grid-column-end: span 2; }

.gc-span-3 {
  -ms-grid-column-span: 3;
  grid-column-end: span 3; }

.gc-span-4 {
  -ms-grid-column-span: 4;
  grid-column-end: span 4; }

/*
    This is...everything custom. 
    The time pressure was real in the beginning, so I accepted 
        the lack of structure as technical debt, and I wish I 
        hadn't done that initially.
    Part of that reason is because I was fixing everything piece by piece
        and trying to extract commonality as I went, not starting from 
        the ground up. ANYWAY. 
    It's not too bad, but it should be refactored to use a convention

    Most of this stuff is for the pages that have a lot of custom 
        layout, like: 
        - Work orders/requests
        - Tenant info
        - Property/Unit/Resident detail
        - Password reset
    There are really only a few screens that aren't a full page grid, 
        and that's what this page handles. 
*/
/*HEADER*/
.dashboard-header section > *:not(:first-child) {
  margin: 1rem; }

.dashboard-header h1 {
  flex-grow: 2;
  -ms-grid-row-align: center;
      align-self: center;
  color: #103399; }

.dashboard-header img {
  max-height: 300px;
  max-width: 500px; }

@media only screen and (max-width: 400px) {
  .dashboard-header img {
    display: none; } }

.dashboard-header nav > a {
  margin-bottom: 5px; }

/*LOGIN*/
.default-login-container label {
  margin-top: .5rem; }

.default-login-container input[type="button"] {
  margin-top: .5rem; }

/*TENANT INFO*/
.tenantinfo-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 1fr;
  grid-template-columns: 100px 1fr; }

.tenantinfo-container.twocol-grid .grid-sub-element {
  margin-top: -5px; }

.tenantinfo-container.twocol-grid .balance-row {
  align-items: center; }
  .tenantinfo-container.twocol-grid .balance-row > * {
    margin-right: 1em; }

.tenantinfo-container.twocol-grid label {
  margin-bottom: 0 !important; }

/*WEBREQFORM*/
.webreqform-container ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

/*WEBWORKORDERSUMMARY*/
.workordersum-container .flex-row {
  justify-content: space-around; }

.workordersum-container .flex-column {
  justify-content: center; }

.workordersum-container > *:first-child {
  margin-top: 2vh; }

/*GRIDSTUFF*/
.grid-toolbar__long {
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }
  .grid-toolbar__long label {
    margin-bottom: 0 !important; }
  .grid-toolbar__long > * {
    margin-right: 10px; }
  .grid-toolbar__long .flex-row {
    align-items: center; }
    .grid-toolbar__long .flex-row > * {
      margin-right: 10px; }

@media only screen and (max-width: 479px) {
  .grid-toolbar__long {
    flex-flow: column nowrap; }
    .grid-toolbar__long .flex-row {
      justify-content: space-between; } }

/*WEB WORK ORDER FORM*/
.urnList-container input[type="button"],
.urnSelection-container input[type="button"],
.tenantselection-container input[type="button"] {
  -ms-grid-row-align: center;
      align-self: center; }

.urnList-container > *,
.urnSelection-container > *,
.tenantselection-container > * {
  margin-bottom: .5rem !important; }

/*SERVICE CHARGE DETAIL*/
.servicechargedetail-headerstrip {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: .5rem; }
  @media only screen and (max-width: 500px) {
    .servicechargedetail-headerstrip {
      flex-flow: column nowrap; } }
  .servicechargedetail-headerstrip .headerstrip__item :first-child {
    font-weight: bold;
    margin-right: 5px; }

.servicechargedetail-form {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin: 2rem; }
  @media only screen and (max-width: 700px) {
    .servicechargedetail-form {
      flex-flow: column nowrap;
      align-items: center;
      margin: .5rem; }
      .servicechargedetail-form > * {
        margin-bottom: .5rem; } }

/*ADD DOCUMENT FORM*/
.adddocform-container.twocol-grid {
  -ms-grid-columns: 69px minmax(-webkit-min-content, 250px);
  -ms-grid-columns: 69px minmax(min-content, 250px);
  grid-template-columns: 69px minmax(-webkit-min-content, 250px);
  grid-template-columns: 69px minmax(min-content, 250px);
  /*NICE*/ }

.adddocform-container .scanRow {
  justify-content: space-between; }

/* PROPERTY DETAIL */
.propertydetail-imgmaprow {
  display: flex;
  flex-flow: row; }
  .propertydetail-imgmaprow > * {
    width: 100%; }
  @media only screen and (max-width: 700px) {
    .propertydetail-imgmaprow {
      flex-flow: column; }
      .propertydetail-imgmaprow > .propertydetail-img {
        margin-bottom: 1rem; } }

.propertydetail-details {
  -ms-grid-row-align: center;
      align-self: center; }

.propertydetail-img > input[type="button"] {
  -ms-grid-row-align: center;
      align-self: center; }

.propertydetail-map {
  position: relative;
  overflow: hidden;
  height: 320px; }
  .propertydetail-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.interested-container h1 {
  margin: 0; }

.interested-container .twocol-grid {
  -ms-grid-row-align: center;
      align-self: center;
  max-width: 300px;
  -ms-grid-columns: minmax(-webkit-min-content, 100px) minmax(100px, 300px);
  -ms-grid-columns: minmax(min-content, 100px) minmax(100px, 300px);
  grid-template-columns: minmax(-webkit-min-content, 100px) minmax(100px, 300px);
  grid-template-columns: minmax(min-content, 100px) minmax(100px, 300px); }

.interested-container .error-text {
  color: red;
  font-weight: bold; }

/* UNIT+OCCUPANT DETAIL */
.detail-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr; }
  @media only screen and (max-width: 700px) {
    .detail-container {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; }
      .detail-container:not(:first-child) {
        margin-top: 0; } }
  .detail-container .twocol-grid {
    justify-content: flex-end;
    margin-top: 1rem; }
  .detail-container .twocol-grid ~ .twocol-grid {
    justify-content: flex-start; }

.occdetail-container .property-detail-img {
  max-width: 50vw; }

@media only screen and (min-width: 701px) {
  .unitdetail-container .propertydetail-img {
    -ms-grid-column-span: 2;
    grid-column-end: span 2; } }

.unitdetail-container .RadImageGallery {
  -ms-grid-row-align: center;
      align-self: center;
  width: 50%;
  min-width: 350px; }

@media only screen and (max-width: 700px) {
  .unitdetail-container .twocol-grid {
    justify-content: center; }
  .unitdetail-container .twocol-grid ~ .twocol-grid {
    justify-content: center; } }

.resunitdetail-rentready {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60px 100px 1fr;
  grid-template-columns: 60px 100px 1fr;
  grid-row-gap: 5px; }
  .resunitdetail-rentready .grid-col-1 {
    font-style: italic; }

.resunitdetail-unitinspection__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px minmax(-webkit-min-content, 150px) minmax(-webkit-min-content, 150px);
  -ms-grid-columns: 100px minmax(min-content, 150px) minmax(min-content, 150px);
  grid-template-columns: 100px minmax(-webkit-min-content, 150px) minmax(-webkit-min-content, 150px);
  grid-template-columns: 100px minmax(min-content, 150px) minmax(min-content, 150px);
  grid-row-gap: 5px;
  grid-column-gap: 1rem; }
  .resunitdetail-unitinspection__grid .grid-col-1 {
    font-style: italic;
    text-align: right; }
  .resunitdetail-unitinspection__grid > *:not(.grid-col-1) {
    text-align: center; }
  .resunitdetail-unitinspection__grid .grid-pre-header {
    font-weight: bold;
    -ms-grid-row: 1;
    grid-row: 1; }
  .resunitdetail-unitinspection__grid .grid-header {
    text-decoration: underline; }

/* BROKER LISTING */
.broker-listing__container fieldset {
  box-sizing: border-box; }

.broker-listing__container .fieldsetBox {
  width: 100%; }

.broker-listing__filter {
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }
  @media only screen and (max-width: 575px) {
    .broker-listing__filter {
      flex-flow: column nowrap;
      align-items: flex-start; } }
  .broker-listing__filter label {
    margin: 0 !important; }
  .broker-listing__filter .RadComboBox {
    margin-right: 1rem;
    margin-left: .25rem; }
    @media only screen and (max-width: 575px) {
      .broker-listing__filter .RadComboBox {
        margin-bottom: .5rem; } }

.broker-listing__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: .5rem;
  grid-column-gap: .5rem;
  word-break: break-word; }
  @media only screen and (max-width: 800px) {
    .broker-listing__item {
      -ms-grid-columns: minmax(-webkit-min-content, 1fr);
      -ms-grid-columns: minmax(min-content, 1fr);
      grid-template-columns: minmax(-webkit-min-content, 1fr);
      grid-template-columns: minmax(min-content, 1fr); } }
  .broker-listing__item .grid-col-1:not(.grid-sub-element) {
    font-weight: bold; }
  .broker-listing__item input[type="image"] {
    -ms-grid-column-align: center;
        justify-self: center; }
  .broker-listing__item input[type="button"] {
    -ms-grid-column-align: center;
        justify-self: center;
    width: 50%;
    max-width: 250px; }
  .broker-listing__item .RadImageGallery {
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 11;
    grid-row: 1/12;
    max-width: 400px; }
    @media only screen and (max-width: 800px) {
      .broker-listing__item .RadImageGallery {
        grid-row: unset;
        grid-column: unset; } }

.leasinggrid-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: center; }
  .leasinggrid-container .RadTile {
    font-family: Segoe UI; }
  .leasinggrid-container .rtileContent, .leasinggrid-container .rtilePeekContent {
    margin: 5px; }

.leasinggrid-container__tenanttile {
  margin: 1rem 0; }

.leasinggrid-container__icontiles {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  height: 100%; }
  .leasinggrid-container__icontiles .RadTile[disabled="disabled"] {
    opacity: .5; }
  @media only screen and (max-width: 703px) {
    .leasinggrid-container__icontiles {
      justify-content: center; } }

@media only screen and (max-width: 620px) {
  .tenantselection-container .grid-toolbar__long {
    flex-flow: column nowrap; }
    .tenantselection-container .grid-toolbar__long .flex-row {
      justify-content: space-between; } }

.leasingledger {
  -ms-grid-columns: minmax(-webkit-min-content, 150px) 1fr;
  -ms-grid-columns: minmax(min-content, 150px) 1fr;
  grid-template-columns: minmax(-webkit-min-content, 150px) 1fr;
  grid-template-columns: minmax(min-content, 150px) 1fr; }

.propertydata-content .RadTabStrip {
  overflow: unset; }

.propertydata-chartcontainer {
  overflow-x: auto;
  flex-grow: 1; }

.prompt-bar {
  width: 100% !important; }

.prompt-container {
  margin: 10px; }
  .prompt-container.prompt-grid {
    grid-row-gap: 0.5rem;
    grid-column-gap: 0.5rem; }
    .prompt-container.prompt-grid .grid-sub-element {
      margin-top: calc(0.2rem - 0.5rem); }
  .prompt-container.propertydata-prompt, .prompt-container.propertygrid-prompt, .prompt-container.occstatistics-prompt, .prompt-container.cashrequirements-prompt {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(-webkit-min-content, 110px) 50px minmax(-webkit-min-content, 150px);
    -ms-grid-columns: minmax(min-content, 110px) 50px minmax(min-content, 150px);
    grid-template-columns: minmax(-webkit-min-content, 110px) 50px minmax(-webkit-min-content, 150px);
    grid-template-columns: minmax(min-content, 110px) 50px minmax(min-content, 150px); }
    .prompt-container.propertydata-prompt .RadComboBox,
    .prompt-container.propertydata-prompt .RadInput, .prompt-container.propertygrid-prompt .RadComboBox,
    .prompt-container.propertygrid-prompt .RadInput, .prompt-container.occstatistics-prompt .RadComboBox,
    .prompt-container.occstatistics-prompt .RadInput, .prompt-container.cashrequirements-prompt .RadComboBox,
    .prompt-container.cashrequirements-prompt .RadInput {
      width: auto !important; }
  .prompt-container.unitoccstatus-prompt, .prompt-container.resappunitactivity-prompt {
    display: flex;
    flex-flow: row nowrap; }
  .prompt-container.financialstmt-prompt, .prompt-container.budgetcomparison-prompt {
    display: flex;
    flex-flow: row wrap; }
    .prompt-container.financialstmt-prompt .RadComboBox, .prompt-container.budgetcomparison-prompt .RadComboBox {
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
      flex-basis: 250px; }
  .prompt-container.incomebudget-prompt.twocol-grid {
    -ms-grid-columns: (minmax(-webkit-min-content, 200px))[2];
    -ms-grid-columns: (minmax(min-content, 200px))[2];
    grid-template-columns: repeat(2, minmax(-webkit-min-content, 200px));
    grid-template-columns: repeat(2, minmax(min-content, 200px)); }
  .prompt-container.apinvinquiry-prompt, .prompt-container.cashrequirements-prompt {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(100px, 160px))[2];
    grid-template-columns: repeat(2, minmax(100px, 160px));
    align-items: flex-end; }
    .prompt-container.apinvinquiry-prompt .RadComboBox,
    .prompt-container.apinvinquiry-prompt .RadInput,
    .prompt-container.apinvinquiry-prompt .RadPicker, .prompt-container.cashrequirements-prompt .RadComboBox,
    .prompt-container.cashrequirements-prompt .RadInput,
    .prompt-container.cashrequirements-prompt .RadPicker {
      width: 100% !important; }
  .prompt-container > label {
    margin: 0;
    margin-right: 10px; }

.propertydata-allcharts {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around; }
  .propertydata-allcharts .propertydata-chartwrapper {
    flex-basis: 400px;
    margin-bottom: 10px; }

.cs-img-cta-section, .cs-portfolio-item {
  padding: 10px;
  border: 1px solid black;
  width: -webkit-max-content;
  width: max-content; }

/* global application to make sure that telerik grids go mobile-friendly properly */
table {
  table-layout: fixed; }

.hidden {
  visibility: hidden; }

.align-center {
  -ms-grid-row-align: center;
      align-self: center; }

.flex-column {
  display: flex;
  flex-flow: column nowrap; }

.flex-row {
  display: flex;
  flex-flow: row nowrap; }

.padded-main {
  margin-top: 2vh; }

@media only screen and (min-width: 400px) {
  .padded-main {
    margin-left: 10vw;
    margin-right: 10vw; } }

.btns-row {
  margin: .5rem 0;
  justify-content: center; }
  .btns-row > input[type="button"]:not(:last-child),
  .btns-row > input[type="submit"]:not(:last-child) {
    margin-right: 1rem; }

/* This is actually an override for existing skyline styles - the header itself is p rough*/
header.ReportHdr1 {
  width: 100%;
  text-align: center; }