.coupon-loader i{
  position: unset!important;
  color: white;
}
#UploadedFile{
  object-fit: cover!important;
}

/* .vrf-btn {
  top: 25px !important;
  right: 15px !important;
} */
#ref-code{
  background: #c9f5d4 !important;
  color: #000 !important;
  border: 1px solid #65db84 !important;
}


@media only screen and (max-width: 600px) {
  .flg-p {
      width: 38px !important;
  }
}
.vendor-businesses-dropdown .active{
  background: #3f18b7;
  color: white;
}
.only-link{

  padding: 0px !important;
  color: #3E369D !important;
  background: none !important;
  border-bottom: 1px solid #3E369D !important;
  border-radius: 0px !important;
}
.usr-vew small i{
  /* background: none !important; */
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  padding: 3px 0px;
}
#email-verification-text{
  text-align:center;
}
.custom-link-icon-parent{
height:15px !important; width:15px !important; background:white!important;
}
.icons-preview{
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid #cdcdcd;
}
.icons-preview i{
color:#000;
}
.custom-link-icon-row{
padding-top: 20px ;
}
.save-custom-link-icon-btn{
background: #ddd!important;
  width: 100%;
  padding: 15px!important;
  border-radius: 42px;
  text-align: center;
}
.save-custom-link-icon-btn:hover{
background: #8a65f1;
  width: 100%;
  padding: 15px!important;
  border-radius: 42px;
  text-align: center;
}
.purple-btn{
background: #8a65f1;
display: block;
margin: 20px 0 0;
text-align: center;
color: #fff !important;
border-radius: 10px;
padding: 5px 10px 5px 10px;
}

.thumbnal-row .rem-pic .ad-rm i{
font-size: 65px;
}


.pinfield-row {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.pin-input {
  height: 3em !important;
  width: 3em !important;
  border: 2px solid #dad9df !important;
  outline: none !important;
  text-align: center !important;
  font-size: 1.5em !important;
  border-radius: 0.3em !important;
  background-color: #ffffff !important;
  outline: none !important;
  /*Hide number field arrows*/
  -moz-appearance: textfield;
}
.pin-input::-webkit-outer-spin-button,
.pin-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#pin-submit {
  background-color: #044ecf;
  border: none;
  outline: none;
  font-size: 1.2em;
  padding: 0.8em 2em;
  color: #ffffff;
  border-radius: 0.1em;
  margin: 1em auto 0 auto;
  cursor: pointer;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.pin-input:disabled {
  color: #89888b;
}
.pin-input:focus {
  border: 3px solid #ffb800;
}

.make-next-line{
  word-wrap: break-word;
}
.nv-btn {
  padding: 25px 25px !important;
}
.row-section .media .media-body {flex:1}
/* .row-section .row-block .media{ display: flex; align-items: flex-start;} */
.ck-editor__editable_inline {
min-height: 150px;
}
.job-applications-list-cover-letter{
height:150px;overflow:hidden
}
button.sv-job-wishlist{ background: #333; color: #fff; }

.toogle-pass-icon {
float: right;
margin-left: -25px;
margin-top: -47px;
position: relative;
z-index: 2;
}

.tree-loading-row{
padding-top: 125px ;
padding-bottom: 125px ;
text-align: center;
}









      /* 
CSS3 Radial Progress Bar
Barra de Progresso Radial CSS3
===============================

Style based on the model used in http://wetransfer.com
Estilo baseado no modelo utilizado em http://wetransfer.com

Author / Autor:
Thiago Bonifácio (https://www.thiagobonifacio.com.br)
*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

@import url(https://fonts.googleapis.com/css?family=Merienda+One);

.progress-container{
height: 180px;
position: relative;
}

.progress-circle {
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
-webkit-box-shadow: 0 -1px 0 0 #D6D7D8;
box-shadow: 0 -1px 0 0 #D6D7D8;
margin: -82px 0 0 -82px;
background: #F3F3F3;
border-radius: 100%;
position: absolute;
overflow: hidden;
height: 164px;
width: 164px;
left: 50%;
top:70px;
}

#percentage {
position: absolute;
height: 24px;
width: 50px;
margin-left: -25px;
text-align:center;
left: 50%;
bottom: 0px;
font-weight: bold;
}

.p-f,
.p-h {
clip: rect(0, 164px, 164px, 82px);  
position: absolute;
overflow: hidden;
height: 164px;
width: 100%;
left: 0%;
}

.p-f{
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
left: 0;
}

.p-f:before,
.p-h:before{
content: '';
background: #22bb18;
position: absolute;
height: 164px;
width: 50%;
left: 0%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-moz-transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}

.progress-circle #progress-span {
-webkit-box-shadow: 0 1px 0 0.5px  #D6D7D8;
box-shadow: 0 1px 0 0.5px #D6D7D8;
font-family: 'Montserrat', sans-serif;
margin: -70px 0 0 -70px;
border-radius: 100%;
position: absolute;
text-align: center;
line-height: 140px;
background: #fff;
font-size: 34px;
color: #46494D;
height: 140px;
width: 140px;
z-index: 1;
left: 50%;
top: 49.5%;
}

#progress-image{
width: 100%;
border-radius:50%;
height:140px;
width:140px;
object-fit: cover;
display: block !important;
}

@media (max-width: 991px){
#navbarScroll {
  display: inherit !important;
}
}




























.cbp-spmenu {
background: #ffffff;
position: fixed;
box-shadow: 0 0 20px #37373740;
}

.cbp-spmenu h3 {
color: #afdefa;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #3e369d;
}

/*.cbp-spmenu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
}*/

.cbp-spmenu a:hover {
background: #258ecd;
}


/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
width: 70%;
height: 100%;
top: 0;
z-index: 1000;
}

.cbp-spmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}

.cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-right {
right: -70%;
border-radius: 15px 0 0 15px;
overflow: hidden;
}

.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

.cbp-spmenu-horizontal {
  font-size: 75%;
  height: 110px;
}

.cbp-spmenu-top {
  top: -110px;
}

.cbp-spmenu-bottom {
  bottom: -110px;
}

}

@media screen and (max-height: 26.375em){

.cbp-spmenu-vertical {
  font-size: 90%;
  /*width: 90%;*/
}

.cbp-spmenu-left,
.cbp-spmenu-push-toleft {
  left: -190px;
}

.cbp-spmenu-right {
  /*right: 90%;*/
}

.cbp-spmenu-push-toright {
  left: 190px;
}
}

.new-hdr .searchFilter .dropdown a.dropdown-item:hover {
background-color: #4E4E4E !important;
color: white !important;
}