storj/web/marketing/css/style.css

/*Copyright (C) 2019 Storj Labs, Inc.*/
/*See LICENSE for copying information.*/

html{
    height:100vh;
    width:100vw;
}

body{
    height:100%;
    width:100%;
    background-color:#E5E5E5;
}

.home-link:hover,
.home-link p:hover{
    text-decoration: none;
}

.btn{
    height:48px;
}

hr{
    margin-top:-5px;
    margin-left: -15px;
    margin-bottom: 0px;
    width: 1102px;
}

.offers-table{
    width : 1106px;
    margin-left: -15px;
    background: #FFFFFF;
    border: 1.5px solid #DFDFDF;
    border-radius: 6px;
    overflow-x: auto;
    overflow-y: hidden;
}

.offer-heading{
    font-weight: 500;
    font-size: 11px;
    line-height: 49px;
    letter-spacing: -0.100741px;
    margin-top:-5px;
    width: 120%;
    color: #656565;
    background: #F2F3F5;
    border: 1px solid #DADDE5;
    height:42px;
}

.offer-heading p{
    margin-top:-5px;
}

.offer-heading, 
.data-row, 
.col-heading {
    font-family: 'Roboto';
    font-style: normal;
    white-space: nowrap;
}

.data-row,
.data-row .col a{
    font-weight: normal;
    font-size: 14px;
    line-height: 49px;
    letter-spacing: -0.100741px;
    color: #656565;
}

.data-row:hover{
    background-color: #F9FAFB;
}

.col-heading{
    font-weight: 500;
    font-size: 14px;
    line-height: 49px;
    align-items: center;
    letter-spacing: -0.100741px;
    color: #96989E;
}

.referral-admin,h3{
    font-family: 'Poppins';
    font-style: normal;
}

.referral-admin{
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #96989E;
    margin-top:30px;
}

h3{
    font-weight: bold;
    font-size: 24px;
    line-height: 49px;
    letter-spacing: -0.100741px;
    color: #494949;
}

.banner{
    height: 80px;
    overflow: hidden;
}

.banner-txt, 
.offer-label{
    font-family: 'Inter';
}
.banner-txt{
    font-size: 18px;
    color:white;
}

.offer-label{
    font-size: 11px;
    line-height: 49px;
    letter-spacing: -0.100741px;
    color: #656565;
}

.toggler{
    margin-top: -15px;
}

.toggler:hover{
    cursor:pointer;
}

#free-offers-modal-lbl, 
#ref-offers-modal-lbl{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 49px;
    letter-spacing: -0.100741px;
    color: #494949;
}

label,
input{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
}

label{
    font-size: 15px;
    line-height: 19px;
    color: #848484;
}

input{
    font-size: 16px;
    line-height: 131.56%;
    letter-spacing: 0.01em;
    text-indent: 15px;
    color: #D0D0D0;
}

.offer-type{
    margin-left:35px;
    text-transform: uppercase;
    white-space: nowrap;
}

.edit-offer{
    color:white;
}

.edit-offer:hover{
    text-decoration: underline;
    color: #656565;
}

.stop-offer{
    cursor:pointer;
}

.modal-btn{
    margin-right:-30px;
}

.header-row .col-heading{
    margin-left:-110px;
}