body {
  font-family: Arial, noto sans, sans-serif;
  font-size: 1.1rem !important;
}
.container-fluid .nofloat div {
  width: 100%;
}
#maincontent h2, #maincontent h4 {
  color: #00838f;
}
#maincontent p {
  margin-right: 3px;
}
body h2, body h4 {
  color: #00838f;
}

select {
  margin-left: 4px;
  margin-right: 4px;
}

/* style for yes-no checkbox or radio questions, just to change color on click */
.da-net label {
  display: inline-block;
  line-height: 2rem;
}

.da-net .net:checked + label {
  color: #dc1200;
}
select.da-net option.da:checked {
  background-color: blueviolet;
}
.da-net .da:checked + label {
  color: #008f54;
}
.greenText {
  background-color:#008f5480;
}
.redText {
  background-color:#dc120080;
}
.noText {
  background-color:#f8f9fa;
}
/* audio controls */

.myaudio {
  display: inline-block;
  width: 50px;
  margin:0;
  border-radius: 25%;
}

/* random */
.grayl {
  background-color: #868e9650;
}
.noway {
  font-size: xx-large;
}

#table-grammar-dat1 .bgw {
  background-color: #fdf31440;
}

#hero img {
    transition: transform .2s;
    transition-property: transform;
    transition-duration: 0.2s;
    transition-delay: 0;
    margin-right: 20px;
    display: block;
    width: 60px;
    height: auto;
    }
#hero img:hover {
        transform: rotate(360deg);
}

#anna a, #anna h2, #anna h4, #yulia h2, #authors h2, #tiled_list h2 {
  color: #f8f9fa !important;
}

#anna.ru a, #anna.ru h2, #yulia.ru h2, #authors h2  {
  color: #f8f9fa !important;
}


table.tcases td,th {
  border: solid 1px #868e96;
}
.casename td {
  font-size: 0.3rem;
}

.sounds label {
  font-size: 20px;
  font-weight: bold;
}

#footer a {
    color: #f8f9fa;
}

#footer img {
  max-width: 100px;
}

#footer .socialmedia li {
    display: inline-block;
}

.audir ul {
  list-style-type: none;
}



/* other details/summary styles */
.transcr summary {list-style-type: none;}
.transcr summary::-moz-list-bullet{list-style-type:none;}
.transcr summary::marker{display:none;}

.transcr details {
  padding: 5px;
}
.transcr summary:focus {
  outline: 0;
}
.transcr summary ~ * {
  padding: 5px;
}

details.otvet.gr {
  margin-left: 1rem;
  padding: 5px;
}

.otvet summary:focus {
  outline: 0;
}

.otvet summary ~ * {
  padding: 5px 10px;
}
.sideotvet summary { 
  outline: 0;
  background-color: #00c9dc;
  opacity: 90%;
}

/* code for video inserts */

.videoWrapper {
      max-width: 50% !important;
      height: auto;
  }
.example1 {
    max-width: 600px;
    max-height: 500px;
  }
.example2 {
    max-width: 80%;
    height: auto;
  }
.phon {
    max-width: 80%;
    height: auto;
  }

 

/* 3 column layout for sections */


.features {
  margin: 0.2em;
  padding: 0.5em;
  position: relative;
}
.feature-title {
  color: primary;
  font-size: 1.2rem !important;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: center;
}
.features img {
  max-width: 90%;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
  border-radius: 2%;
  margin: 10%;
}
.mycol {
  margin-bottom: 1rem;
  text-align: left;
  font-size: 1rem;
  padding: 0.7rem;
}
.mycol p {
  margin: 0;
}
#myintro article {
  width: 100vw;
}
#ourprojects article {
  width: 100vw;
}
@media (max-width: 575.98px) {
  .mycol1 {
    margin-left: 0;
    margin-right: 2px;
    padding-left: 0;
  }
}

/* vocabSlide  carousel 3 to 1*/

@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: inline-flex;
}

/* display 3 */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33.333%);
  }
  
  .carousel-inner .carousel-item-left.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.333%);
  }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
transform: translateX(0);
}

.carousel .card-body {
  background-color: rgb(230, 230, 230);
}

/* styles for bootquiz */




/* table my style */
.darksm {
  color: #343a40;
  font-size: 0.9rem;
}
.kon {
  color:  #dc1200;
}
.blue {
  font-weight: 800;
  color: #00838f;
}
.bluesm {
  font-weight: normal;
  color:#00838f;
}

.red {
  color: #dc1200;
  font-weight: 800;
}
.lblue {
  color:#00c9dc;
  font-weight: 800;
}
.black {
  font-weight: bolder !important;
  color: black !important;
}
.tbadge {
  font-size: 1.1rem;
  font-weight: lighter;
}
.curs {
  font-style: italic;
  font-size: smaller;
  color: #868e96;
}
.grvid {
  font-size: 1.5rem;
  font-weight: lighter;
  font-stretch: wider;
  color: #00838f;
}
.phonvid {
  font-size: 1.3rem;
  font-weight: lighter;
  color: #00838f;
}
.table td {
  vertical-align: middle;
}
.table-bordered td {
  background-color:  #ffffff;
  border-color: #00838f;
  color: #343a40;
  font-size: 1.4rem;
}
.table-bordered th {
  padding: 0;
  margin: 0;
  border-color: #00838f;
  font-weight: lighter;
  font-size: 1.4rem;
}
.table-bordered th.thb {
  border-bottom: #00838f;
}

.table-bordered img.table-img {
  max-width: 120px;
}

#gencpln1 td.l {
  font-size: 1.8rem;
  font-weight: lighter;
  font-stretch: wider;
}
#gencpln1 span.dop {
  font-size: 1rem;
}
#table-nationality td.bg-info {
  text-align: left !important;
}

@media (max-width: 575.98px) { 
  .table-bordered div {
    margin: 5px;
    padding: 5px;
  }
  .table-bordered th, .table-bordered td {
    font-size: 1.2rem;
  }
  #olga-table-numerals img.image-fluid {
    max-width: 10% !important;
  }

  #olga-table-numerals td.im, #olga-table-numerals td.zvuk {
    max-width: 15% !important;
  }

  #table-grammar-ppr td {
    font-weight: 700;
    color: #00838f !important;
  }

  #table-grammar-days td {
    font-weight: 500;
    color: #343a40 !important;
  }

  .container-fluid {
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    font-family: Arial, noto sans, sans-serif;
  }
  form {
    margin: 0;
    padding: 0;
    font-family: Arial, noto sans, sans-serif;
  }
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  body {
    font-family: Arial, noto sans, sans-serif;
    font-size: 0.9rem;
  }
}
/*buttons
.btn {
  font-size: 1rem;
}
*/

#bas6vocab div {
  position: relative;
  margin: auto;
}
#moscow_by_alphabet  {
  font-size: 1.5rem;
}

.text-large {
  font-size: 200%;
}