body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.float-left {
    float: left;
}

.search-field {
    min-width: 100%;
}

.content-fit {
    width: min-content;
}

.img-header {
    margin-top: 10px;
    height: 100px;
}

.container-top {
    margin-top: 30px;
}

.navbar-large {
    height: 100px;
}

.panel-md-1 {
    width: 49%;
    /*min-width: 360px;*/
}

.margin-right-20 {
    margin-right: 1.7%;
}

.btn-action {
    width: 28%;
}

.star-rating {
    color: #cebd00;
}

.margin-btm-20 {
    margin-bottom: 20px;
}

.btn-small {
    padding:3px 6px;
    margin:1px;
}

.rowEven:nth-child(even) {
    background-color: #f2f2f2;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}




/*rating */

.starrating > input {
    display: none;
}
/* Remove radio buttons */

.starrating > label:before {
    content: "\f005"; /* Star */
    margin: 2px;
    font-size: 2em;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
}

.starrating > label {
    color: #222222; /* Start color when not clicked */
}

.starrating > input:checked ~ label {
    color: #ffca08;
}
/* Set yellow color when star checked */

.starrating > input:hover ~ label {
    color: #ffca08;
}
/* Set yellow color when star hover */