body {
    background: #f1f3f6 none repeat scroll 0 0;

    color: black;


    font-family: DM Sans,Roboto,sans-serif !important;
    font-size: 14px;
    line-height: 24px;

}

body {
    /*    font-size: 1.2rem; */
    background-color: #fff;
    
}


li{
    list-style:none;
}


.errorow{
    border:2px dashed red;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:2px;
}

.inactive span{
    margin:2px;
    padding:4px;
    background-image: url('/static/images/inactive.png');
    display:inline-block;
    font-size: 0.875rem;
}

/* freedns */

#freednserrorbanner {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color:red;
}

#freednserrorbannermessage h4{
    padding: 25px 15px;
    color:white;
    font-weight:bold;
}

.field-error{
    color:white;
    font-weight:bold;
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    background-color: red;
}

.field-error[readonly]{
    background-color: red;
}



.field-error[disabled] {
    background-color: red;
}

.field-error[readonly] {
    background-color: red;
}

.card-superduper{
    border-color:#fd7e14;
    border-width: 2px;
}

.card-user{
    padding-top: .75rem;
    padding-left: .75rem;
    margin-bottom: 0;
    background-color: #fd7e14;
    border-bottom: 1px solid #fd7e14;
    color:white;
}

.managed .col-header-mobile{
    padding-top:5px;
    padding-bottom:5px;
    color:#607d8b;
    font-weight:bold;
}



.managed .row-tablerow{
    border-color:#cfd8dc;
    border-width:0.1rem;
    border-style:solid none none none;
    padding:8px;

}

.header-body{
    border-bottom:none;
}

#upgrade-hosting {
    background-color: #28a745;
    color: white;
    font-weight:bolder;

}

#upgrade-hosting:hover {
    background-color: #218838;
}

.form-control:disabled, .form-control[readonly] {

    background-color: #f0f0f5;
    opacity: 1;

}


.row-tableheader{
    background-color:#c8ced3;
    color:#262626;
    padding:8px;

}

.col-header{
    background-color:#cfd8dc;
    color:#607d8b;
    font-weight:bold;
    margin-left:0;
    margin-right:0;
}

.col-header-mobile{
    padding-top:5px;
    padding-bottom:5px;
    color:#607d8b;
    font-weight:bold;
}



.row-tablerow{
    border-top: 1px solid #edf2f9;

}

#sidebar .i{
    margin-left:2px;
}

.ipaddr {
    color:          #000;
    width:          5%;
    height:         5%;
    font-size:      8pt;
    background:     #00ff00;
    display:        inline-block;
    border:         1px solid #0f0;
    cursor:         pointer;
}

.ipaddr:hover {
    border:         1px solid #000;
}

.allocated {
    background:     #dd9900;
    border:         1px solid #d90;
    pointer-events: none;
    cursor: default;

}

.reserved {
    background:     #ff0000;
    border:         1px solid #f00;
    pointer-events: none;
    cursor: default;
}

.horizontalmenu{
    font-weight:bolder;
}

.horizontalmenu .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: transparent transparent #00ff00;
}

.bg-success-subtle{
    background-color:#e6ffe6;
}

.hackable{
    background-color:red;
    color:white;
    border:none;
}

div div.card.text-white.blue-background {
    background-color: rgb(35, 36, 66);
}