/*For Developer Use*/
/*Adjusting logout button as a form*/
#afterheader .header-area .header-right nav>ul>li .headprofile .drop-area>ul>li button {
  color: #4a4a4a;
   font-size: 1.125rem;
   font-weight: 500;
   padding: 0px 28px 0px 28px;
   position: relative;
   display: flex;
   align-items: center;
   height: 65px;
   border: 0;
   transition: 0.3s;
   background: transparent;
}

#afterheader .header-area .header-right nav>ul>li .headprofile .drop-area>ul>li button figure {
   width: 28px;
   height: 28px;
   margin: 0px 15px 0px 0px;
   display: flex;
   align-items: center;
   justify-content: center;
}
/**/
/**/

.validation-message {
   text-transform: uppercase;
   padding: .75rem;
   background: rgba(53, 145, 220, 0.1);
   border-radius: 30px;
   text-align: center;
   border: solid red 1px;
}

.validation-message-error {
   text-transform: uppercase;
   padding: .75rem;
   background: rgba(220,53,69, .1);
   border-radius: 30px;
   text-align: center;
   border: solid red 1px;
}

.validation-message-success {
   text-transform: uppercase;
   padding: .75rem;
   background: rgba(50, 216, 114, 0.1);
   border-radius: 30px;
   text-align: center;
   border: solid rgb(2, 243, 43) 1px;
}

.validation-message-primary {
   text-transform: uppercase;
   padding: .75rem;
   background: rgba(53, 214, 220, 0.178);
   border-radius: 30px;
   text-align: center;
   border: solid rgb(2, 135, 243) 1px;
}

.validation-message p{
   color: red;
   font-weight: 500;
}
.l-box-inner{
      display: flex;
      flex-wrap: wrap;
      background-color: #F3F3F3;
      border-radius: 7px;
      padding: 15px;
      margin: 0px 0px 30px 0px;
      position: relative;
  }
  .delete-box {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   transition: 0.3s;
}
.delete-box:hover {
   background-color: #189dad;
}
.delete-box:hover i {
   color: #fff;
}
.learning-box-label {
   color: #4a4a4a!important;
   font-weight: 500!important;
}
.l-box-iright {
   margin: 50px 0px 0px 44px;
   max-width: 280px;
   width: 100%;
}
.l-box-ileft figure {
   width: 60px;
   height: 60px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   border-radius: 50%;
   margin: 0px 40px 0px 0px;
}
.learning-input{
   z-index: 99;
   opacity: 1!important;
}