/* omomi */

@media (min-width: 700px) {
      .accordion {
      width: 160px;
      max-width: 600px;
      margin: 0px auto;
      border: 0px solid #ddd;
  background: #a9815e url(pic/user1.png) right no-repeat;
    background-size: 35px  35px;
     font-size: 14px !important;
       padding-left: 10px !important;
 padding-right:  40px !important;
         border-top-right-radius: 20px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
 border-bottom-left-radius: 20px ;
    }
}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
      .accordion {
      width: 70px;
      max-width: 600px;
      margin: 0px auto;
      border: 0px solid #ddd;
  background: #A9815E url(pic/user1.png) right no-repeat;
    background-size: 35px  35px;
     font-size: 14px !important;
       padding-left: 10px !important;
 padding-right:  40px !important;
         border-top-right-radius: 20px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
 border-bottom-left-radius: 20px ;
    }
}
    /* onvan */
    .accordion-header {
      color: white;
      height: 40px  ;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      user-select: none;
    }

    .accordion-header:hover {
      background:  transparent;
    }


    @media (min-width: 700px) {

        .accordion-header .title {
      font-size: 14px;
      font-weight: 600;        color: #fff;
    }
}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {

        .accordion-header .title {
    display: none;
    }
}
    .accordion-header .chevron {
      transition: transform 0.25s ease;
      font-size: 12px   ;        color: #fff;
    }

    /* 1111 */
    .accordion-content {
       float:  left;
      max-height: 0;
      overflow:  hidden;
      background:  transparent;
      color: #333;
      transition: max-height 0.25s ease;
      border: 0px solid #eee;
      width: 300px;
      border-radius: 6px;
      margin-top: 10px   !important;
    }

    .accordion-content-inner {
      padding: 16px 0 20px;
      line-height: 1.6;
    }

    /* zir majmoe */
    .box {
      background: #fff;
      border: 1px solid  #8F8F8F;
      border-radius: 6px;
      margin-top: -15px !important;
      padding: 10px  !important;
    }

    /* kerkere baz */
    .open .accordion-content {
     max-height: 500px;

    }

    .open .chevron {
      transform: rotate(180deg);
    }


/*
  =============================
*/

.onvantopm{
  height: 30px;
 border-bottom: 2px solid #eee
}

.onvanrastm1{
 float: right;
 width: 20%;
     font-size: 16px;
      font-weight: 600;
}

.onvanchapm2{
  text-align: left;
 float: left;
 width: 70%;
     font-size: 14px;
      font-weight: 400;
}

.onvanrastm3{
 float: right;
 width: 100%;
     font-size: 16px;
      font-weight: 600;
}

.kadreform{
  margin-top: 10px  !important;
}

.kadr1{

}


.formconuserlogin{
 padding: 8px !important;
   border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border: 1px solid #C8C8C8;
width: 100%;
}

.submitloginok{
 background: #0000ff  !important;
 color: #fff  !important;
 width: 100%  !important;

}

.submitloginok:hover {
background:  #A9815E !important;  
}


.lostpass{
 margin-top: 20px   !important;
}

.lostpass a{
 color: #9A9A9A;
}





.linklogins a{
  float:  right;
  width: 100%;
 margin-top: 8px  !important;
    font-weight: 400;
    padding: 5px   !important;
             border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px ;
}
.linklogins a:hover{
 background: #eee
}
.linklogins img{
  width: 20px;
  height: 20px;
}