body {
    background: #f3f3f3;
}

.clearfix{clear: both;}

.bg-inverse {
    background-color: #0278a5 !important;
    /*background-color: #863203 !important;*/
}

a {
    color: #0278a5; 
} 

.btn-primary {
    background-color: #0278a5;
    border-color: #0278a5;
}

.navbar-brand img{
    height: 40px
}

.btn-outline-secondary:hover, .show>.btn-outline-secondary.dropdown-toggle {
    background-color: #662a73;
    border-color: #ccc;
}

.main {
    margin-top: 20px;
    margin-bottom: 60px;
}

.no-margin{margin: 0 !important}
.no-padding{padding: 0 !important}
.no-list-style{list-style-type: none}

.spacer.spacer-lg{margin-top: 40px}
.spacer.spacer-md{margin-top: 20px}
.spacer.spacer-sm{margin-top: 10px}
.spacer.spacer-xs{margin-top: 5px}

.errorlist {
    padding-left: 0;
    color: red; 
    margin: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.errorlist li{
    padding-bottom: 0;
    font-size: 14px;
}  

.nice-table tr td:first-child {
    color: #888;
    font-size: 13px;
    padding-left: 0;
}
.nice-table td {
    vertical-align: top;
    padding: 1px 5px;
    border-bottom: none;
}
 

label {
    /*margin-top: 10px;*/
    margin-bottom: 0;
}

.form-control {
    /*margin-bottom: 10px;*/
}

p.help-text {
    margin-bottom: 0;
    font-size: 13px;
    color: #777;
    font-style: italic;
}

.main>.row{
    /*margin-right: -7px;*/
    /*margin-left: -7px;*/
}
.main>.row>.col-md-2, .main>.row>.col-md-10{
    /*padding-right: 7px;*/
    /*padding-left: 7px;*/
}

.list-group-item.active a {
    color: #fff;
    font-weight: bold;
}

.list-group-item.active p {
    color: #666;
    font-size: 14px;
}

.list-group-item p {
    font-size: 14px;
}

.card-shadowy{
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
    border: none;
}

.card.services{
    border-radius: 0;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
    border: none;
}

.card.services .card-block{
    padding: 0.5em 1em;
}

.card.services .list-group-item p{
    margin-bottom: 0;
    font-weight: normal;
}

.card.services .list-group-item {
    padding: 0.5em 1em;
    font-size: 15px;
    font-weight: 600;
}

.card.services .list-group-item:after {
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 10px;
    top: 35%;
}

.card.services>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.card.services .list-group-item.active, 
.card.services .list-group-item.active:focus, 
.card.services .list-group-item.active:hover {
    color: #333;
    background-color: rgba(130, 53, 147, 0.13);
    border-color: rgba(130, 53, 147, 0.19);
}

.card.services .list-group-item.active a {
    color: #823593;
}

.card.services .list-group a, 
.card.services .list-group a:hover,
.card.services .list-group a:focus {
    color: #823593;
    text-decoration: none;
}

.card.services .card-block.header{
    /*background: #823593;
    color: #fff;*/
    border-bottom: 1px solid #ccc;
    border-top: 4px solid #847f7f;
}

.card.services .card-block.header h4{
    margin-bottom: 0;
}

.card.services .card-block.header p{
    font-size: 13px
}

.card.services .table td, .card.services .table th {
    padding: .25rem 1rem;
    font-size: 14px;
}

.card.services .thead-inverse th {
    color: #000;
    font-weight: 600;

    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
}

.page-item.disabled .page-link {
    color: #bbb;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #eee;
    font-size: 12px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #eee;
    font-size: 12px;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #eee;
    font-size: 12px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #eee;
    font-size: 12px;
}

.filter-form table th{
    font-weight: normal;
}

.filter-form .form-control {
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 0;
    padding: 5px 10px;
}

.table input[type="number"]{
    width: 80px;
    padding: 2px 5px;
    border: 1px solid #eee
}

.table input[type="text"]{
    padding: 2px 5px;
    border: 1px solid #eee
}

.alert.alert-error{
    background: #c50404;
    color: #fff;
}


.site_loading{
    font-size: 20px;
    margin: 0;
}

.site_loading i{
    margin-right: 10px
}

.cap-title{
    font-variant: small-caps;
}

.table-detail{
    background: #fff;
}

.table-detail .label{
    color: #777;
    font-size: 90%;
}

.table-detail .value{
    font-weight: 400
}

.thead-grey{
    background: #ccc;
}

.table-white{
    background: #fff;
}

.table thead th {
    background: whitesmoke;
}

.table td, .table th {
    padding: .35rem;
}

.list-group-item {
    padding: .5rem 1.25rem;
}

.survey .list-group-item {
    padding: .3rem 1rem;
}

.list-group-item.active {
    background-color: #0278a5;
    border-color: #0278a5;
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.card {
    border-radius: 0;
}

nav.bg-inverse .nav-pills .nav-link.active {
    background: transparent !important;
    border: 1px dotted #fff;
}

/* Move to survey static folder */
ul.RadioValue{
    list-style-type: none;
}

ul.RadioValue li{
    display: inline;
    margin-right: 10px;
}


.transparent{
    visibility: hidden;
}

.popup-details .cell-container{
    border: none;
    vertical-align: top;
    padding: 0 15px 0 0;
}

.popup-details .cell-container:last-child {
    padding: 0;
}

.btn-group-xs > .btn, .btn-xs{
    padding: .45rem .4rem .45rem;
    font-size: .75rem;
    line-height: .5;
}

.btn-xss {
    padding: .25rem .4rem .25rem;
    font-size: .75rem;
    line-height: .5;
}

.shadowy-edges{
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}

.straight-edges{
    border-radius: 0 !important;
}






/* Move to frontend specific */
body{
    margin-bottom: 0 !important;
    background: #0278a536;
}

.footer{
    display: none
}

.main {
    margin-top: 0;
    margin-bottom: 0;
}

.main > .row > .col-md-2, .main > .row > .col-md-10{
    padding: 0
}

.main > .row > .col-md-2 hr{
    display: none
}

.card.dashs .card-block.header {
    border-top: 1px solid #eee !important; 
}

.col-md-2 .card.dashs{
    box-shadow: none;
    background: #c9e2eb;
    padding: 15px;
}


.col-md-2 .card.dashs .card-block.header{
    display: none
}


.card.dashs .list-group-item.active, .card.dashs .list-group-item.active:focus, .card.dashs .list-group-item.active:hover{
    border: none;
    border-bottom: 1px dotted #fff;
    background-color: transparent !important;
    padding: 7px 0 7px 2px;
}

.card.dashs .list-group-item {
    border: none !important;
    padding: 7px 0 7px 2px !important;
    border-bottom: 1px dotted #fff;
}

tfoot .pagination{
    margin-bottom: 0
}


/* TODO: Move to app css */
.result-row .image-box img {
    width: 120px;
    margin-right: 10px
}

.result-row .text-box h3{
    font-size: 1.2rem;
}

.result-row .text-box .description .label{
    font-size: 0.6rem;
    color: #555;
}
.result-row .text-box .description .value{
    margin-right: 10px;
}

.btn-warning {
    color: #ffffff;
    background-color: #FF9800;
    border-color: #FF9800;
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #FF9800;
    border-color: #FF9800;
    font-weight: bold;
}

.small-select{
    padding: 0 10px;
    height: 30px;
    font-size: 13px;"
 }

.small-text{
  font-size: 0.8rem !important;
}

.card.dashs .sidebar-nav-v1 .list-group-item a:after {
    font-family: "Font Awesome 5 Free" !important;
}

.select2-container {
    min-width: 10em
}