/*basic*/
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10vh; /*высота футера будет зависеть от высоты экрана*/
}
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 10vh;
}
.text-template{
    Word-break:break-all
}
.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
  color: inherit;
  text-decoration: inherit;
}

#flash-messages {
    width: 1000px;
}
/*--- margin and padding ---*/
.margin-center{
   display: flex;
    justify-content: center;
}
.md-margin-top {
  margin-top: 40px;
}

.sm-margin-top {
    margin-top: 20px;
}
.md-margin-button {
    margin-bottom: 40px;
}
.sm-margin-right{
    margin-right: 5px;
}
/*------------------sort field-------------------------------*/
.sort:after {
  content: '\f0dc';
  font-family:"Font Awesome 5 Free";
  margin-left: 6px;
  color: #BBB;
}

.asc:after {
  content: '\f0dd';
  font-family: "Font Awesome 5 Free";
  margin-left: 6px;
  color: #444;
}

.desc:after {
  content: '\f0de';
  font-family: "Font Awesome 5 Free";
  margin-left: 6px;
  color: #444;
}

/*---------------------- rating style ------------*/
.rating{
    display: flex;
}

.rating-star:hover {
    cursor: pointer;
}

.reset-btn {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;

    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
}