[ng-module], [ng-app]{
    opacity: 0;
}
.ng-scope[ng-module], .ng-scope[ng-app]{
    opacity: 1;
}
.buyback-page .cwidget-body{
    padding: 0;
    text-align:center;
}
.category-item-inner{
	display: flex;
  	flex-direction: column;
}
.category-item-inner .brand-img-wrapper img{
    max-height: 50px;
    width: auto;
    margin-right: 0;
}
.brand-item:hover{
    text-decoration: none;
}
.product-item{    
    width: 25%;
    display: block;
    float:left;
    margin: 0;
  	border:0;
  	padding:15px;
}
  .product-item-inner{
  	border: 1px solid #cdcdcd;
  }
.product-item:hover{
    text-decoration: none;
}
.product-item .product-name{
    display: block;
    font-size: 12px;
    text-align: center;
    /*padding: 10px 15px;*/
  	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}
.product-item .product-price{
    font-weight: bold;
    font-size: 13px;
    padding: 10px 15px;
}
.product-items{
	width: 100%;
    margin: 0 24px;
}
.product-items .product-item:nth-child(4n+1){
    clear: both;
}
.buyback-page .alert{
	margin: 12px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
    .product-item{
        width:25%;
    }
    .product-items .product-item:nth-child(4n+1){
        clear: both;
    }
}
  /**/
  .cwidget-body,
  .cwidget-brand-container,
  .question-input-form,
  .cwidget-model-container{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      padding-top: 0;
      position: relative;
  }
  .brand-item,
  .question-input{
  	  width: 40%;
      display: block;
      float: left;
      margin: 0;
      padding: 12px;
      height: auto;
      font-weight: 500;
  }
  .brand-item-inner,
  .product-item-inner{
  	border: 1px solid #cdcdcd;
    border-radius: 12px;
    padding: 15px;
  }
  .active .brand-item-inner,
  .active .product-item-inner{
  	border: 1px solid #2cb14c;
  }  
  .buyback-page .page-header{
  	  font-size: 16px;
      text-align: center;
      color: #2cb14c;
      font-weight: 400;
      margin-bottom: 35px;
  }
  .buyback-page .cwidget-title{
  	font-size: 18px;
    font-weight: 500;
    position: relative;
    display: block;
    text-align: left;
    padding: 0 25px;
  }
  .hidden-input{
  	display: none;
  }
  .question-input{
	margin: 12px;
    border-radius: 12px;
    background-color: #fff;
    padding: 12px;
    border: 1px solid #cdcdcd;
    text-transform: capitalize;
    flex: 1;
  }
  .question-input.active,
  .buyback-page .form-control.ng-valid.ng-valid-required{
  	border: 1px solid #2cb14c;
  }
  .cwidget-customer .cwidget-body{
  	display: block;
  }
  .cwidget-customer >.cwidget-body > .row > div,
  .cwidget-bank >.cwidget-body > .row > div{
  	text-align: left;
  }
  .cwidget-bank .row{
  	width: 100%;
  }
  .buybackbuying-bottom{
  	display: flex;
    justify-content: center;
  }
  .buybackbuying-bottom .buybackbuying-bottom-inner{
    width: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #cdcdcd;    
  }
  .buybackbuying-bottom-inner > .checkout-box > .title.form-group{
    float: left;
    font-size: 16px;
    font-weight: 500;
  }  
  .buybackbuying-bottom-inner > .checkout-box > .price.form-group{
    float: right;
    font-weight: 500;
    line-height: normal;  	
  }
  .buyback-last-container label{
  	font-size: 16px;
  }
  .bottom-title{
  	  font-size: 16px;
      text-align: center;
      color: #000;
      font-weight: 500;
      margin-top: 100px;
  }
  .bottom-title a{
      color: #2cb14c;
      font-weight: 400;  
  }
  .cwidget-questions .form-control.question-select {
      margin: 12px;
      border-radius: 12px;
      padding: 12px;
      border: 1px solid #cdcdcd;
      background-color: transparent;
      text-transform: capitalize;
      height: 50px;
  }
  .cwidget-category .category-item{
    border-bottom: 1px solid #cfcfd4;
  }
  .cwidget-category .category-item-inner{
      min-width: 150px;
      height: 80px;
      justify-content: space-between;
  }
  .cwidget-category .category-item.active .category-item-inner {
      border-bottom: 1px solid #000;
  }
  .continue-col
      padding-top: 24px;
      background-color: #fff;
  }
  .bg-buyback-inner {
      padding: 35px;
  }
  .bg-buyback-inner {
      background-color: #f4f4f6;
      border-radius: 12px;
      padding: 35px;
  }
  .buyback-after-active{
      display: flex;
      flex-direction: column;
  }
  .buyback-after-active #buybackStepsContainer{
      order: 2;
  }
  .buyback-after-active .buyback-after-container{
      order: 1;
      background-color: #f4f4f6;
      border-radius: 12px;
      padding: 35px;
  }
  .buyback-after-active  .bottom-title{
      display: none;
  }
  .buyback-after-active .bg-buyback-inner{
  	  background-color: #fff;
      border-start-end-radius: 0;
      border-start-start-radius: 0;
  }
  .buyback-after-active .container.buyback-page{
  	  max-width: 800px;
  }
  .buyback-page .cwidget-header{
  	  border-bottom: none;
  }
  .form-control.product-select,
  .form-control.product-brand,
  .form-control.product-model{
  	  background-color: #fff;
      padding: 12px;
      margin: 12px;
  }
  .cwidget.cwidget-product{
  	  margin: 0;
  }
  .cwidget.cwidget-brand{
  	  margin-bottom: 0;
  }
  .buyback-page select.form-control {
      background-color: #fff !important;
  }
  .buyback-page .form-control {
      font-size: 1.2rem !important;
      line-height: 2.4rem;
      font-weight: 500 !important;
      height: 50px;
  }
  .form-control.product-select{
  	   margin: 12px 0;
  }
  .select-question{
  	  margin: 0 24px;
  }
  .select-question > .form-control{
  	  margin: 12px 0 !important;
  } 
  .form-control.product-brand,
	.form-control.product-model{
      margin: 12px 24px;
  }
  .cwidget-product .cwidget-title{
  	  padding: 0 13px;
  }
  .cwidget-brand .cwidget-title{
  	  padding: 0 11px;
  }
  .back-btn{
  	  float: left;
      padding-top: 8px;
      background-color: transparent;
      border: none;
      z-index: 99;
      display: inline-block;
      position: relative;
  }
  .buyback-after-active .page-header{
      display: none;
  }
  .buyback-after-active .buybackbuying-bottom .buybackbuying-bottom-inner{
      padding: 0;
      border: none;
      margin: 0;
  }
  .buyback-after-active .buybackbuying-bottom-inner > .checkout-box {
  	  display: none;
  }
  .buyback-after-active .buyback-after-container{
  	  border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }
  #buybackForm .page-column .cwidget {
  	  margin-top: 0;
  }
  .buyback-page .x-loader {
      position: absolute;
      margin: 0;
      width: 20px;
      height: 20px;
      top: 0;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto;
  }  
  .buyback-page .x-loader:before, 
  .buyback-page .x-loader:after{
  	  width: 20px;
      height: 20px;
  }
  .buyback-page .btn:disabled, 
  .buyback-page .btn.disabled, 
  .buyback-page fieldset:disabled .btn{
      background-color: #2cb14c;
      border-color: #2cb14c;
  }
  .item-brand-not{
  	display: flex;
  	justify-content: center;
  }
  .cwidget-payment .cwidget-body,
  .cwidget-cargo .cwidget-body{
  	  flex-direction: column;
      align-content: flex-start;
      text-align: left;
      padding-right: 0 !important;
  }
  .cwidget-payment .payments-item{
  	width: 100%;
  }
  .buyback-page input.checkbox+.lbl::before{
      width: 12px;
      height: 12px;
      font-size: 12px;
      border-radius: 100%;
      color: #2cb14c;
      border-color: #2cb14c;
      background-color: transparent;    
  }
  .cwidget-cargo h3{
      font-size: 14px;
      margin: 0;
  }
  .cwidget-cargo p{
  	font-size: 12px;
    margin: 0;
  }
  .cwidget-cargo .list-check{
  	  display: flex;
      align-items: center;
      gap: 3px;
  }
  .cwidget-cargo span.lbl{
      width: auto;
  }
  label.error{
    width: 100%;
    text-align: left;
    font-size: 11px;
    color: #2cb14c;  
  }
  .product-agrement-required {
      cursor: auto;
  }
  .buyback-page .product-agrement-required .form-control:disabled{
  	  opacity: 0;
  }
  .product-agrement-required a{
  	  pointer-events: none;
      cursor: none;
      opacity: 0.5;
  }
  .buyback-page input.checkbox:checked+.lbl::before{
      width: 12px;
      height: 12px;
  }
  .agrement-btn-wrapper{
      justify-content: center !important;
  }
