/*
 Theme Name:   Boxcar Child
 Description:  A child theme for the Boxcar theme
 Author:       Stridedge
 Author URI:   https://stridedge.com/
 Template:     boxcar
 Version:      1.0.0
 Text Domain: boxcar-child
*/


.cr_parent{
    display: flex;
    align-items: stretch;
    margin-bottom: 10px;
}

.cr_links{
    background-color: #405FF2;
    font-size: 15px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #405FF2;
    border-radius: 12px 12px 12px 12px;
    padding: 18px 25px 18px 25px;
}

.cr_links:hover{
    color: #FFFFFF;
}

.wrapper-social-login{
    display: none;
}

.submit-recalls-notice{
    padding-top: 10px;
    font-weight: 500;
}

.red_notice{
    color: red;
}

.green_notice{
    color: green;
}

.warning_text{
    color: #664d03;
}

.danger_text{
    color: #842029;
}

.success_text{
    color: #0f5132;
}

.wp-recalls-uploaded-files {
  display: inline-flex;
  flex-wrap: wrap;
}

.wp-recalls-uploaded-files .wp-recalls-uploaded-file {
  margin-bottom: 10px;
  position: relative;
  width: 190px;
  height: 168px;
  overflow: hidden;
  border-radius: 8px;
  display: block;
}

.wp-recalls-uploaded-files .wp-recalls-uploaded-file:last-child {
  margin-right: 20px;
}

@media (min-width: 1200px) {
  .wp-recalls-uploaded-files .wp-recalls-uploaded-file:last-child {
    margin-right: 30px;
  }
}


.wp-recalls-uploaded-files .wp-recalls-uploaded-file .wp-recalls-remove-uploaded-file {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  overflow: hidden;
  text-align: center;
  line-height: 30px;
  color: transparent;
  font-size: 12px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0.8;
  filter: alpha(opacity=80);
}


.wp-recalls-uploaded-files .wp-recalls-uploaded-file .wp-recalls-remove-uploaded-file:before {
  font-family: 'themify';
  content: "\e646";
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: var(--boxcar-link-color);
}

.wp-recalls-uploaded-files .wp-recalls-uploaded-file .wp-recalls-remove-uploaded-file:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.wp-recalls-uploaded-files .wp-recalls-uploaded-file .wp-recalls-remove-uploaded-file:hover:before {
  color: #fff;
  background: #dc3545;
}

.wp-recalls-uploaded-files .wp-recalls-uploaded-file .wp-recalls-uploaded-file-name .wp-recalls-remove-uploaded-file {
  top: 8px;
  right: 0px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.wp-recalls-uploaded-files .wp-recalls-uploaded-file .wp-recalls-uploaded-file-name .wp-recalls-remove-uploaded-file:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.wp-recalls-uploaded-files .wp-recalls-uploaded-file:hover .wp-recalls-remove-uploaded-file:before {
  color: #fff;
  background: #dc3545;
}

.admin_one_multiupload .cmb-th+.cmb-td{
    float: left;
}
.admin_one_multiupload .cmb-td{
    line-height: 1.3;
    max-width: 100%;
    vertical-align: middle;
}

#models_listing_div .term-parent-wrapper, #term_check_div .term-parent-wrapper, #models_listing_div_inf .term-parent-wrapper, .listing-submission-form-wrapper .term-parent-wrapper{
    width: 100% !important;
}

.menu-item-7009, .menu-item-7012{
    visibility: hidden;
}

.extra_input_margin{
    margin-bottom: 10px !important;
}

.status-listing-wrapper{
    word-break: break-word;
}


 .crp-container {
      max-width: 800px;
      margin: 0 auto;
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .crp-section {
      flex: 1 1 45%;
    }

    .crp-item {
      background: #f5f5f5;
      padding: 10px 15px;
      margin-bottom: 15px;
      border-radius: 8px;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }

    .crp-item label {
      display: block;
      font-weight: bold;
      margin-bottom: 5px;
      color: #333;
    }

    .crp-value {
      color: #555;
    }

    @media (max-width: 600px) {
      .crp-section {
        flex: 1 1 100%;
      }
    }
    
.pay_now_btn{
    background-color: #405FF2;
    font-size: 15px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #405FF2;
    border-radius: 12px 12px 12px 12px;
    padding: 18px 25px 18px 25px;
}  


.custom-upload-btn {
    display: inline-block;
    padding: 8px 16px;
    background-color: #0073aa;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 10px;
}

.custom-upload-btn:hover {
    background-color: #005177;
}

.upload-instructions {
    font-size: 13px;
    color: #555;
    margin-top: 5px;
}

.upload-preview img {
    width: 30%;
    max-width: 150px;
    display: block;
}

.upload-preview a.button {
    display: inline-block;
    margin-top: 5px;
}

.loader-spinner {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 3px solid #ccc;
    border-top: 3px solid #0073aa;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 10px;
    vertical-align: middle;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

#zoomedImageOverlay {
  display: none; /* keep hidden by default */
  position: fixed;
  z-index: 999999; /* Above thickbox */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  justify-content: center;
  align-items: center;
  overflow: auto;
}

#zoomedImageOverlay img {
  max-width: 90%;
  max-height: 90%;
  border: 5px solid white;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(255,255,255,0.5);
}

#zoomedImageOverlay .closeZoom {
  position: absolute;
  top: 20px;
  right: 30px;
  color: white;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
  z-index: 100051;
}

.f_filter_input{
    height: 50px;
    padding: 12px 20px;
    font-size: 0.9375rem;
    line-height: 1.85;
    color: #050B20;
    transition: all 0.3s ease-in-out;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
}

.header-user{
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 500;
}