* { box-sizing: border-box; }

body{background-color:#f1f5f8; font-family: 'Work Sans', sans-serif;}
a{text-decoration:none; font-family: 'Work Sans', sans-serif; color:#444;}
a.underline {text-decoration: underline;}

button, input, .btn /* chrome user-agent */
{
    -webkit-writing-mode: horizontal-tb !important;
    -webkit-appearance: button;
    -webkit-rtl-ordering: logical;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    align-items:flex-start;
    user-select:none;
    vertical-align:baseline;
    white-space:pre;
}

button, .btn, a.btn{
    font-size: 16px !important;
    font-weight: 600;
    padding: 10px 15px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    cursor: pointer;
}

input, button, .btn, a.btn{height:40px;}

main, footer {padding:5% 20%;}

.br {margin-bottom:10px;}
/*.center{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);}*/
.center{width:100%; text-align:center;}
.centertext{text-align:center;}
.fullwidth{width:100%;}
.whitebackground{color: #444; background-color: #FFF;}
.lightbackground{color: #444; background-color: #f1f5f8;}
.darkbackground{color:white; background-color: #4a738f;}

.inputicon {
    padding: 9.5px 15px;
    border: solid #b9b9b9;
    border-width: 1px 0 1px 1px;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#title{font-size: 200%;}
#title #your, #title #your a{color:#9FC1D6;}
#title #domain, #title #domain a{color:#769DB8;}
#title #portfolio, #title #portfolio a{color:#4a738f;}
#title #domain-selle, #title #domain-seller a{color:#838383;}

#header{box-sizing: border-box; width:100%; padding:25px; background-color:#FFFFFF; border-bottom:1px solid #B9B9B9;}
#header .column{float: left; width: 33.33%;}
#header #logo{text-align:left;}
#header #search{text-align:center;}
#header #login{text-align:right;}
#header:after {content: ""; display: table; clear: both;}

#header #search-btn{
    font-size: 16px !important;
    font-weight: 600;
    padding: 6px 15px;
    -webkit-appearance: button;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    cursor: pointer;
}

#header #search-domain{
    font-size: 16px !important;
    font-weight: 600;
    padding: 6px 15px;
    border: solid #b9b9b9;
    border-width: 1px 0px;
}

#header #login-btn{
    font-size: 16px !important;
    color: #444;
    font-weight: 600;
    padding: 6px 15px;
    background-color: #FFF;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    cursor: pointer;
}

/* https://www.freecodecamp.org/news/how-to-keep-your-footer-where-it-belongs-59c6aa05c59c/ */
#page-container {
    position: relative;
    min-height: 100vh;
}

#content-wrap {
    padding-bottom: 10rem;    /* Footer height */
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10rem;            /* Footer height */
    background-color:#223441;
    background-color:#4a738f;
}

.form-table{}
.form-table-header {
    background-color:#dbe5ec; border: 1px solid #B9B9B9; border-radius: 4px;
    color: #444;
    padding: 6px 15px;
    font-size: 16px;
    font-weight: 600;
    /*text-align: left;*/
    position: relative;
    top: 6px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-table-body {
    background-color:#FFFFFF; border: 1px solid #B9B9B9; border-radius: 4px;
    font-size: 16px !important;
    color: #444;
    padding: 6px 15px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    position: relative;
    top: 6px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

/*#domain-for-sale h1 {font-size:300%; color:#4a738f; font-weight:900;}*/
/*#domain-for-sale #domain-details{float: left; width: calc(100% - 320px);}*/
/*#domain-for-sale #domain-price{float: left; width: 320px;}*/

/*#domain-for-sale #domain-price #offer-amount{*/
/*    font-size: 16px !important;*/
/*    font-weight: 600;*/
/*    width: calc(100% - 42px);*/
/*    padding: 6px 15px;*/
/*    border: solid #b9b9b9;*/
/*    border-width: 1px 1px 1px 0;*/
/*    border-radius: 4px;*/
/*    border-bottom-left-radius: 0;*/
/*    border-top-left-radius: 0;*/
/*}*/


h1 {font-size:300%; color:#4a738f; font-weight:900;}
#domain-details{float: left; width: calc(100% - 320px);}
#domain-price{float: left; width: 320px;}

#domain-price #offer-amount{
    font-size: 16px !important;
    font-weight: 600;
    width: calc(100% - 42px);
    padding: 6px 15px;
    border: solid #b9b9b9;
    border-width: 1px 1px 1px 0;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}