.buyback-page .form-control{
	border-radius: 6px;
}
  @media(max-width: 767px){
      .cwidget-body, 
      .cwidget-brand-container, 
      .question-input-form,
      .cwidget-model-container{
          flex-direction: column;
      }
      .brand-item, 
      .question-input{
          padding: 6px;
      }
      .product-item{
          width:100%;
      }
      .buyback-page .cwidget-title,
      .question-input{
          font-size: 14px;
      }
      .cwidget{
          margin: 0;
      }
      .buyback-page .page-header{
          margin-top: 20px;
      }
      .bg-buyback-inner{
          padding: 0;
      }
      .buyback-page .form-control{
          width: 100% !important;
      }
      .buyback-page .agrement-wrapper .form-control{
          width: auto !important;
      }    
      .riva-form-control-tinp{
          padding: 0 !important;
      }
      .riva-form-control {
          flex-direction: row;
      }
      .buyback-page .x-loader{
          left: 50%;
      }
      .buyback-page .back-btn,
      .cwidget-payment .cwidget-title,
      .cwidget-cargo .cwidget-title{
          padding-left: 0;
      }
     .product-items .product-item:nth-child(2n+1){
         clear: both;
     }
    .product-items .product-item:nth-child(5n+1){
      clear: none;
    }
    .buyback-page .cwidget-header{
      position:relative;
    }
    .cwidget-body.list-radio{
    	padding-left: 15px;
    }
  }
  @media(max-width: 992px){
    .cwidget-category > .cwidget-body{
    	display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        overflow-x: auto;
    }
    .cwidget-category .category-item-inner{
   		min-width: 110px;
    }
    .bg-buyback-inner{
    	padding: 24px 0;
    }
    .form-control.product-brand{
    	margin: 0;
    }
    .form-control.product-select, 
    .form-control.product-brand, 
    .form-control.product-model{
    	margin: 0;
    }
    .product-items{
    	margin: 0;
    }
    .form-control.product-select{
    	width: 100%;
    }
    .question-input-form {
        padding: 0;
        gap: 6px;
    }
    .question-input {
        width: 50%;
        margin: 0;
    }
    .page-column.buyback-page{
    	padding-top: 15px;
    }
    .buybackbuying-bottom .buybackbuying-bottom-inner{
        margin-top: 30px;
        padding-top: 30px;
        max-width: 450px !important;
    }
    .buyback-after-active .buyback-after-container{
    	padding: 24px 0;
    }
    .buyback-page .buyback-after-container .form-control {
        width: 100%;
    }
    .cwidget-item.cwidget-bank .cwidget-title{
    	padding: 0;
    }
  }
  .riva-form-control{
	  padding: 0.6rem 1.2rem;
  }
  .riva-form-control-tinp{
	  padding: 0.6rem 2.4rem;
  }
  .riva-form-control-tinp input.form-control{
	  height: 45.1px;
	  margin-top: 12px;
  }