﻿form, html, body
{
    margin:0px;
    padding:0px;
}

html
{
    overflow:hidden;
    height:100%;
}

body
{
    /*font:14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family:"PT Sans", Helvetica, Arial, sans-serif;
    background-color:#fff;
    color:#676767;
    height:100%;
    overflow:auto;
}

h3
{
    color:#643d21;
    text-align:center;
    font-size:2.4em;
    font-weight:400;
    line-height:100%;
    margin-bottom:8px;
    margin-top:1em;
}

.justify
{
    text-align:justify;
}

.center
{
    text-align:center !important;
}

.default-button, default-button:visited
{
    color:#fff;
    background-color:#266294;
    text-transform:uppercase;
    text-decoration:none;
    display:inline-block;
    height:50px;
    line-height:42px;
    width:200px;
    text-align:center;
    font-size:16px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-weight:normal;
    box-shadow:1px 1px 1px 0 rgba(103, 103, 103, 0.4);
    -webkit-box-shadow:1px 1px 1px 0 rgba(103, 103, 103, 0.4);
    margin:0 15px 20px;
    border:solid 4px #266294;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-family:"PT Sans", Helvetica, Arial, sans-serif;
    white-space:nowrap;
}

.default-button:hover 
{
    background-color:white;
    color:#266294;
}

.white 
{
    background-color:#fff;
}

.grey
{
    background-color:#ebebec;
}

a.download-button, a.download-button:visited
{
    display:inline-block;
    background-color:#fff;
    background-image:url(/Content/Image/dl-icon.png);
    background-position:right;
    background-size:50px auto;
    background-repeat:no-repeat;
    color:#676767;
    font-size:20px;
    line-height:40px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:solid 1px #fff;
    text-decoration:none;
    padding-right:60px;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;
}

a.download-button:hover
{
    border:solid 1px grey;
}

.clear
{
    clear:both;
}

.hidden
{
    display:none;
}

.visible
{
    display:block;
}

/*general*/

.text-danger 
{
    color:#f00;
}

.textbox
{
    border:1px solid #ccc;
    color:#ccc;
    max-width:600px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-size:18px;
    line-height:50px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.form-group 
{
    display:block;
    margin-bottom: 15px;
    vertical-align: middle;
 }

.form-wrapper
{
    display:inline-block;
    text-align:left;
}

.center-form
{
    margin:0 auto;
}

.account-header-logo
{
    float:left;
    display:block;
    width:300px;
}

.account-header-middle
{
    width:50%;
    margin:0 auto;
    text-align:center;
}

.account-header-middle h1, .account-header-middle h2, .account-header-middle h3, .account-header-middle h4
{
    margin-top:0;
    margin-bottom:10px;
}

.big-picture
{
    width:90%;
    height:auto;
    margin:0 auto;
}

.big-picture img
{
    border:solid 0.5px grey;
    border-radius:5px;
    width:100%;
}

.float-image
{
    margin:20px;
    float:left;
    height:auto;
    width:auto;
}

.float-image img
{
    border:solid 0.5px grey;
    border-radius:5px;
    width:500px;
    height:auto;
}

.cd-fixed-bg
{
    min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

.cd-fixed-bg-dash
{
    min-height:100%;
    overflow:auto;
    height:auto;
    min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
    background-image:url(Image/Dashboard/Dashboard_Main.png);
    text-align:center;
    padding-top:200px;
    border-bottom:solid 0.5px grey;
    text-align:center;
}

.cd-fixed-bg-propport
{
    min-height:100%;
    overflow:auto;
    height:auto;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
    background-image:url(Image/Dashboard/DB_PropertyPortfolioSummary.png);
    padding-top:200px;
    border-bottom:solid 0.5px grey;
    text-align:center;
}

.cd-scrolling-bg-white
{
    min-height:100%;
    overflow:auto;
    height:auto;
    background-color:rgba(255,255,255,0.6);
    border-bottom:solid 0.5px grey;
    text-align:center;
}

.cd-container
{
    margin-left:100px;
    margin-right:100px;
    text-align:center;
}

.cd-scrolling-bg 
{
	min-height: 100%;
}

.transparent-content
{
    background-color:grey;
    opacity:0.8;
    color:black;
}

.stripe
{
    margin-top:200px;
    text-align:center;
    padding:100px;
}

.scroll-push
{
    height:300px;
    /*padding-top:150px;*/
    text-align:center;
    border-bottom:solid 0.5px grey;
}

#main-wrapper
{
    height:100%;
}

#main-wrapper h1
{
    font-size:4em;
    font-weight:normal
}

.body-content
{
    height:100%;
}

#main-header-dash
{
    background-image: url("image/header_background.jpg");
    background-size:cover;
    color:#fff;
    text-align:center;
    padding-bottom:10px;
}

#main-header-empty
{
    background-image: url("image/header_background.jpg");
    background-size:cover;
    color:#fff;
    text-align:center;
    padding-bottom:200px;
}

#top-banner-dash
{
    padding-left:60px;
    padding-right:60px;
    box-sizing:border-box;
    float:left;
    width:100%;
    height:100px;
}


.down-arrow
{
    width: 0px;
    height: 0px;
    border-top: 10px solid #266294;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: none;
    display:inline;
}

.down-arrow-big
{
    width: 0px;
    height: 0px;
    border-top: 30px solid #266294;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: none;
    display:inline;
}

.feature-list-dash
{
    margin-top:20px;
    margin-bottom:20px;
    list-style:none outside;
}

.feature-list-dash li
{
    display:inline-block;
}

.feature-list-dash a
{
    display:inline-block;
    width:200px;
    height:100px;
    padding:12px;
    margin:10px 20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border:solid 4px #266294;
    background-color:#fff;
    font-size:18px;
    line-height:22px;
    text-align:center;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    vertical-align:middle;
}

.center-wrapper 
{
    width:100%;
    text-align:center;
}

.float-image-wrapper
{
    display:inline-block;
    max-width:1100px;
    margin:0 auto;
}

.head-space 
{
    margin-bottom:40px;
}

.image-border
{
    border:solid;
    border-radius:10px;
}

video::-webkit-media-controls-panel {
    display: flex !important;
    opacity: 1 !important;
}

video {
    background-color:black;
}