/* see also editor.css для создания классов on fly for post creation
signup/login */
.form-help-txt{
    font-size: 0.7rem;
    color: rgb(108, 104, 104);
}
/* bookmarks */
.custom-card{
    width: 16rem;
    font-size:0.7rem;
}
/* small screens */
@media screen and (max-width: 600px){
    .custom-card {
        width: 10rem;
        font-size:0.5rem;
    }
    #post_list{
        justify-content: center;
        flex-wrap: nowrap;
    }

}
/* (float) images */
.image-style{
  position: relative;
}
.image-align-right{
  float:right;
  margin: 10px;
}

/* pt_scripts */
.img80{
  width:80%;
}
.img-300{
  width:350px;
}

/* carousel images */
.img-wh450{
  width:400px;
  height: 250px;
  overflow: hidden;
}
.image-resize250{
  width: 260px;
}

.to-underline{
  text-decoration: underline;
}
/* custom colors for scripts*/
.epid{
    background-color: #c19f7dad;
    /* #BB9166; */
  }
  .time-course{
    background-color: #eebfa0c7;
    /* #EEBFA0; */
  }
  .syndrome{
    background-color: #dda7a299;
  }
  .pmh{
    background-color: #dc474796;
     /* #C41D1D; */
  }
  .epid, .time-course, .syndrome, .pmh{
    padding:3px 5px 0px 5px;
    border:1px solid transparent;
    border-radius: 7px;
  }

/* small */
@media screen and (max-width: 600px){
  .img-svg{
      width:80%;
  }
  .custom-flex-small{
        flex-direction: column;
  }
  .sm-font{
    font-size: 0.5rem;
  }
  .tools-one p,div{
    font-size: 14px;
    line-height: 1.2rem;
    font-weight: 400;
}
}
/* large screens */
@media screen and (min-width: 600px){
    .custom-w-40{
        width:40%;
    }
    .custom-w-60{
        width:60%;
    }
}


@media only screen and (min-width: 720px) {
    .search-txt {        
        width:600px;
        
    }
}

/* 
glp
*/
.target {
  font-size: 0.6rem;
  letter-spacing: 1px;
  font-weight: 700;
}
.gen-left {
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
}
.gen-right {
  border-top-right-radius: 10%;
  border-bottom-right-radius: 10%;
}
.gen-0 {
  background-color: #352807;
}
.gen-1 {
  background-color: #f3db9c;
}
.gen-2 {
  background-color: #523f73cf;
  text-align: center;
}
.gen-3 {
  background-color: #b4aba7;
}
.gen-4 {
  background-color: #912222;
}
.gen-5 {
  background-color: #769478
}
.gen-6 {
  background-color: #415542;
}
.gen-0-1 {
  background-color: #352807;
}
.gen-1-1 {
  background-color: #f7ebcb;
}
.gen-2-1 {
  background-color: #72658acf;
  text-align: center;
}
.gen-3-1 {
  background-color: #b4aba7;
}
.gen-4-1 {
  background-color: #91222296;
}
.gen-6-1 {
  background-color: #769478;
}
.gli {
  background-color: #a5aee0;
}
.mpf {
  background-color: #e5b3a2;
}
.oxy {
  background-color: #a7bcba;
}
.family {
  background-color: #b2c1b3;
}
.glp1 {
  background-color: #769478;
}
.glp2 {
  background-color: #91222296;
}
.oxymod {
  background-color: #a7bcba;
}
.glicentin {
  background-color: #a5aee0;
}
@media screen and (max-width: 600px) {
  .gen-1,
  .gen-2,
  .gen-3,
  .gen-4,
  .gen-5,
  .gen-6,
  .gen-1-1,
  .gen-2-1,
  .gen-3-1,
  .gen-4-1,
  .gen-6-1,
  .gli,
  .mpf,
  .oxy {
    display: flex;
    font-size: xx-small;
    justify-items: center;
    align-items: center;
  }
}