/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.9 !important;
    margin-bottom: 1.6em;
    max-width: 100%;
    /* overflow: hidden; */
    /* border-spacing: 2px; */
    /* overflow-wrap: break-word; */
    white-space: pre-line;
    padding: 1.6em;
}
.row{
    display: inline-block;
}
.col-lg-8 {
    /* width: 70%;
    float: right;
    padding-right: 25%;
    margin-left: 100%;*/
    display: block;
}
.col-lg-4 {
    width: 24%;
    display: block;
    float: left;
}
/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}

.tab-links li {
    margin:0px 5px;
    float:left;
    list-style:none;
}

.tab-links a {
    padding:9px 15px;
    display:inline-block;
    border-radius: 6px;
    background:rgba(0, 0, 0, .3);
    font-size:16px;
    font-weight:600;
    color:#4c4c4c;
    transition:all linear 0.15s;
}

.tab-links a:hover {
    background:rgba(0, 0, 0, .3);
    text-decoration:none;
}

li.active a, li.active a:hover {
    background:#fff;
    color:#4c4c4c;
}

/*----- Content of Tabs -----*/
.tab-content {
    padding:15px;
    border-radius:3px;
    /*box-shadow:-1px 1px 1px rgba(0,0,0,0.15);*/
    background:#fff;
}

.tab {
    display:none;
}

.tab.active {
    display:block;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c !important;
    border-color: #4cae4c;

}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

li#dulux-login-widget-9{
    list-style: none;
    padding-right: 30px;
}