/* here you can put your own css to customize and override the theme */

@font-face{
    font-family:"Nexa W04 Regular";
    src:url("../font/5936933/c0725635-6608-495c-895f-62ff882e675b.woff2") format("woff2"),url("font/5936933/576be0c2-e82d-4263-90f1-3fb3589f019d.woff") format("woff");
}
@font-face{
    font-family:"Nexa W04 Heavy";
    src:url("../font/5937025/6ed9a550-e4ca-4ad2-a3bc-9ff6186d49d2.woff2") format("woff2"),url("font/5937025/b9d7ba73-e0cf-4817-b301-0d362fc96ef6.woff") format("woff");
}

@font-face{
    font-family:Anton;
    src:url("../font/Anton-Regular.ttf");
}

body{font-family:'Nexa W04 Regular', sans-serif; background-color: #231F20 !important}

/* Login section */
.login .content { padding: 24px !important;}
.logo a img{width: 250px; margin-bottom: 16px;}


form.register-form h3, form.login-form h3{font-family: Anton, Haettenschweiler, 'Arial Narrow Bold', sans-serif, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
form.register-form .form-title, form.login-form .form-title {font-size:26px; margin-bottom:30px !important; margin-top: 40px;}

form.register-form .form-group, form.login-form .form-group{ margin-bottom:6px !important}
form.register-form .form-group .control-label, login-form .form-group .control-label {display: block; float: left; margin-top: 7px; margin-left: 2px;}
form.register-form .form-group .input-icon, form.login-form .form-group .input-icon {display: block; float: right; margin-left: 2px;}
form.register-form .form-group .form-control, form.login-form .form-group .form-control{ border-radius: 4px !important;}

.forget-password h4{font-family: "Nexa W04 Regular", sans-serif;}
.forget-password p a{color: #f53939}
.login .content .form-actions .checkbox { margin-left: 90px; font-weight: lighter;}

.login .content {width: 380px !important}

/* Registration section */


/* Header section */
body .page-header.navbar.navbar-fixed-top{position: static; height: 100px; z-index: 0; min-height: 100px; transition: none;}
body .page-header.navbar.navbar-fixed-top .page-header-inner{background-color: #231f20; height:100px; }
body.page-header-fixed .page-container {margin-top:0px; position: static;}
.page-header.navbar .page-logo {margin-top:20px}
body .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {background-color: transparent; margin: 12px 0px 12px } /* not working*/
body .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {font-size: 24px } 

@media (min-width: 768px){
    body .page-header.navbar .search-form.search-form-expanded {margin-top:6px; margin-left: 200px; transition: none; font-size: 24px}
}


/* Sidebar section */
body .page-sidebar {background-color: #231f20;}
.page-sidebar.navbar-collapse, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse{display: block; min-height: 1000px !important;}
.page-sidebar .page-sidebar-menu > li .sub-menu {background-color: #231f20 !important;}
.page-sidebar .page-sidebar-menu .sidebar-search input {background-color: #578ebe !important;}
.sidebar-toggler{display:none !important}
.page-sidebar .page-sidebar-menu > li > a > [class^="icon-"]{display: none}

/* Page content */
@media (min-width: 992px){
    .page-content-wrapper .page-content {position: relative; top:-40px}
    .model > form > input[type="file"]{ margin-left: 70px; margin-bottom: 8px;}
    .page-content #buyer-contact{ margin-top: -100px !important;}
}
.page-content .page-title{
    font-family: Anton;
    color: #222;
    font-weight: 900;
    font-size: 36px;
    letter-spacing: 1px;
}
.page-content .page-title small {font-weight: 100; font-family: 'Nexa W04 Regular';}
.dashboard-stat .details .desc {font-family: Anton, sans-serif; letter-spacing: 0.7px !important; opacity:1 !important}
.page-content .portlet.box.green-haze .portlet-title,
.page-content .portlet.box.purple-wisteria .portlet-title, 
.page-content .portlet.box.blue-steel .portlet-title {background-color: #222}

.page-content .portlet.box.green-haze > .portlet-title > .caption > i,
.page-content .portlet.box.purple-wisteria > .portlet-title > .caption > i,
.page-content .portlet.box.blue-steel > .portlet-title > .caption > i{display:none;}

.page-content .portlet > .portlet-title > .caption {font-family: Anton,sans-serif}
.page-content .portlet.box.blue-steel, .page-content .portlet.box.purple-wisteria, .page-content .portlet.box.green-haze{border: 1px solid #ddd}
.page-content .feeds li .col1 > .cont > .cont-col2 > .desc a { color: #777}
.page-content .feeds li .col2 > .date {font-style: normal; color: #555; font-size: 12px !important; font-weight: bold;}
.page-content .btn-arrow-link.pull-right a{ font-family: Anton,sans-serif}
.input-group .input-group-btn button.btn.blue{background-color: #89C4F4;}
form.form-horizontal .control-label{color: #777}

/* Manage warranty activation */
body .portlet.box.blue > .portlet-title {background-color: #222;}
form.horizontal-form .form-group .form-control{color: #aaa}
body .table-scrollable > .table-bordered > thead > tr > th{color: #555; font-weight: 500}
body .table-scrollable > .table-bordered > tbody > tr > td{color: #777; font-weight: 100; font-size: 12px}
body .form-body > .table-bordered > thead > tr > th{color: #555; font-weight: 500}
body .form-body > .table-bordered > tbody > tr > td{color: #777; font-weight: 100; font-size: 12px}
.form-actions.first-top{margin-bottom: 3px;}
.portlet.box.blue {border: 1px solid #ddd; border-top: 0;}

.page-sidebar .page-sidebar-menu > li.active > a:hover{background: #303030; color: #fff;}

body .form-body .form-group .form-control{ color: #999 !important;}
table > tbody > tr > td > h4 > a, .model h4 a{ font-family: 'Nexa W04 Regular'; color: #222}
.model h4{ font-size: 15px; padding-bottom: 6px}
.model > form > button{ background: #4b8df8; color: white; border: none; padding: 6px 12px; margin-top: 4px;}
#register-btn{color: white; font-weight: 900; letter-spacing: .5px;}

.first-row{margin: 60px 60px 100px 60px;}
.second-row{margin-left: 60px; margin-right: 60px}
.uploadbutton { background: #4b8df8; color: white; border: none; padding: 6px 12px; margin-top: 4px;}

/* .nav > li > a:hover:first-child{background-color: #333333;}
li.basket > a{margin-top:4px; margin-bottom:4px} */
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {background-color: transparent !important;}
.nav > li > a:hover, .nav > li > a:focus {background-color: transparent !important;}
.dropdown-menu li > a:hover{background-color: transparent !important;}

body .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding-left: 0px;
}

body .row.terms-conditions h1{
    font-family: 'Nexa W04 Regular'; color: #222; font-weight: bolder;
}
.row.terms-conditions p{color:#777}
.row.terms-conditions p > strong{font-weight: 700; font-size: 16px; color:#222}
span.help-block{float: right; color: #fa5a5a !important;}


/* portlet box purple-wisteria */
/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

.partbox { 
    display: block;
    float: left;
    height: 250px;
    margin: 15px 15px 0 0;
    padding: 10px 0 10px 0;
    width: 250px;
	text-align:center;
}
	.partbox img { height:95px; padding-bottom: 10px;}
	
.partslink { font-size: 12px; text-align:center; padding-top:5px; }

.quantity { width:40px; margin:0 10px;}

.partsimage {padding:20px 0; text-align:center; }

.closebutton { float:right; padding:5px;}

.highlighted { background-color:#09F;}

.model { width:20%; float:left; text-align:center; padding: 10px !important;}

#Statements {float:left!important; padding:1%!important; width:100%!important;}

#Statements1 {float:left!important; padding:1%!important; width:50%!important;}

#StatementsTotals {float:left!important; padding:1%!important; width:50%!important;}

.statlabel { padding:10px; width:100%; float:left; text-align:center;}

.statbox { padding:10px; width:100%; float:left; text-align:center;}

.page-header.navbar {
    background-color: #578ebe;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username {
    color: black;
}

.dropdown .dropdown-user .open {
	background-color: white;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: #578ebe;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i {
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control, .page-sidebar .sidebar-search .input-group .form-control {
    background-color: #578ebe;
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #4d4d4d;
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: white;
}

.page-footer .page-footer-inner {
    color: white;
}

body {
    background-color: #578ebe;
}

.page-header.navbar .search-form {
    background: white;
}

.page-header.navbar .search-form.search-form-expanded {
    width: 350px;
}

.page-header.navbar .page-logo .logo-default {
    margin: 10px 0 0 0;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    color: black;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu > li.active > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li.active.open > a > i[class*="icon-"] {
    color: black;
}

#document-images fieldset{
    margin: 2px;
    border: 1px solid rgb(216, 216, 216) !important;
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-block-end: 0.75em;
    padding-inline-start: 0.625em;
    padding-inline-end: 0.625em;
    border: 2px groove ThreeDLightShadow;
    min-width: -moz-min-content;
}

#document-images fieldset > legend {
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    inline-size: -moz-fit-content;
}

.text2 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #237DC8;
}

.dropzone.dz-clickable {
    cursor: pointer;
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px;
    box-sizing: border-box;
}

.assets-btn{
    /* margin-left: 40px; */
    background-color: #444;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
    font-size: 12px;
    border: none;
    display: block;
    margin-top:6px;
    width: 100%;
}
.fake-btn{
    background: #4b8df8;
    padding: 4px;
    display: inline-block;
    width: 90px;
    text-align: center;
    /* margin-left: 0px !important; */
    margin-top: 8px;
    color: white;
    margin-top: 10px;
}
.addfile{
    display: inline-block;
    font-size: 12px;
    margin-bottom: 8px; 
}
td #aw61, td #myCombo2, td #aw73{
    background: #4b8df8;
    height: 26px !important;
    border-radius: 4px !important;
    margin-right: 4px;
}
td #aw61 .aw-item-box, td #myCombo2 .aw-item-box, td #aw73 .aw-item-box{
    background: #4b8df8;
    color: white;
}
td #aw73{margin-left: 4px;}

/* New Bullentin Upload File */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .container-box {
    height: 300px;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #fcfcfc;
  }
  
  .card {
    border-radius: 10px;
    width: 100%;
    height: 260px;
    background-color: #ffffff;
  }
  
  .card h3 {
    font-size: 14px;
    font-weight: 400;
    
  }
  
  .drop_box, .drop_box1 {
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 5px;
  }
  
  .drop_box h4, .drop_box1 h4 {
    font-size: 16px;
    font-weight: 400;
    color: #2e2e2e;
  }
  
  .drop_box p, .drop_box1 p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #a3a3a3;
  }
  
  .btn-box {
    text-decoration: none;
    background-color: #4b8df8;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
  }
  
  .btn-box:hover{
    text-decoration: none;
    background-color: #357bee;
    color: #fff;
    padding: 10px 20px;
    border: none;
    outline: 1px solid #010101;
}

#add-filename > span{
    font-size: 13px;
    color: black;
    font-weight: bold;
}

.basket-item-count{
    width: 13px;
    height: 13px;
    background-color: red;
    color: white;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 38px;
    font-size: 10px;
    font-weight: 100;
    border-radius: 50%;
}

.upload-title{
    font-size: 16px;
    font-weight: 900;
    margin-top: 20px;
    margin-bottom: 20px;
}

ul.upload-notice{
    margin: 0px;
    padding: 0px;
}

ul.upload-notice li{
    margin-left: 30px;
    font-size: 12px;
    color: #777;
    margin-top: 16px;
    margin-bottom: 16px;
}

#email_file_upload{
    margin-top:24px;
    margin-bottom: 24px;
}

.form-control { padding-left: 24px !important; }
.input-icon > i { margin: 11px 2px 4px 4px !important; }

.backtodealers{ text-align: center; margin-bottom: 30px;}
.backtodealers h3{ font-size: 13px; font-weight: 600; color: green; text-decoration: underline; text-align: center; }

@media screen and (max-device-width: 767px) and (orientation: landscape) {
    #warrantyactivations tbody tr td{font-size: 11px;}
    #document-listing tbody tr td{font-size: 11px;}
    #document-listing-two tbody tr td{font-size: 11px;}
    .backtodealer{position:relative}
    .backtodealer h3{ font-size: 13px; font-weight: 600; color: green; text-decoration: underline; text-align: center; }
    .dealer-page-heading{ text-align: center;}
    .dealer-page-heading h3{font-size: 20px;}
}

@media only screen and (max-width: 600px) {
    #warrantyactivations tbody tr td{font-size: 11px;}
    #document-listing tbody tr td{font-size: 11px;}
    #document-listing-two tbody tr td{font-size: 11px;}
    .page-content .portlet.box .portlet-inner-box{ padding: 0px;}
    .backtodealer{position:relative}
    .backtodealer h3{ font-size: 13px; font-weight: 600; color: green; text-decoration: underline; text-align: center; }
    .dealer-page-heading{ text-align: center;}
    .dealer-page-heading h3{font-size: 20px;}
}

@media only screen and (min-width: 600px) {
    .page-content .portlet.box .portlet-inner-box{ padding: 0px;}
    .backtodealer{position:relative}
    .backtodealer h3{ font-size: 14px; font-weight: 600; color: green; text-decoration: underline; text-align: right; }
}

@media only screen and (min-width: 992px) {
    .page-content .portlet.box .portlet-inner-box{ padding: 30px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .page-content .portlet.box .portlet-inner-box{ padding: 0px !important;}
    .backtodealer{position:relative}
    .backtodealer h3{ font-size: 13px; font-weight: 600; color: green; text-decoration: underline; text-align: center; }
    .dealer-page-heading{ text-align: center;}
    .dealer-page-heading h3{font-size: 20px;}
}