@font-face {
    font-family: "RRegular";
    src: url("/fonts/Roboto-Regular.woff") format("woff");
}

@font-face {
    font-family: "Rlight";
    src: url("/fonts/Roboto-Light.woff") format("woff");
}

@font-face {
    font-family: "RBold";
    src: url("/fonts/Roboto-Bold.woff") format("woff");
}




body {
    font-family: "RRegular";
    font-size: 1rem;
}

.card, .form-control  {
    border-radius: 0 !important;
}


.form-control {
    font-size: 1rem;
    padding: 0.5em;
}

.btn {
    padding: 0.6em 0.9em;
    border-radius: 0;
    font-size: 1rem;
    /*font-family: "Montserrat-regular";*/
}

.container {
    max-width: 90%;
}

h1 {
    font-family: "RRegular";
}

.btn-danger {
    background-color: #FF541B;
    border-color: #FF541B;
}


.btn-danger:hover {
    background-color: #e34c1c;
    border-color: #e34c1c;
}


.btn-success {
    background-color: #00B08B;
    border-color: #00B08B;
}


.btn-success:hover {
    background-color: #009673;
    border-color: #009673;
}


.btn-warning {
    background-color: #BDB76B;
    border-color: #BDB76B;
    color: white;
    /*font-weight: bold;*/
}


.btn-warning:hover {
    background-color: #aca662;
    border-color: #d3cd7e;
    color: white;
}


.btn-warning:active {
    background-color: #aca662 !important;
    border-color: #d3cd7e;
    color: white !important;
}

.btn-primary {
    background-color: #318CE7;
    border-color: #318CE7;
}


.btn-primary:hover {
    background-color: rgba(56, 149, 255, 0.85);
    border-color: rgba(56, 149, 255, 0.85);
}


.btn-gold {
    background-color: #FFD700;
    border-color: #FFD700;
}


.btn-gold:hover {
    background-color: #f0c800;
    border-color: #f0c800;
}


.btn-my-blue {
    background-color: #778899;
    color: white;
}


.btn-my-blue:hover {
    background-color: #94a7b9;
    color: white;
}

.btn-my-blue:active {
    background-color: #8193a5 !important;
    color: white !important;
}

.btn-genres {
    background-color: #0000a7 !important;
    color: white;

}

.btn-genres:hover {
    background-color: #00008e;
    color: white;

}


.btn-genres:active {
    background-color: darkblue !important; /* Цвет фона при нажатии */
    transform: scale(0.95); /* Легкое уменьшение кнопки для эффекта нажатия */

}


.modal-content {
    border-radius: 0;
}

.form-select {
    font-size: 1rem;
    padding: 0.5em;
    border-radius: 0;
}

.myLink {
    text-decoration: none;
    color: inherit;
}

.hiddenBlock {
    display: none;
}

.b {
    font-family: "RBold";
}

.l {
    font-family: "Rlight";
}

.narrow {
    padding: 0.1em 0.6em !important;
    font-family: "Rlight";
}