/*@font-face {*/
/*    font-family: 'Nunito';*/
/*    src: url('/fonts/NunitoSans/NunitoSans-Regular.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Nunito';*/
/*    src: url('/fonts/NunitoSans/NunitoSans-Bold.ttf') format('truetype');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*}*/


/*body {*/
/*    font-family: 'Nunito', sans-serif !important;*/
/*}*/


.b {
    font-weight: bold;
}

.no-effect {
    text-decoration: none;
}

.inp-text {
    font-size: 1.2em;
}

.my-input:active, .my-input:hover, .my-input:focus {
    outline: 0;
    outline-offset: 0;
}

.my-input {
    padding-bottom: 0.3em;
    background-color: transparent;
}

.clo{
    color: rgba(111, 39, 51, 0.33);
    font-weight: 200;
    font-size: 0.9em;
}

.cloRead {
    color: white;
    font-size: 0.8em;
}

.cloRead:hover {
    color: #0d6efd;
}

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

.false {
    color: red;
}

.true {
    color: blue;
}

footer {
    background-color: #e3e3e3;
}

#app {
    min-height: 68vh;
}

.main-button {
    border: 2px solid black;
    /*display: inline;*/
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-left: 3.5em;
    padding-right: 3.5em;

    width: max-content;
    margin-left: auto;
    margin-right: auto;

    margin-top: 10%;
    margin-bottom: 10%;

}


.main-button h1 {
    font-size: 5rem;
}

.main-button h3 {
    font-size: 1.75rem
}

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

.countRead {
    position: absolute;
    top: 0.4em;
    right: 0;
    float: right;
    font-size: 0.8em;
    color: rgba(228,0,0,0.51);
}

.readInfo {
    float: right;
    position: relative;
}

.floatRight {
    float: right;
}

.myStatBlock1:last-child {
    margin-top: 1.5em;
}

.lastButton {
    margin-left: 2em;
}

.nowadays {
    background-color: rgba(255, 255, 0, 0.24);

}

.newString {
    padding: 0.6em 0;
    border-bottom: 1px solid #a4a4a4;
}

.wordString {
    padding: 0.4em 0 0.2em 0;
    border-bottom: 1px solid #bebebe;
}

.nowadaysPhrase {
    background-color: rgba(255, 255, 0, 0.12) !important;
}

.help {
    font-size: 1rem;
}

.a-help {
    margin-top: 0.7em;
}

.help .image {
    max-width: 100%;
}

.img {
    margin: 1em 0;
}

.help p {
    font-weight: bold;
    margin-top: 3.5em;
}


.myImage {
    max-width: 100%;
}

.isTitle {
    font-weight: bold;
}

.noExercises {
    color: #bcbcbc;
}

.word-style {
    font-weight: bold;
}

.isFavorite {
    text-decoration: underline;
}

.hiddenRow {
    display: none;
}

.sectionBlock {
    padding-top: 0.5rem;
}

.phrasesYes {
    color: #b509ff;
}

.phrasesNull{
    color: rgba(62, 81, 255, 0.57);
}

.gray {
    color : darkgray;
}

.currentSection {
    font-weight: bolder;
    background-color: #b6effb;

}

.disabledLink {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.underline {
    color: red;
    /*padding-left: 1em;*/
}


.b-red {
    color: red;
    font-weight: bold;
}

.class-created {
    color: blue;
    font-weight: bold;
}

.class-doing {
    color: limegreen;
    font-weight: bold;
}

.class-complete {
    color: #47d1ff;
    font-weight: bold;
}


.b-orange {
    color: orange;
    font-weight: bold;
}

.autoLink {
    color: darkgrey;
}


.searchBlock {
    padding:0.5em 0;
}

.base {
    padding:0.5em 1em;
}


.form-check-input:checked {
    /*background-color: #0d6efd;*/
    background-color: #0d6efd;
    /*border-color: #0d6efd; */
    border-color: transparent;
}

.box-shadow,
.box-middle,
.box-easy {
    box-shadow: 0 0 0 0.01rem #999;
}

.box-shadow:hover,
.box-middle:hover,
.box-easy:hover {
    border-width: 0;
}

input[type="radio"] {
    height: 1.2rem;
    width: 1.2rem;
    margin-right: 0.5rem;
}

.box-shadow:checked {
    box-shadow: 0 0 0 1px red;
    background-color: red;
    border-width: 0.01rem;
}

.box-middle:checked {
    box-shadow: 0 0 0 1px blue;
    background-color: blue;
    border-width: 0.01rem;
}

.box-easy:checked {
    box-shadow: 0 0 0 1px green;
    background-color: green;
    border-width: 0.01rem;
}

.word-link {
    text-decoration: none;
    font-weight: bolder;
}

.word-not {
    text-decoration: none;
    color: gray !important;
}

.word-link:hover {
    text-decoration: underline;
    font-weight: bolder;
}

.currentControl {
    background-color: #bcbebf;
}

.align-right {
    text-align: right;
}

.date-time {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 0.8em;
    /*font-weight: bolder;*/
}

.nowadaysWord  {
    background-color: rgba(255, 255, 0, 0.24);
}


.custom-navbar {
    background-color: rgba(255, 255, 255, 0.25); /* Прозрачность для больших экранов */
}


.hidden-large {
    display: none;
}