html, body{
  overflow-x: hidden;
   font-family: 'Nunito Sans', sans-serif;
}
.oms-ul{
width:100%;height:100%;
padding-top:40px;
padding-left:20px;
}
.oms-ul-li{
background-color: transparent;
border:0px solid whitesmoke !important;
transition:0.5s ease;
}
.oms-ul-li:hover {
color:#2e97e2 !important;
}

.oms-ul a{
	color:#756969;
	text-decoration: none;
}
.oms-user-sidebar{
  position: fixed;
  width:16%;
	left:0;
	height:100vh;
}
.oms-ui-li-active{
	background-color:whitesmoke !important;
    color:#2e97e2;
    border-radius: 0px !important;
    border-left: 3px solid #2e97e2 !important;
}
.oms-card-active:hover{
	background-color:whitesmoke !important;
}
.oms_error{
	color:red;
	margin-left:5px;
}

.oms-pg-btn-disabled{
    background-color:#bdd0de !important;
    opacity: 1 !important;
}
.oms-pg-btn{
    padding:0px 10px 0px 10px;
    background:#2e97e2;
    border:unset;
    color:white;
    font-size:18px;
    font-weight:600;
}
#oms-nxtbtn-disable{
    display: none !important;
}
.oms-pg-btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
/*for buyers guide and price in nepal pagination*/
.dim-pag-btn{
background: #f3f0f0 !important;
color:#8e8989 !important;
cursor: default !important;
}
.user-lock-wrapper{
    height: 80px;
    border-radius: 50px;
    /* border: 1px solid black; */
    width: 20%;
    margin-left: 30%;
    width: 80px;
    margin-bottom: 20px;
}
.oms-dim-black{
   color:#756969 !important;
}
.primary-text-color{
    color:#2e97e2 !important;
}
.oms-login-section-wrapper{
   
    
    background-size:100% 100%;

}
.oms-login-wrapper{
    border:0px solid black;margin-top:120px;
}
.col-wrapper{
  
}
form .svgContainer {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto 1em;
  border-radius: 50%;
  background: none;
  border: solid 2.5px #3A5E77;
  overflow: hidden;
  pointer-events: none;
}
form .svgContainer div {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
}
form .svgContainer .mySVG {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.oms-login-form-wrapper{
  width: 70%;
  padding: 30px;
  margin:auto;
  background-color: white;
}
.oms-register-wrapper {
    border: 0px solid black;
    margin-top: 30px;
}
.oms-register-form-wrapper {
    width: 100%;
    padding: 30px;
    margin: auto;
    background-color: white;
}
.oms-input-form-label{
  font-size:16px;
  font-family: 'Nunito Sans', sans-serif;
}
.oms-login-card-body{
  width:85%;margin:auto;
}
.oms-login-page-content-wrapper{
  margin-top:110px;
}
.oms-login-page-content-wrapper h1{
  color:white;
   font-family: 'Nunito Sans', sans-serif;
   font-weight: 900;
   font-size:60px;
}
.oms-login-page-content-wrapper p{

}
.oms-login-page-p{
    text-align: center;
  color:#ffffff;
  font-size:20px;
   font-family: 'Nunito Sans', sans-serif;
   line-height: 0.5;
}
.oms-login-page-btn-register{
  transition: 0.5s ease;
    color: white;
    background: none;
    border: 2px solid white;
    border-radius: 50px;
    padding: 8px 40px 8px 40px;
    font-family: 'Nunito Sans', sans-serif;
}
.register-btn-wrapper{
  margin-top:60px;text-align: center
}
.first-col-wrapper{
  width:100%;height:100vh;background-size:100% 100%; 
}
.oms-login-page-btn-register:hover{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  cursor: pointer;
background:linear-gradient(90deg, rgb(157 208 220) 0%, rgb(142 142 239) 35%, rgb(93 137 234) 100%);
}
.pinned-message-section{
     height: 100vh;
    top: 60px;
    position: fixed;
    /* border-left: 15px solid whitesmoke; */
    right: 0;
    width:24.5%;
    background-color: white;
}
.notices-section-title{
padding:30px 0px 0px 20px;
}
.message-scroll-box{
  height:auto;
  overflow-x: hidden;
}
.message-box{
padding: 20px;
}
.msg-user-title-admin{
color:#923535 !important;
font-size:12px;
}
.msg-user-title-user{
color:black !important;
font-size:12px;
}
.message-box-sender-admin{
background-color: transparent;
}
.message-box-sender-user{
background-color: transparent;
}
.msg-user-title{
  font-family: 'Nunito Sans', sans-serif;
}
.msg-date{
   font-family: 'Nunito Sans', sans-serif;
   font-size:10px;
   opacity:0.7;
}
.msg{
   font-family: 'Nunito Sans', sans-serif;
   font-size:16px;
   opacity:0.9;
}
.main-class{
  padding-left:30px;
  padding-right:30px;
  padding-bottom:20px !important;
  margin-top:75px;
  margin-bottom:15px;
  background-color: white;
}
.notices-section-items{
  padding: 20px 0px 20px 0px;
}
.create-msg-btn{
  margin-bottom:10px;
  background:white;
  color:black;
  border:1px solid #cecaca;
  cursor: pointer;
}
.create-msg-btn:focus{
  outline:0px dotted !important;
}
 .para-wrapper-login-register{
width: 100%;
margin-top:30px
  }
  .load_more_msg{
        padding: 5px 20px 5px 20px;
    border:1px solid #a0a0a0;
    margin-top: 30px;
    border-radius: 50px;
    background: white;
    margin-top:30px;
    border:1px solid #e6e1e1;
    border-radius:50px;
    background-color: white;
    margin-bottom:30px;
    color:black;

  }
  .no-more-msg{
    margin-top:30px;
    margin-bottom:30px;
    color:#7f7a7a;
    font-family: 'Nunito Sans', sans-serif;
    display: block;
    font-size: 14px;
  }
    .admin_actual_msg{
    border-radius:10px;
    background-color:#dee2e2;
    color:black;

    padding: 5px 10px 5px 10px;
  }
  .user_actual_msg{
     border-radius:10px;
    background-color: purple;
    color:white;
    padding: 5px 10px 5px 10px;
  }

  .mywfh-card{
    margin-top:20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }
  .mywfh-avatar{
    align-self: center;
    height: 80px;
    width: 80px;
    background-color:#525290;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .mywfh-info-each-row-line{
    margin: 5px;
  }
  .mywfh-avatar b{
    color: white;
    font-size: 40px;
  }
  .dim-black{
    color: #827e7e;
  }
  .mywfh-card-footer{
    min-height: 60px;
    overflow: hidden;
    margin-top: 10px;
  }
  .mywfh-card-pending{
    background-color: #ffffbc;
  }
  .mywfh-shortcutfilter-btn-wrapper{
    margin-bottom: 20px;
  }
  .mywfh-shortcutfilter-btn{
    padding: 3px 7px 3px 7px;
    font-size: 14px;
    margin: 10px;
    border: 1px solid #d6cfcf;
    border-radius:10px;
    text-decoration: none;
  }
  .mywfh-shortcutfilter-btn-active{
    background-color: #bd2121;
    color: white;
    cursor: pointer;
  }
  .required-astric{
    color: red;
    font-size:18px;
  }
  .select2 .select2-container .select2-container--default .select2-container--below .select2-container--focus{
width: 300px !important;
  }
/* responsive */
@media only screen and (max-width: 600px) {
  .para-wrapper-login-register{
width: 90% !important;
  }
  .notices-section-items{
  padding: 0px 15px 0px 15px !important;
}
  .notices-section-title{
padding:30px 15px 0px 15px !important;
}
  .oms-ul {
    width: 100%;
    height: 100%;
    padding-top: 10px !important;
    padding-left: 0px !important;
}
  .main-class{
  padding-left:15px !important;
  padding-right:15px !important;
  padding-bottom:20px !important;
  margin-top:75px;
  margin-bottom:15px;
  background-color: white;
}
  .footer{
    margin-top: 15px !important;
  }
  .pinned-message-section{
    top:0px !important;
    height: auto !important;
    position: relative !important;
    width: 100% !important;
}

  .oms-user-sidebar{
  position: relative;
  width:100%;
  left:0;
  height:100vh;
}
  .oms-user-lock{
    margin-left:15px !important;
  }
  .oms-login-section-wrapper{
padding-left:20px !important;

}
  .oms-login-wrapper {
    border: 0px solid black;
    margin-top: 10px !important;
}
  .first-col-wrapper{
  width:100%;background-size:100% 100%;padding-bottom:20px !important;height:auto !important; 
}
  
  .register-btn-wrapper{
  margin-top:30px !important;text-align: center
}
  .oms-login-page-p{
    line-height: 1.2 !important;
  }
  .oms-login-page-content-wrapper{
  margin-top:50px;
}
  .oms-login-page-content-wrapper h1{
  font-size: 30px !important;
}
  .oms-login-card-body{
width:100% !important;margin:auto;background-color: white
}
  .oms-login-form-wrapper{
  width: 100%;
  box-shadow:0 .5rem 0rem rgba(0,0,0,.0)!important;
  padding: 0px !important;
}
    .oms-user-sidebar{
    margin-left:0px !important;
    height:100%;
}
    }

    .logo-image-wrapper{
      background-color: #022359; width:100px; height: 100px; border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); object-fit: contain; margin-right: 0px;
    }

    .logo-image{
      border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); object-fit: contain; margin-right: 0px;
    }

    .logo-text{
      font-size:42px; color: beige; text-align: center; margin: auto; vertical-align: middle; padding-top: 18%;
    }

    .project-title{
      color:rgb(60, 141, 188);
      font-family: Poppins, sans-serif;
      text-align: center;
      font-size: 18px;
      padding: 5px;
    }

    .logo-area{
      margin: auto;
      width: fit-content;
  
    }

    .user-image-wrapper{
      background-color: #022359; width:40px; height: 40px; border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); object-fit: contain; margin-right: 0px;  cursor: pointer;
    }

    .task-category-section{
     vertical-align: baseline;
    }

    .user-name{
      display: none;
    }

    .user-image-wrapper:hover{
      border: none;
      transform: scale(1.05);
      border: 5px solid blue;
    }

    .user-image-wrapper:hover .user-name{
      display: block;
      width:max-content;
      position: fixed;
      margin-top: -35px;
      background-color: #fcfbfa;
      color: #000000;
      padding: 3px 5px;
      border: 1px solid black;
      transform: none;
      
    }

    .user-image{
      border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); object-fit: contain; margin-right: 0px;
    }

    .user-text{
      font-size:42px; color: beige; text-align: center; margin: auto; vertical-align: middle; 
    }

    .allwfh-shortcutfilter-btn{
    padding: 3px 7px 3px 7px;
    font-size: 14px;
    margin: 5px;
    border: 1px solid #d6cfcf;
    border-radius:10px;
    text-decoration: none;
  }
  .allwfh-shortcutfilter-btn-active{
    background-color: #bd2121;
    color: white;
    cursor: pointer;
  }
  .section-head-text{
    color:black; font-family: 'Poppins', sans-serif;
  }