@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/subset-SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/subset-SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/subset-SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/subset-SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/subset-SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/subset-SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/subset-SourceSansPro-Italic.woff2') format('woff2'),
        url('../fonts/subset-SourceSansPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


body{
    background-color: #fff; /*f2f2f2*/
    font-size:16px;
    /*padding-right: 0 !important; /* prevent bootstrap modal glitch */
}
@media (min-width: 1400px){
    body{
        font-size:18px;
    }
}
.navbar {
    min-height: 20px;
}
.pager {
    margin: 10px 0px;
}
.main{
    padding-bottom: 150px;
}
.pager .next button {
    float: right;
}
.pager .previous button {
    float: left;
}
.pager li button  {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
button.list-group-item{
    font-size:16px;
}
.hiddenm{
    display: none;
}
.show{
    display: block;
}
.text-gray{
    color:gray;
}
.red{
    color:red;
}
.blue {
    color: dodgerblue;
}
.panel{
    margin-top:40px;
}
.sellcategory h4{
    padding:10px;
}
.sellcategory div{
    padding-top:0px;
    padding-bottom:0px;
}
.sellcategory{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
form{
    margin-top: 0px;
}
.table {
    margin-bottom: 0px;
}
.table>tbody>tr>td {

    border-top: 0px solid #ddd;
}
.is-valid{
    color:#5cb85c;
    border-color: green;

}
.is-valid input,.is-valid select, .is-valid textarea{
    border: 1px solid green;
}
.form-control .is-valid{
    border: 1px solid green;
}

.form-control[type=checkbox] {
    width: calc(2.25rem + 2px);
    margin-right: auto;
    margin-left: auto;
}

.is-invalid{
    color:red;
    border-color: red;

}
.is-invalid input, .is-invalid select, .is-invalid textarea{
    border: 1px solid red;
}
#button_next_back_modal_div{
    display:none;
}
.text-muted {
    color: #dedede;
}
.text-warning {
    color: #f8ad01;
}
.navbar-fixed-bottom {padding-top:6px; border-top:1px solid #ccc; background: #fff;}
.navbar-fixed-bottom > .container {display: block !important;}
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}
#bottom-pager {position: absolute; top:10px;}
.error {border:2px solid red}
.know-as {cursor: pointer; z-index: 9;}

.bootstrap-dialog-footer {
    width: 100%;
}

.bootstrap-dialog-footer-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
input.parsley-error:focus, textarea.parsley-error:focus, select.parsley-error:focus {
    background: #FAEDEC;
    border: 1px solid #E85445;
}