@font-face {
  font-family: 'ITC Souvenir Std';
  src: url('/frontend/fonts/SouvenirStd-Demi.woff2') format('woff2'),
      url('/frontend/fonts/SouvenirStd-Demi.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PLATER HERITAGE SANS';
  src: url('/frontend/fonts/PLATERHERITAGESANSRegular.woff2') format('woff2'),
      url('/frontend/fonts/PLATERHERITAGESANSRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FE-Font';
  src: url('/frontend/fonts/FE-Font.woff2') format('woff2'),
      url('/frontend/fonts/FE-Font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'News Gothic Becker No 2';
  src: url('/frontend/fonts/NewsGothicBeckerNo2.woff2') format('woff2'),
      url('/frontend/fonts/NewsGothicBeckerNo2.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vicplate';
  src: url('/frontend/fonts/Vicplate-Regular.woff2') format('woff2'),
      url('/frontend/fonts/Vicplate-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


html{height: 100%;}

body{background-color: #2C2B2B; font-family: "sweet-sans-pro", sans-serif !important; font-size: 14px; font-weight: 500; line-height: 1.8;color: #212529; min-height: 100%;}
.q-header .logo{ float: left; margin-right: 24px;}

.q-header .logo img{width: auto;
  height: 35px; margin-top: 5px;
  }

.page_header{background-color: #2C2B2B; color: #D2D3D3;}

.page_header h1{font-size: 32px;
line-height: normal;
margin-top: 15px;
font-weight: 700;}

.top_btn{float: right;}

.filters{display: flex; gap: 24px; width: 100%;align-items: center; }

.filters label {display: inline-block; vertical-align: middle; margin-right: 12px; font-weight: 600;}

.filters .q-checkbox__label{font-size: 14px;}

.q-table tbody td, .q-table tbody th, .q-table th{font-size: 16px !important;}

.q-table th{font-weight:600 !important;}

.q-table th, .q-table td{padding: 6px 10px !important;}

.product_line .q-table th, .product_line .q-table td{padding: 6px 4px !important;}

.form_row {margin: 0 -15px;}

.form_row .col-6  ,  .form_row .col-12{padding: 15px; padding-bottom: 0;}

.form_row label {margin-bottom: 5px; display: block; color: #1e293b !important; }

.card_title{font-size: 16px !important;
line-height: normal !important;
font-weight: 600;
color: #000 !important;}

.card_title a{font-size: 14px; font-weight: normal; color: blue; text-decoration: underline;}

[type="text"]:focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {box-shadow: none !important;}

.pt-0{padding-top: 0 !important;}

.action_div{position: absolute; right:0px}

.footer_card{position: fixed !important; width: 100%; bottom: 0;}

.q-chip{padding-bottom: 9px;}


.top_navigation ul{float: left; margin: 0; padding: 0;}
.top_navigation ul li{float: left; margin: 0; padding:12px 6px; list-style: none;}

.top_navigation ul li a{display: block; height: 100%; padding: 0 10px; color: #000; opacity: 1;
  text-transform: uppercase;
  padding: 0 6px;
  font-size: 14px;
  font-weight: 700;
  font-family: "sweet-sans-pro", sans-serif !important;
  letter-spacing: normal;
  text-decoration: none;
}

.top_navigation ul li a:hover{opacity:0.7 ;}

.top_navigation ul li.active > a,
.top_navigation ul li.has_submenu.active > a {
  opacity: 1;
}

.top_navigation ul li.has_submenu ul li.active a {
  background-color: #F9FAFB;
  opacity: 1;
}

.top_navigation ul li a span{vertical-align: bottom; margin-right: 6px; font-size: 20px;}

.logout_btn{position: absolute; right: 12px;}

.top_navigation ul li.has_submenu ul{position: absolute; width: 250px; z-index: 999;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.06);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.06); background-color: #fff; padding: 5px 0; border-radius: 5px;margin-left: 12px; margin-top: 12px; display: none;}
.top_navigation ul li.has_submenu ul li{position: relative; float: none;margin: 0; padding: 0;}

.top_navigation ul li.has_submenu ul li a{color: #000; display: block; padding-left: 1rem;   padding-right: 1rem;padding-top: 0.5rem;
  padding-bottom: 0.5rem; opacity: 1;}

  .top_navigation ul li.has_submenu ul li a:hover{background-color: #F9FAFB;}

  .top_navigation ul li.has_submenu:hover ul{display: block;}

  .top_navigation ul li.has_submenu{position: relative; margin-right: 12px}

  .top_navigation ul li.has_submenu:before {
    font-family: 'Material Icons Outlined';
    content: "expand_more";
    -webkit-font-feature-settings: 'liga';
    position: absolute; font-size: 20px; right: -10px;margin-top: -4px;opacity: 0.7;
  }
  .top_navigation ul li.has_submenu:hover:before {opacity: 1;}

  .mobile_menu_icon{display: none;}


  .q-chip{padding-bottom: 9px !important;}

  .view_grid_padding{padding: 20px; background-color: #d8d9d7 !important;}

  .view_grid_padding .q-table__top{padding: 0 0 20px 0;}

  .view_grid_padding tr th{text-transform: uppercase !important;}

  .table-striped table tbody tr:nth-child(odd) {
  background-color: #d1d1d1 !important;
  }


  .q-table--vertical-separator td:first-child, .q-table--vertical-separator th:first-child, .q-table--cell-separator td:first-child, .q-table--cell-separator th:first-child{border-left: 1px solid rgba(0, 0, 0, 0.12) !important;}


  .q-table--vertical-separator td:last-child, .q-table--vertical-separator th:last-child, .q-table--cell-separator td:last-child, .q-table--cell-separator th:last-child{border-right: 1px solid rgba(0, 0, 0, 0.12) !important;}

/* new header ends */
.equal_width{align-items: flex-start;}
.equal_width > div{flex: 1 1 0px; }

.tbl_ftr_label label{display: inline-block; margin: 0;}

.tbl_ftr_label .q-field__native, .tbl_ftr_label  .q-field__input{text-align: right;}

.policy_detail_title{font-weight: 500; font-size: 28px !important;}

.policy_details tr:last-child td{font-weight: 600; font-size: 18px !important;}

.vehicle_details{margin-top: 24px;}

.vehicle_details table tr td{border-color: #ccc !important;}

.row_pad .row{flex-wrap: nowrap !important;
	gap: 24px;}

  .q-chip.row{gap: 0 !important;}

  .package-price{font-size: 18px;}


  .car-detail-box{  border: 1px solid #ccc;

    padding: 12px;
}

.q-field--outlined.q-field--readonly .q-field__control::before {
  border-style: solid !important;
  background-color: #E2E2E2 !important;
}

.package-year{font-weight: 600; font-size: 16px;padding: 12px 0;}

.note_text{font-size: 16px;}

.q-layout.q-layout--standard{min-height: 1px !important;}
.q-page{min-height: 1px !important;}

.policy_detail_cont{font-size: 20px;}

.lt_blu_bg{background-color: #f6fafd !important;}

.select_box{min-width: 170px;}

.table-bordered{background-color: #6c6c6c;}
.table-bordered tr th, .table.table-bordered tr td{background-color: #ffffff; border: #ccc 1px solid;}

.customer_model .text-h6{font-weight: 700 !important; padding-left: 10px;}

.plate_details{font-size: 18px !important;}

.items-center .text-h6{font-weight: 700;}

.cell_table tr td:first-child{font-weight: 700;}


.cell_table_brdr tr th, .cell_table_brdr tr td{border:#AAAAAA 1px solid; font-size: 16px;}

.cell_table_brdr tr th{font-size: 18px;}

.my-card-brdr{border: 1px solid #666666 !important; height: 100%; background-color: #f5f5f5 !important;}

.font-bold{font-weight: 800 !important;}

.q-card.view_grid_padding label.title_font_label{font-weight: 700; margin-bottom: 6px; display: block; font-size: 18px;}


.card_header{padding: 30px 0 !important; text-align: center !important;  background-color: #fff;}

.card_header .text-subtitle2{color: #828282; font-size: 18px !important; margin-bottom: 8px;}

.card_header .text-h6{color: #2b2b2b; font-size: 24px !important; font-weight: 700;}

.card_content .text-h3{line-height: normal !important;}

.card_content{padding: 45px !important; text-align: center !important; }

.card_content.brdr_rt:after{content: ' '; height: 100%; border-right: 1px solid #e2e2e2; position: absolute; top: 0; }

.report_forms .q-card{max-width: 100%; width: 940px;}

.conv_area{max-height: 400px; overflow: auto; border-radius: 4px; border: #ccc 1px solid; padding: 20px;}

.big_font{font-size: 16px;}

.relisted_tag{font-weight: 600;
  line-height: normal;
}


#plate_position{position: sticky; top: 150px;}




.plate_image{position: sticky; top: 0;}

.plate_div {background-color:#000;color:#fff; padding:4px; border-radius:10px; position:relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); overflow:hidden;}

.plate_div.ACT_font{ font-family: 'ITC Souvenir Std';}
.plate_div.NSW_font{ font-family: 'Vicplate';}
.plate_div.WA_font{ font-family: 'News Gothic Becker No 2'; }
.plate_div.VIC_font{ font-family: 'Vicplate';}
.plate_div.VIC_num_font h1{ font-family: 'PLATER HERITAGE SANS', Arial, Helvetica, sans-serif;}
.plate_div.TAS_font{ font-family: 'Vicplate';}
.plate_div.NT_font{ font-family: 'Vicplate';}
.plate_div.SA_font{ font-family: 'Vicplate';}
.plate_div.QLD_font{ font-family: 'Vicplate';}

.plate_image{max-width:100%; min-width:auto; width: auto; height:auto; color:#fff; text-align:center; align-items:center; justify-content:center; font-family:Roboto; display: inline-flex; flex-direction: column; justify-content: center;}

.plate_image h1{margin: 0; padding:0; font-size:60px !important; letter-spacing:6px; line-height: 1;}

.plate_image h4{margin: 0; padding:0; font-size:14px !important; letter-spacing:4px; line-height: 1;}

.plate_div.state_left h1{padding-left: 15px; padding-right: 15px;}

.plate_div.state_left h4{position: absolute;  top:0; width: auto; text-align: center;margin: auto; writing-mode: vertical-rl;
	text-orientation: upright; height: 100%; top: 0;left: 9px; display: block;}

.plate_shadow{position: absolute; width: 100%; height: 90%; background-color: #fff; left: 0; top: -35%; opacity: 0.3; border-radius: 18px; z-index: 0;}

.euro_style .euro_blue{content:' '; background-color: #1966A7; width: 36px; position: absolute; left: 0; height: 100%; top: 0; -webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;}



.aq_style .aq_bg{content:' '; background-color: #FDFDE3; width: 88px; position: absolute; left: 0; height: 100%; top: 0; -webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;}

/* .border_div h1 span{color: #B80A17; vertical-align: bottom;} */

.border_div h1 {text-shadow: 0px 0px 2px rgba(0,0,0,0.6);}

.border_div h1 b{color: #000 !important;}

.border_div h1 span{display: inline-block; width: 45px; height: 42px; background-image: url(/frontend/images/heart_img.png);}

.border_div h1 span.hash_tag{background-image: url(/frontend/images/hash_icon.png);}
.border_div h1 span.at_sign{background-image: url(/frontend/images/at_sign.png);}
.border_div h1 span.i_love{background-image: url(/frontend/images/i_love.png);}

.bold_font{font-weight: 900;}

.border_div{border: 2px #fff solid; padding:10px 15px; border-radius:10px; position: relative;
	z-index: 1;}

.fixed_width{min-width: 350px;}

.aq_style .fixed_width{min-width: 1px;}

.plate_div.state_bottom .border_div{display: flex;
	flex-direction: column;
	justify-content: center;
	height: 90px;}

.plate_div.state_top .border_div{display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		height: 90px;}

.mar_auto{margin-left: auto; margin-right: auto;}
.card_element{padding: 12px; padding-top: 12px; font-size: 18px; color: #000; margin-top: 12px; background-color: #fff; border-radius: 10px;}

.card_element > *{color: #ffffff;}

.plate_div.brushed_metal{background-image: url('../images/brushed_metal.png');}
.plate_div.carbon_fibre{background-image: url('../images/carbon_fibre.png');}
.plate_div.checker_plate{background-image: url('../images/checker_plate.png');}
.plate_div.mesh_grill{background-image: url('../images/mesh_grill.png');}

@media (max-width: 1400px) {

  .top_navigation ul li a{padding: 0 5px;}
  .w-48 {
    width: 11rem !important;
  }

}

@media (max-width: 1200px) {

  .mobile_menu_icon{display: block;}

  .mobile_menu_icon span{font-size: 40px;line-height: 24px;}

  .top_navigation ul{float: none;}

  .top_navigation ul li{padding:12px 0;}

  .top_navigation.top_menu{position: fixed; right: -200px;

    width: 200px;
    height: 100%;
    top: 60px;
    background-color: #fff; padding: 10px;
    z-index: 9;-webkit-transition-duration: 0.1s;-moz-transition-duration: 0.1s;transition-duration: 0.1s; transition-delay: 0.1s;}

    .top_navigation.top_menu.show_menu{right: 0;-webkit-transition-duration: 0.1s;-moz-transition-duration: 0.1s;transition-duration: 0.1s; transition-delay: 0.1s;}


    .top_navigation.top_menu li{float: none;}

    .top_navigation ul li.has_submenu ul{position: relative;margin-left: 0px; border-radius: 0; }

     .top_navigation ul li.show_sub_menu ul{position: relative;margin-left: 0px; border-radius: 0; }



     .top_navigation ul li.has_submenu:hover ul{display: none;}

     .top_navigation ul li.has_submenu.show_sub_menu ul{display: block;}
     li.has_submenu a{pointer-events: none;}

}

@media (max-width: 991px) {
  .lt_blu_bg.ml-4{margin-left: 0 !important;}
  .mobile_pad .ml-4{margin-left: 0 !important; margin-top: 12px;}

.full_mobile.row{display: block;}
}

@media (max-width: 768px) {

  .download_btn_pad{margin-top: 30px;}

  .policy_detail_mobile tr td{display: block; width: 100%;}
  .policy_detail_mobile tr td:first-child{font-weight: 500;}
  .policy_detail_mobile tr td:last-child{border-bottom: 1px solid #ccc; margin-bottom: 6px;}

.hide_tab_mobile{display: none;}
.mobile_pad.p-4{padding-top:0 !important}

.table_cnt .policy_detail_cont tr td:first-child{width: 200px;}
}


.login_textbox{background: transparent !important;
  border: 0;
  border-bottom: #a9a9a9 1px solid !important;
  border-radius: 0;
  width: 100%;
  color: #d2d3d3; width: 450px; max-width: 100%; padding: 12px 0 0 0; }

.grey_header{background-color: #D2D3D3 !important;}

.dark_bg .q-field__control{background-color: #6c6c6c;}

.dark_bg .q-field__marginal{color: #D2D3D3 !important;}

.dark_bg .q-field__control input{color: #D2D3D3 !important;}

.login_form{color: #D2D3D3 !important;}

.login_form label{text-align: left;
  text-transform: uppercase;
  display: block;
  font-weight: 500;color: #9b9b9b;
  font-size: 16px;
}

.login_btn {
  text-transform: uppercase;
  background-color: transparent;
  border: #a9a9a9 1px solid;
  color: #a9a9a9;
  font-size: 16px !important;
  padding: 14px 0px 14px !important;
  width: 290px;
  border-radius: 20px;
}

.login_btn:hover{background-color: #a9a9a9; color: #1E1E1E;}

.email_box{padding-right: 40px !important;}
.pwd_box{padding-left: 40px !important;}

.admin_text{color: #a9a9a9; font-weight: bold; margin-top: 12px;font-size: 22px; letter-spacing: 6px; font-style: italic;}

.auth-layout .logo {
  float: none;
  width: auto;
  text-align: center;
}

.auth-layout .logo img {
  max-width: 100%;
  height: auto;
}

.login_form .row {
  display: flex;
  flex-wrap: wrap;
}

.login_form .row > .col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .login_form .row > .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.chat {
  display: flex;
    flex-direction: column-reverse;
}

.badg_pad_btm {
  vertical-align: middle !important;
  margin-left: 4px;
}

.top_navigation .q-badge.badg_pad_btm {
  line-height: normal !important;
  position: relative;
  top: -2px;
  padding: 1px 6px 2px 6px !important;
}

.f-12 {
  font-size: 12px;
}


		/* Change the white to any color */
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active, select{
        -webkit-box-shadow: 0 0 0 30px #2C2B2B inset !important;
    }

    input:-internal-autofill-selected {
        background-color: transparent !important;
    }

    /*Change text in autofill textbox*/
    input:-webkit-autofill, select{
        -webkit-text-fill-color: #d2d3d3 !important;
    }

    .spinner {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      border: 5px solid;
      border-color: #000;
      border-right-color: #707070;
      animation: spinner-d3wgkg 1s infinite linear;
      margin: 24px auto 24px auto;
     }

     .loader_div{display: inline-block; margin-right: 12px; position: absolute; margin-left:-45px; }

     @keyframes spinner-d3wgkg {
      to {
         transform: rotate(1turn);
      }

     }


     .q-card__section.q-card__section--vert.q-dialog__title{font-weight: bold;}

     .cell_table_brdr tr td{border: 1px solid #AAAAAA;}

     .cell_table_brdr tr:nth-child(even) {
      background: #ccc;
    }

.plate_image_display{background-color: #eee; padding: 10px; border-radius: 4px; width: 250px; height: 250px; margin-right: 24px; display: flex; align-items: center; justify-content: center;}

.plate_text h3{font-size: 24px; font-weight: 900;}

.plate_text h5{font-size: 20px; font-weight: 600; margin-bottom: 8px;}

.plate_text h5 span{font-weight:800;}

.plate_boxes li{border: 1px dashed #AAAAAA !important; border-radius: 4px; color: #000; font-weight: 600; display: inline-block;}

.plate_boxes li span{display: block; font-size: 16px; color: #666666;}

.ver_sep{margin-left: 36px !important;margin-right: 36px !important;}

.other_plate_text{display: flex;}

.brdr_btm_exp_item{border-bottom: #bebfbd 1px solid; background-color: #CDCDCD !important;}

.auction_title{display: inline-block; min-width: 100px; font-weight: 800;}

.small_text{font-size: 14px;}

.uline_link{text-decoration: underline !important;}
.uline_link:hover{text-decoration: none !important;}

.total_bid_text{min-width: 130px;display: inline-block; font-size: 16px !important; }
.current_bid_text{min-width: 200px;display: inline-block; font-size: 16px !important; margin-right: 24px;}

.popup_table.cell_table_brdr tr:nth-child(even) {
  background: #EEEEEE;
}

td .q-badge{line-height: normal !important;}

.q-item__section--thumbnail img{height:auto !important}

.uppercase{text-transform: uppercase !important;}

.status-chip{padding: 1px 10px 2px 10px !important;}