#investment{background:url(/images/bg/investment.jpg?);background:#FFF;padding-bottom:0;}
#investment left{align-items:center;justify-content:center;}
investment{display:flex !important;flex-direction:column;margin: 0 13px;}
investment rows{display:flex;flex-direction:column;width:100% !important;}
investment row{display:flex;justify-content:space-between;margin:5px 0;width:100% !important;}
investment row center{margin:0 5px;overflow:hidden;color:lightgrey;background:url(/images/dot.png) repeat-x 50% 60%;}
investment smartContractSpecs{padding:10px;}
investment buttons{display:flex;justify-content:center;background:white;margin:20px auto;}
#post-investment-intent{background:;color:white;align-self:center;margin-right:5px;font-weight: bold !important;}
#remind-me{background: white;border:1px solid ;color:;align-self:center;display:flex;line-height: 16px;font-weight: bold !important;}
#remind-me check{margin-left: 5px;}
bubble.pii [type=text]{width:100%;}
investment .content{z-index: 2;position: relative;background:white;border: 1px solid black;border-top-width: 0;padding: 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

investment ii {height:100%;padding: 5px;}
investment ii top{box-sizing: content-box;display:flex;border-bottom:1px solid lightgrey;height:100px;padding-bottom: 10px}
investment ii cover{width:100px;height:100px;display: flex;align-items: center;justify-content: center;}
investment ii profile-image{border-radius: 50%;background-size:100% !important;background-repeat:no-repeat !important;background-position:top !important;width:90%;height:90%;display:flex;justify-content:center;align-items:center;}
investment ii top right{display:flex;justify-content:center;align-items:center;width:calc(100% - 100px);flex-direction:column;}
investment ii name{font-size:16px;font-weight:bold;position:relative;}
investment ii info{color:grey;font-size:14px;display:flex;}
investment ii content{height:calc(100% - 100px);padding:10px;display:flex;flex-direction:column;}
investment ii cap{font-weight:bold;}
investment ii v{margin-left:10px;}
investment ii amount,investment ii phase{display:flex;}
investment requirement{margin-top:10px;}
investment ii .lone{justify-content:center;}
investment ii .lone phase{margin-top:20px;}
investment ii .lone > *{flex-direction:column;}
investment ii .lone v{font-size:120%;color:grey;}
investment no-ii{color:lightgrey;font-size:40px;text-align:center;}
investment no-ii-tip{color:#555;font-size:20px;text-align:center;width:60%;font-weight:bold;max-width:500px;margin-top:10px;padding:0 10px;}
investment status{padding:10px 20px;border-radius:20px;background:;color:white;font-size:25px;align-self:center;}
investment status.lone{padding:10px 20px;font-size:40px;border-radius:30px;}
investment status.not-begun{background:;color:;border: 1px solid ;}
investment status.continues{background:#BEF6BD;color:#2A9827;border: 1px solid #2A9827;}
investment rejected{display:flex !important;margin-top:5px;}
buyshares info{color:grey;margin:15px 0;font-size:20px;text-align:center;}
buyshares info cap{font-weight:bold;}
buyshares button{background:#2A9827;color:#BEF6BD;font-size:30px;border-radius:20px;padding:5px 10px;margin-top:10px;}
investment countdown{display:flex;font-size:20px;}
investment countdown n{font-weight:bold;margin:0 5px 0 10px;}
investment countdown t{color: grey;}
investment inv{visibility:hidden;}
investmentintents invested{font-size: 14px;display:flex !important;color:white;background:grey;text-align:center;margin:5px;padding:5px 10px;border-radius:10px;margin-top:auto;width:max-content;align-self:flex-start;}
investmentintents invested am{margin-left:10px;}
investmentintents block{border: 1px solid grey !important;}
#investment top left{display:flex;font-size:45px;}
#investment top right{font-size: 30px}
#investment sale-status{margin:0 20px;}
#investment top countdown c{margin-right:10px;}
#investment top countdown t{color:lightgrey;}
#be-prepared-steps {padding:10px;padding-left:30px;display:flex;flex-direction:column;justify-content:center;}
#be-prepared-steps row{display:flex;font-size:30px;margin:13px 0;color:black;align-items:center;}
#be-prepared-steps row.completed{opacity:1;}
#be-prepared-steps sign{width:30px;height:30px;border-radius:50%;background:white;color:black;margin-right:10px;position:relative;}
#be-prepared-steps row:not(.completed) sign:after{content:'+';position:absolute;transform:rotate(45deg);font-size:50px;top:-15px;}
#be-prepared-steps row:not(.completed) text {cursor:pointer;cursor:hand;}
#be-prepared-steps row:not(.completed) text {transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;}
#be-prepared-steps row:not(.completed) text:hover{opacity:1;}
#be-prepared-steps sign, #be-prepared-steps text{opacity:0.5;}
#be-prepared-steps .completed sign, #be-prepared-steps .completed text{opacity:1;}
#be-prepared-steps .completed sign{background:green;color:white;font-size:20px;display:flex;align-items:center;justify-content:center;}
#be-prepared-steps .completed sign:after{content:'✓';position:absolute;}
buyShares row{display:flex;align-items:center;}
buyShares row cap{color:darkgrey;font-size:20px;margin-right:10px;}
buyShares row:first-of-type cap{color:grey;}
buyShares row cntr{display:flex;}
buyShares row cntr > :first-child {font-weight:bold;margin-right:5px;}
smartcontractspecs right{ word-wrap: break-word; }
@media screen and (max-width: 640px){
    investment buttons{flex-direction:column;}
    investment button{font-size:20px !important}
    #remind-me{margin-top:5px !important;}
    investment ii cover{font-size:30px;}
    investment no-ii{font-size:20px;}
    investment status{font-size:15px;padding:3px 7px;display:inline-block !important;max-width:80%;text-align:center;}
    investment status.lone{font-size:25px;padding:5px 10px;}
    investment no-ii-tip{width:100%;}
    #investment top left{font-size:20px;}
    #investment top left > *{line-height:20px;height: 20px !important}
    investment countdown {font-size:0.8em;}
    #be-prepared-steps row{font-size:1.2em;}
    #be-prepared-steps row:not(.completed) sign:after{font-size:2.5em;}
    buyShares row cntr{flex-wrap:wrap;}
    investment .content{padding:5px;}     
}
section > top title{color:#6A6A51;}
#investment gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #ECEEB5 , #6A6A51);background: -o-linear-gradient(right, #ECEEB5, #6A6A51);
  background: -moz-linear-gradient(right, #ECEEB5, #6A6A51);background: linear-gradient(to right, #ECEEB5 , #6A6A51);
}
.pii .textarea cntr{position:relative;}
#investment top right{flex-direction:row;}