.btn{
    border-radius: 1px;
    letter-spacing: 0.05rem;
    font-weight: 700;
    transition: background 0.2s;
}
.btn-ghost{
    background: none;
    border: 2px solid;
}

.btn-ghost.primary{
    border-color: #03b4b4;
    color: #03b4b4;
    opacity: 0.8;
}

.btn-ghost.primary:hover{
    opacity: 1;
}

.btn-dark,
.btn-dark:focus,
.btn-dark:visited{
    background: #3B4747;
    color: #ffffff;
}
.btn-dark:hover{
    background-color: #3C8080;
    color: #ffffff;
}
.btn-primary,
.btn-primary:focus,
.btn-primary.focus{
    background: #03b4b4;
    border-color: #009494;
    box-shadow: none;
}
.btn-primary.disabled:hover,
.btn-primary:focus:hover,
.btn-primary:hover{
    background-color: #009494;
}

.btn-loading{
    padding-left: 35px;
    position: relative;
}

.btn-loading:before{
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    top: 8px;
    left: 9px;
    background: url( '../img/icons/rolling-white.svg' ) no-repeat center;
    background-size: contain;
}

/*=== Panel ===*/
.panel{
    border-color: transparent;
}

.panel,
.panel-group .panel{
    border-radius: 1px;
}

.panel-heading{
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}
.panel-group .panel-heading{
    padding: 0;
}
.panel-title a{
    display: block;
    padding: 8px 10px;
}


.panel-primary>.panel-heading {
    color: #fff;
    background-color: #03b4b4;
    border-color: #009494;
}

.panel-primary>.panel-heading a.collapsed{
    opacity: 0.8;
}

.panel-primary>.panel-heading a:hover{
    color: #ffffff;
    opacity: 1;
}

/*=== Table ===*/
.table{
    margin-top: 30px;
    margin-bottom: 30px;
}
.table.dark>thead>tr>th{
    background: #d5d5d5;
    color: #1a1a1a;
}

.table.dark>tbody>tr>td{
    background: #f1f1f1;
}

/*=== Pagination ===*/
.pagination>li>a, .pagination>li>span{
    color: #1a1a1a;
    font-weight: 600;
    border: none;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    color: #03b4b4;
    background: none;
}

.pagination>li:not(:first-child):not(:last-child):not(:nth-child(2))>a{
    border-left: 1px solid #e1e1e1;
}

/*=== Form ===*/
.form-control{
    background: #f1f1f1;
    border: none;
    box-shadow: none;
}

.form-control:focus{
    box-shadow: none;
}

.input-group .input-group-addon{
    background: #f1f1f1;
    border: none;
}

textarea{
    max-width: 100%;
    min-height: 200px;
}

.has-error .form-control,
.has-error .input-group-addon{
    background: #F5CED4;
}

.has-error .help-block{
    color: #DE3551;
}

.has-error .form-control:focus{
    box-shadow: none;
}

.help-block{
    font-size: 14px;
}