/* -------------------------------- 

Primary style


-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #3e454c;
  background-color: #ffffff;
}
body::after {
  clear: both;
  content: "";
  display: table;
}
body div.uiDatePicker a  {
  bottom: 5px !important;
}
a {
  color: #1784c7;
  text-decoration: none;
}

input {
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* -------------------------------- 

Main Page Content

-------------------------------- */
.cd-main-content .content-wrapper {
  padding: 64px 0 3em;
  margin-left: 60px;
}
.cd-main-content .content-wrapper h1 {
  text-align: center;
  padding: 3em 0;
  font-size: 2rem;
}
.cd-main-content::before {
  /* never visible - used to check MQ in jQuery */
  display: none;
  content: 'mobile';
}
@media only screen and (min-width: 768px) {
  .cd-main-content .content-wrapper {
    padding-top: 64px;
    min-height: 100vh;
  }
  .cd-main-content .content-wrapper h1 {
    padding: 4em 0;
    font-size: 3.2rem;
    font-weight: 300;
  }
  .cd-main-content::before {
    content: 'tablet';
  }
}
@media only screen and (min-width: 1170px) {
  .cd-main-content .content-wrapper {
    min-height: 100vh;
  }
  .cd-main-content::before {
    content: 'desktop';
  }
}

/* -------------------------------- 

Header

-------------------------------- */
.cd-main-header {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 64px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-main-header::after {
  clear: both;
  content: "";
  display: table;
}

@media only screen and (min-width: 768px) {
  .cd-main-header {
    position: fixed;
    height: 64px;
  }
}

.cd-logo {
  float: left;
  display: block;
  margin: 11px 0 0 5%;
}
.cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  .cd-logo {
    margin: 10px 20px;
  }
}

@media only screen and (min-width: 768px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-search {
  position: relative;
  margin: 1.2em 5% 0.6em;
}
.cd-search.is-hidden {
  opacity: 0;
}
.dms-top-logo .is-hidden { 
  display: none;
}
.cd-search::before {
  /* lens icon */
  content: '';
  position: absolute;
  left: 8px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  background: url(../img/cd-search.svg) no-repeat 0 0;
  display: none;
}
.cd-search input, .sub-main-w3 input {
  padding-left: 32px;
  width: 100%;
  height: 36px;
  border: none;
  border-radius: .25em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-search input {
  display: none;
}
.cd-search input:focus, .sub-main-w3 input:focus{
  outline: none;
}
@media only screen and (min-width: 768px) {
  .cd-search {
    display: inline-block;
    height: 100%;
    width: 35%;
    margin: 0 0 0 10px;
    padding: 15px 10px;
  }
  .cd-search.is-hidden {
    /* reset style */
    opacity: 1;
  }
  .dms-top-logo .is-hidden {
    display: inline;
   }
  .cd-search::before {
    background-position: 0 0;
    left: 1em;
    display: block;
  }
  .cd-search form, .cd-search input{
    height: 100%;
    width: 100%;
  }
  .cd-search input, .sub-main-w3 input {
    border: none;
    padding-left: 2.6em;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #DDDBDA;
    display: block;
    color: ##B2826;
  }
  .cd-search input::-webkit-input-placeholder {
    color: #777c81;
  }
  .cd-search input::-moz-placeholder {
    color: #777c81;
  }
  .cd-search input:-moz-placeholder {
    color: #777c81;
  }
  .cd-search input:-ms-input-placeholder {
    color: #777c81;
  }
}

/* -------------------------------- 

Top Navigation

-------------------------------- */
.cd-nav {
  /* top nav - not visible on mobile devices */
  display: none;
}
.cd-nav > ul > li.notifications > a::before {
  /* icon before item name */
  position: absolute;
  content: '';
  left: 5%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  background: url(../img/cd-nav-icons.svg) no-repeat 0 0;
  background-position: -80px 0;
}

@media only screen and (min-width: 768px) {
  .cd-nav {
    display: block;
    float: right;
    height: 100%;
  }
}

.cd-top-nav > li > a::before {
  /* reset style */
  display: none;
}
.cd-top-nav > li a {
  padding: 1em 5% !important;
}
.cd-top-nav img {
  /* avatar image */
  position: relative;
  top: 45%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .cd-top-nav > li a.right-top-logo img {
    height: 27px;
    width: 247px;
    position: relative;
    border-radius: unset;
    left: 0;
    top: 10px;
  }
  .cd-top-nav {
    height: 100%;
  }
  .account-text {
    display: none;
  }
  .cd-top-nav a {
    display: block;
    font-size: 1.4rem;
    color: #B0ADAB;
  }
  .cd-top-nav > li {
    height: 100%;
    float: left;
  }
  .cd-top-nav > li:last-of-type {
    margin-right: 0;
  }
  .cd-top-nav > li a {
    padding: 1em .6em !important;
  }
  .cd-top-nav img {
    display: block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-top-nav li:not(.has-children) a:hover {
    color: #1784c7;
  }
  .cd-search{
    margin-left: 10%;
  } 
}
/* -------------------------------- 

Sidebar

-------------------------------- */
.cd-side-nav {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 0;
  padding: 64px 0 0;
  background-color: #1A1C2C;
  visibility: hidden;
  opacity: 0;
  max-height: 100vh;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  transition: opacity 0.2s 0s, visibility 0s 0.2s;;
}
.cd-side-nav.nav-is-visible {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
  transition: opacity 0.2s 0s, visibility 0s 0s;
  max-height: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-side-nav > ul {
  padding: 0.6em 0;
}
.cd-side-nav > ul:last-of-type {
  padding-bottom: 0;
}
.cd-side-nav .cd-label, .cd-side-nav a {
  display: block;
  padding: 0em 1em 0.8em 42px;
}
.cd-side-nav .cd-label {
  font-weight: bold;
  color: #ffffff;
  font-size: 1.2rem;
  letter-spacing: .1em;
  padding: 1em 1em 1em 42px;
}
.cd-side-nav a {
  position: relative;
  color: #ffffff;
  font-size: 1.4rem;
}
.cd-side-nav ul.cd-top-nav > li:last-of-type > a {
  border-bottom: none;
}

.cd-side-nav .count {
  /* notification badge */
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: calc(5% + 16px + 0.4em);
  padding: 0.2em 0.4em;
  background-color: #ff7e66;
  border-radius: .25em;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}
.cd-side-nav .action-btn a {
  display: block;
  margin: 0 5%;
  padding: 1em 0;
  background-color: #1784c7;
  border-radius: .25em;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}
.cd-side-nav .action-btn a::before {
  display: none;
}
@media only screen and (min-width: 768px) {
  .cd-side-nav {
    position: relative;
    float: left;
    top: auto;
    width: 110px;
    min-height: 100vh;
    padding-top: 55px;
    /* reset style */
    visibility: visible;
    opacity: 1;
    overflow: visible;
    max-height: none;
  }
  .cd-side-nav .action-btn a {
    margin: 1em 10% 0;
  }
  .car-col-span {
    width: 98% !important;
    margin: 0 0 10px 0;
  }
  .sub-target-section {
    font-size: 11px !important;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-side-nav {
    width: 200px;
  }
  .cd-side-nav > ul {
    padding: 0.6em 0;
  }
  .cd-side-nav > ul > li:not(.action-btn):hover > a {
    background-color: #F3F2F2;
    box-shadow: inset 3px 0 0 #006DD5;
    color: #006DD5;
  }
  .cd-side-nav > ul > li > a {
    padding: 1px 1em 11px 1.5em; 
    text-align: left;
    border-bottom: none;
  }
  .cd-side-nav .cd-label {
    display: block;
    padding: 1em 0 1.5em 0;
    text-align: center;
  }
  .cd-side-nav .action-btn {
    text-align: left;
  }
  .cd-side-nav .action-btn a {
    margin: 0 18px;
  }
  .no-touch .cd-side-nav .action-btn a:hover {
    background-color: #1a93de;
  }
  .cd-side-nav .count {
    /* reset style */
    color: #ffffff;
    height: auto;
    width: auto;
    border-radius: .25em;
    padding: .2em .4em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    left: auto;
    box-shadow: none;
  }
  .sub-target-section {
    font-size: 14px !important;
  }
}

.has-children ul {
  position: relative;
  width: 100%;
  display: none;
  background-color: #1A1C2C;
}
.has-children > a::after {
  /* arrow icon */
  position: absolute;
  content: '';
  height: 16px;
  width: 16px;
  right: 5%;
  top: 45%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/cd-arrow.svg);
}

.has-children.selected > ul {
  display: block;
}
.has-children.selected > a::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
@media only screen and (min-width: 768px) {
  .has-children {
    position: relative;
  }
  .has-children ul {
    position: absolute;
    top: 0;
    left: 100%;
    width: 160px;
    padding: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  }
  .has-children ul a {
    text-align: left;
    border: none;
    padding: 1em;
  }
  .no-touch .has-children ul a:hover {
    color: #006DD5;
  }
  .has-children > a::after {
    display: none;
  }
  .cd-side-nav .has-children.selected > a {
    /* focus state -> show sub pages */
    background-color: #F3F2F2;
  }
  .cd-top-nav .has-children {
    position: relative;
  }
  .cd-top-nav .has-children > a {
    height: 100%;
    /* padding: 0 calc(1.8em + 22px) 0 calc(1.8em + 26px) !important; */
    padding: 0 45px 0 10px !important;
    line-height: 55px;
  }
  .cd-top-nav .has-children > a::after {
    display: block;
    right: 1.8em;
  }
  .cd-top-nav .has-children ul {
    background-color: #1A1C2C;
    width: 200px;
    top: 100%;
    right: 0;
    left: auto;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  }
  .cd-top-nav .has-children ul a {
    padding-left: 18px !important;
  }
  .responsive-img.big-image{
    width: 80%;
    height: auto;
  }
}
@media only screen and (min-width: 1170px) {
  .has-children > ul {
    width: 100%;
    z-index: 1;
  }
  .has-children ul a {
    padding-left: 18px;
  }
  .has-children.active > ul {
    /* if the item is active, make the subnavigation visible */
    position: relative;
    display: block;
    /* reset style */
    left: 0;
    box-shadow: none;
  }
  .no-touch .cd-side-nav .has-children:hover > ul, .cd-side-nav .has-children.hover > ul {
    /* show subnavigation on hover */
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .sidebar_top {
    display: block !important;
  }
  .responsive-img.big-image{
    width: 80%;
    height: auto;
  }
  .car-col-span {
    width: 47% !important;
  }
}

.sidebar {
  margin: 0;
  padding: 0;
  background-color: #1A1C2C;
  overflow: auto;
  width: 100%;
  height: auto;
  position: relative;
}
.sidebar_top {
  height :10px;
  background-color: #1A1C2C;
  width: 100%;
  display: none;
}

.sidebar a {
  display: block;
  color:#ffffff;
  padding: 16px;
  text-decoration: none;
  float: left;
  font-size: 1.2rem;
  padding: 1rem 2rem;
}
 
.sidebar a.active {
  background-color: #ffffff;
  color:#1A1C2C;
  font-weight: bold;
  border-bottom: 3px solid #9d0605;
}

.sidebar a:hover:not(.active) {
  background-color: #DDDBDA;
  color:#1A1C2C;
}
.sidebar a.dropbtn:hover:not(.active) {
  border-bottom: 3px solid #9d0605;
}

div.content {
  margin-left: 200px;
  padding: 16px;
  font-size: 1.2rem;
}
div.content {margin-left: 0;min-height: 100vh;}

/* Tables
================================== */
.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 1em;
  padding: 0;
}
.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style: none;
  border: solid 3px white;
  background: rgba(112, 128, 144, 0.2);
}

/* Table column sizing
================================== */
.po-cell {
  width: 15%;
}
.order-cell {
  width: 20%;
}
.description-cell {
  width: 25%;
}
.status-cell {
  width: 40%;
}
.button-cell {
  text-align: right;
  width: 40%;
}
.repair-cell {
  width: 12%;
}
.repair-cell.strongtext {
  font-weight: bold;
}

/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
.Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: #E2E2E2;
  border-color: #e2e6e9;
}

/* Responsive table
==================================== */
@media all and (max-width: 500px) {
  .Rtable-collapse {
    display: block;
  }
  .Rtable-collapse > .Rtable-cell {
    width: 100% !important;
  }
  .button-cell {
    text-align: left;
  }
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.side_headers {
  color: #1F2555;
  font-size: 1.2em;
  font-weight: bold;
}
.side_headers.single-line{
  padding-top: 10px;
}
.left-content {
  width: 30%;
  float: left;
  min-height: 650px;
}
.right-form-agile {
  margin-left: 30%;
  width: 70%;
  padding: 1rem 0 0 0;
  min-height: 650px;
}
.login-logo {
  height: 78px;
  background: #fff;
} 
.sub-main-w3{
  background: #1A1C2C;
  color: #fff;
  min-height: 650px;
}
.sub-main-w3 form {
  padding: 3rem;
  font-size: 1.2rem;
}
.sub-main-w3 h3{
  font-size: 1.6rem;
}
.form-style-agile input{
  border-radius: 4px;
  padding-left: 1.2rem;
}
.form-style-agile label {
  margin: 20px 0 5px 0;
  display: inline-block;
}
.sub-agile {
  margin-top: 4rem;
}
.sub-agile button{
  background: #005587;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.6rem 3rem;
}
.sub-agile span a{
  float: right;
  color: #fff;
}
.w3ls-content {
  text-align: center;
  padding-bottom: 8px;	
}
.responsive-img.big-image{
  width: 70%;
  height: auto;
}
@media only screen and (max-width: 768px) {
   .left-content{
      width: 100%;
      float: left;
      min-height:auto;
   }
   .right-form-agile {
      margin-left: 0;
      width: 100%;
      padding: 6rem 0 0 0;
  }
  .sub-main-w3 {
    min-height: auto
  }
  .grn-section .vendor-right-side{
    margin-left: 0 !important;
  }
  .head-content, .key-content {
    width: 100% !important;
  } 
}
.bgGradient{
  background: #373a4b; /* Old browsers */
  background: -moz-linear-gradient(top, #373a4b 0%, #414352 4%, #414350 4%, #968b89 36%, #998e8a 37%, #7b726d 53%, #81776e 74%, #6c635c 79%, #625a57 82%, #4d4844 86%, #100f14 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #373a4b 0%,#414352 4%,#414350 4%,#968b89 36%,#998e8a 37%,#7b726d 53%,#81776e 74%,#6c635c 79%,#625a57 82%,#4d4844 86%,#100f14 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #373a4b 0%,#414352 4%,#414350 4%,#968b89 36%,#998e8a 37%,#7b726d 53%,#81776e 74%,#6c635c 79%,#625a57 82%,#4d4844 86%,#100f14 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373a4b', endColorstr='#100f14',GradientType=0 ); /* IE6-9 */

}
.order-detail {
  padding-bottom: 5px;
}
.side-header-sec, .vendor-desc {
  padding: 10px 0;
}
.content ul {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden;
}

.content li, .view-left {
  float: left;
}

.content li a {
  display: block;
  color:#2B2826;
  text-align: center;
  padding: 18px 2.8rem;
  text-decoration: none;
  font-size: 1.6rem;
}
.order-img {
  float: left;
  margin-right: 12px;
}
.content li a span {
  position: relative;
  top: 20px;
  right: 30px;
}

.sub-target-section {
  width: 33%;
  float: left;
  padding: 1px 10px 0 0;
  font-size: 14px;
}
.status-bar{
  background-color: #D8D8D8;
  height: 10px;
  margin-top: 10px;
}
.progress-percentage {
  float: right;
  font-weight: bold;
}
.firm-order {
  color: #FF9900;
}
.proposed-order {
  color: #A092F0;
}
.header{
  margin-bottom: 0;
}
.content .Rtable:nth-child(2) { 
  margin-top: 0;
}
.siteforceContentArea .comm-layout-column:not(:empty) {
  padding: 0;
  margin: 0;
}
.siteforcePrmBody .cCenterPanel {
  padding: 0;
  margin: 0;
}
.progress-component {
  text-align: center;
  line-height: 5;
  border: 1px solid #DDDBDA;
  margin-bottom: 20px;
}
.target-section {
  height: 50px;
  margin-bottom: 20px;
}
.column {
  float: left;
  width: 20%;
  padding: 10px 10px 10px 0;
}
.eom-column {
  width: 16%;
}
.grn-dealer-section .column {
  width: 15%;
}
.inventory-dealer-section .column {
  width: 33%;
  height: 96px;
}
.grn-dealer-section {
  height: 90px;
}
/* Clear floats after the columns */

.dealer-section{
  height: 150px;
}
.dealer-section h2, .grn-dealer-section h2{
  color: #080707;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0;
}
.dealer-details p, .repair-list .repair-cell, .forecast-table th{
  font-weight: bold;
}
.dealer-section h3, .grn-dealer-section h3{
  padding: 10px 0;
  color: #706E6B;
}
.grn-dealer-section p {
  color: #0070D2 !important;
}
.dealer-details span{
  color: #706E6B;
  line-height: 1.5;
}

.dealer-details p.availabe-amt {
  color: #A9085B;
  font-size: 1.8rem;
}
.dealer-details p.estimate-amt {
  color: #20AA50;
  font-size: 1.8rem;
  font-weight: bold;
}
.dealer-details p{
  padding: 10px 0;
  color: #706E6B;
}
.order-detail-bg{
  background: #F3F2F2;
}
/* Tab and Mobile view CSS  start*/ 
@media only screen and (max-width: 768px) {
  .sub-target-section {
    width: 100%;
    float: left;
    padding: 1px 10px 0 0;
    font-size: 14px;
  }
  .target-section {
    height: 120px;
  }
  .column, .grn-dealer-section .column{
    width: 100%;
  }
  .inventory-dealer-section .column{
    width: 100%;
    height: 80px;
  }
  .car-col-span {
    width: 98% !important;
    margin: 0 0 10px 0;
  }
  .col-name-sec img{
    width: 85px;
    height: 79px;
  }
  .invent-column.car-sec {
    text-align: left !important;
  }
  .invent-column {
    width: 100% !important;
  }
  .dealer-section.row.eom-row {
   min-height: 755px !important;
  }
} 
@media only screen and (max-width: 498px) {
  p.lcdv-number {
    padding-top: 20px !important;
  }
}
/* Tab and Mobile view CSS End*/ 

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 6px;
}

tr:nth-child(even){
  background-color: #f2f2f2;
}

.choose-model tr td select{
  border: 1px solid #DDDBDA;
  color: #2B2826;
  height: 32px;
}
.choose-model tr td select.model-name{ 
  width: 210px;
}
.choose-model tr td select.variant{ 
  width: 132px;
}
.choose-model tr td select.quantity{ 
  width: 62px;
}
.choose-model tr td select.color{ 
  width: 116px;
}
.choose-model tr td select.fuel{ 
  width: 102px;
}
.choose-model tr td select.lmc-number{ 
  width: 182px;
}
.choose-model tr td select.description{ 
  width: 240px;
}
.choose-model tr td input.text-box{ 
  width: 72px;
  height: 32px
}
.model-section h2{
  color:#706E6B;  
  padding: 20px 0;
} 
.clear {
  clear: right;
}
.clear-left {
  clear: left;
}
.cd-main-header {
  z-index: 5;
}
.cd-side-nav {
  z-index: 3;
} 
.button-section {
   float: right;
   padding: 50px 0 0;
}
.button-section button, .serach-section button, .serach-section-grn button{
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.6rem 3rem;
  cursor: pointer;
  background: #145025;
}
.button-section button:hover{
  background: #145025;
  color: #fff;
}
.button-section .review-btn:hover{
  background: #20a344;
  color: #fff;
}
.button-section .review-btn{
  margin-left: 10px;
  background: #20a344;
}
.calender-section .active-arrow {
  display: inline-block;
}
.calender-section .inactive-arrow {
  display: none;
}
.car-col-span:nth-child(odd){
  margin-right: 60px;
}
.car-col-span {
  width: 47%;
  float: left;
  padding: 15px 0;
  border:1px solid #DDDBDA;
  background: #FFFFFF;
}
.col-name-sec.car{
  width: 20%;
}
.col-name-sec{
  width: 38%;
  float: left;
}
.col-name-sec p{
  color: #706E6B;
  padding: 10px 10px 0 10px;
  clear: both;
}
.col-name-sec p:nth-child(1){
  line-height: 1.4;
  padding-top: 0;
}
.col-name-sec:nth-child(2){
  padding-left: 20px;
}
.col-name-sec label{
  font-weight: bold;
  width: 90px;
  display: inline-block;
}
.col-name-sec .car-name, .invent-column .car-name{
  font-size: 1.4rem;
  font-weight: bold;
}
.col-name-sec .qantity, .picklist, .payment-section .dealer-save-btn{
  float: right;
}
.qantity select{
  width: 70px;
}
.qantity span:nth-child(1){
  padding-right: 20px;
}
p.estimate-amt {
  color: #20AA50;
  font-size: 1.8rem;
  font-weight: bold;
}

.div-table {
  display: table;         
  width: auto;         
  background-color: #F3F2F2;         
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
  text-align: center;
  font-size: 14px;
}
.local-table {
  display: grid;         
  width: 100%;         
  background-color: #F3F2F2;         
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
  text-align: center;
  font-size: 14px;
  overflow-x: auto;
  margin-top: 25px;
}
.local-table .div-table-row {
  display: flex;
}
.local-table .div-table-col {
  width: 120px;         
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 150px;         
  background-color: #FFFFFF;  
  color: #0070D2;
  word-wrap: break-word;
  line-height: 28px;
}
.div-table.sub-table  {
  float: right;
  margin-right: 180px;
  color: #262D3A;
}
.div-table-head .div-table-col{
  background-color: #262D3A;
  color: #FFFFFF;
  word-wrap: break-word;
  text-align: center;
  align-items: center;
  display: grid;
}
.oem-table .div-table-col{
  width: 220px;
  background-color: #FFFFFF;
  color: #514F4D;
  font-size: 12px;
}
.sub-table-head .div-table-col{
  color: #262D3A;
  background: #F3F2F2;
}
.view-detail{
  text-align: left;
  height: 28px;
  padding-left: 40px;
}
.date-col {
  color: #2B2826;
}
.status-green {
  color: #20AA50 !important;
}
.status-red {
  color: #D20000 !important;
}
.status-yellow {
  color: #F4DC25 !important;
}
.view-detail a {
  padding-left: 15px;
}
.view-right {
  margin-left: 105px;
  text-align: left;
}
.view-right p span:nth-child(1) {
  color: #2B2826;
  font-size: 16px;
  font-weight: bold;
}
.view-right p span.date-time {
  color: #706E6B;
  float:right;
}
.view-right p {
  padding: 0 0 10px 8px;
  color: #3E3E3C;
}
.view-detail-section {
  text-align: left;
  color: #3E3E3C;
}
.transporter {
  padding: 10px 0 30px 30px;
  border-bottom: 1px solid #DDDBDA;
}
.confirm-invoice{
  color: #3E3E3C;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0 10px 30px;
}
.receipt-tab {
  padding:0 0 20px 30px;
  border-bottom: 1px solid #DDDBDA;
}
.national-flag {
  padding: 20px;
  float: left;
}
.dms-top-logo {
  width: auto;
  float: left;
  color: #1F2555;
  font-weight: bold;
}
.dms-logo-img {
  padding-top: 15px;
}
.dms-logo-span{
  position: relative;
  top: -10px;
  left: -12px;
}
.dealer-name-top {
  color: #0568fc;
  font-weight: bold;
  padding: 24px 0;
}
.vertical-line {
  border-left: 1px solid #706E6B;
  float: left;
  height: 44px;
  margin-top: 10px;
}
.status-cell .sub-status{
  width: 25%;
  display: inline-block;
  font-weight: bold;
}
.cd-top-nav a.right-top-logo {
  font-size: 19px;
  padding-right: 0px !important;
}
.right-top-logo span:nth-child(1) {
  color: #005485;
}
.right-top-logo span:nth-child(2) {
  color: #fce49f;
}
.right-top-logo span:nth-child(3) {
  color: #3b9c32;
}
@media all and (min-width: 768px) and (max-width: 872px) {
  .cd-top-nav > li a.right-top-logo {
    display:none;
  }
}
.dms-logo-bottom {
  text-align: center;
  position: absolute;
  bottom: 15px;
  width: 100%;
}
.dms-logo-bottom img {
  height : 94px;
  width: 133px;
}
.lcdv-number span {
  word-wrap: break-word;
}
/* The Modal (background) */
.modal {
  display: none; 
  position: fixed;
  z-index: 1;
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 45%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  color:#514F4D;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #0070D2;
  float: right;
  font-size: 34px;
  font-weight: bold;
  top: -8px;
  position: relative;
}

.close:hover,.close:focus {
  color: #0070D2;
  text-decoration: none;
  cursor: pointer;
}
.confirm-section {
  width: 80%;
  float: left;
}
.confirm-btn-right {
  margin-left: 80%;
  padding-top: 18px;
  height: 70px;
  text-align: right;
  border-bottom: 1px solid #DDDBDA;
}
.part-po-section {
  width: 25%;
}
.grn-section {
  border-bottom: 1px solid #DDDBDA;
  padding-bottom: 16px;
}
.grn-section h2 {
  color: #1F2555;
  padding: 10px 0;
}
.grn-section p {
  float: left;
}
.grn-section .vin-number {
  float: left;
  width: 50%;
}

.grn-section .grn-number {
  height: 65px;
  margin-left: 50%;
  line-height: 7;
  text-align: center;
}
.billing-details {
  width: 100%;
}
.billing-details .text-box{
  width: 240px;
  border-radius: 4px;
  border: 1px solid #0076DE;
  height: 32px;
}
.billing-details p {
  float: none;
}
.vin-number .text-box, .vendor-right-side .text-box{
  width: 240px;
  border-radius: 4px;
  border: 1px solid #DDDBDA;
  height: 32px;
  padding-left: 6px;
  color: #1F2555;
}
.grn-number label:nth-child(2){
  color: #0070D2;
  padding-left: 42px;
}
.dealer-name {
  border-bottom: 1px solid #DDDBDA;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.dealer-name .vin-number{
  float: left;
  width: 50%;
}
.dealer-name .grn-number{
  height: 90px;
  margin-left: 50%;
  padding-left: 110px;
}
.dealer-name .vin-number p, .dealer-name .grn-number p{
  padding: 5px 0;
}    
.dealer-name .grn-number p label:nth-child(1) {
  width: 150px;
  display: inline-block;
}
.report-type {
  padding: 10px 0;
}
.report-checkbox{
  color: #2B2826;
  padding-bottom: 10px;
}
.choose-reason select{
  border: 1px solid #0076DE;
  height: 32px;
  border-radius: 4px;
  margin-top: 5px;
  width: 200px;
}
.report-type-sec {
  border-bottom: none;
  height: 120px;
}
.report-type-sec .textarea{
  padding-top: 45px;
  line-height: 10;
}
@media only screen and (max-width: 768px) {
    .grn-section .grn-number, .dealer-name .grn-number {
      width: 100%;
      margin-left: 0;
      text-align: left;
      padding-left: 0;
    }
    .grn-section p {
      float: none;
    }
    .grn-section .vin-number, .dealer-name .vin-number {
      float: none;
      width: 100%;
    }
    .report-type-sec .textarea {
      padding-top: 10px;
    }
    .report-type{
      margin-top: 50px;
    }
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: #3e454c;
}
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
    color:#006DD5;
    font-weight: bold;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.local-purchase-order {
  margin: 10px 9px 0 12px;
}
/* inventory css */
* {
  box-sizing: border-box;
}
.invent-column {
  float: left;
  width: 25%;
  padding: 10px;
  min-height: 235px;
}
.invent-row:after {
  content: "";
  display: table;
  clear: both;
}
.invent-column p{
  padding: 10px 0;
  font-weight: bold;
}
.invent-column.car-sec {
  text-align: center;
}

@media all and (min-width: 768px) and (max-width: 1170px) {
  .invent-column img {
    width: 80%;
  }
}
p.location-detail {
  padding-top: 0;
}
.head-inventory {
  border-bottom: 1px solid #DDDBDA;
} 
.return-text{
  padding: 10px;
  font-size: 12px;
  color: #20AA50;
}
.grn-section .vendor-right-side {
  height: 70px;
  margin-left: 50%;
} 
.vendor-header {
  color: #1F2555;
  font-weight: bold;
  padding: 10px 0;
}
.billing-details .text-box {
  width: 72%;
}
.vin-number.igst {
  width: 33%;
}
.vin-number.cgst {
  width: 33%;
}
.vendor-right-side.sgst{
  margin-left: 66%;
}
.vin-number select, .vendor-right-side select {
  width: 240px;
  border-radius: 4px;
  border: 1px solid #DDDBDA;
  height: 32px;
}
.oem-table .div-table-row {
  border-bottom: 1px solid #DDDBDA;
}
.demanded-repairs {
  width: 13%;
  float: left;
  padding-left: 20px;
  margin-top: 40px;
}
.demanded-repairs p {
  padding-bottom: 15px;
}
.demanded-repairs.check-box {
  width: 21%;
  float: left;
}
.demanded-repairs.check-box p {
  margin-bottom: 12px;
}
.demanded-repairs.check-box img{
  margin-right: 10px;
}
.demanded-repairs-image{
  width: 45%;
  margin-left: 55%;
  height: 170px;
}
.labour, .part {
  width: 33%; 
  float: left;
}
.additional-info{
  width: 33%; 
  margin-left: 66%;
}
.num-sec, .repair-deatil-bottom {
  width: 50%;
  float: left;
}
.num-sec {
  padding-left: 10px;
}
.des-sec{
  margin-left: 50%;
}
.repair-button{ 
  padding-top: 0;
}
.repair-detail {
  border: none;
  background:#eceaea;
  margin-top: 25px;
  width: 100%;
}
.repair-row-ro {
  min-height: 220px;
}
.repair-row-ro.dealer-sec {
  border-bottom: 1px solid #DDDBDA;
  border-top: 1px solid #DDDBDA;
  margin-bottom: 20px;
}
.side_headers.repair-side {
  color: #1F2555;
  font-size: 1.2em;
  font-weight: bold;
  margin: 20px 0 20px 0;
}
.repair-row-ro .invent-column.ro-detail-sec { 
  width: 33%;
  border-right: 1px solid #DDDBDA;
  min-height: 180px;
  padding:0 0 0 50px;
  margin: 20px 0;
}
.repair-row-ro .invent-column.ro-detail-sec:nth-child(3){
  border: none;
}
.repair-row-ro .invent-column.ro-detail-sec:nth-child(1){
  padding-left: 16px;
} 
.repair-detail-col .leftsec, .ro-detail-sec .leftsec{
  float: left;
  width: 140px;
  position: absolute;
}
.repair-row {
  min-height: 230px;
}
.repair-row .invent-column p, .repair-row-ro .invent-column p {
  padding: 6px 0;
  font-weight: normal;
}
.ro-detail-sec.invent-column p{
  padding: 10px 0;
}
.repair-detail-col .rightsec, .ro-detail-sec .rightsec{
  color: #131738;
  position: relative;
  margin-left: 140px;
}
.repair-row .invent-column {
  text-align: left;
  margin-right: 15px;
  padding: 12px;
  background: #F2F2F2;
  width: 350px;
}
.repair-row .invent-column.car-sec {
  width: 16%;  
}
.repair-row .invent-column.car-sec p, .create-purchase .dealer-details span.strongtxt, .local-table.grn-table .div-table-col.strong-txt{
  font-weight: bold;
}
.repair-row.first-row-sec {
  color: #1F2555;
}
.repair-detail .tablinks.active, .repair-detail button:hover{
  border-bottom: 3px solid #295ED9;
}
.repair-order-component {
  line-height: 5;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 17px;
  background-color: #E1E0E0;
}
.rep-text {
  width: 40%;
  float: left;
  padding-left: 20px;
  color:#1F2555;
}
.demand-side-head {
  color: #1F2555;
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 10px;
  margin: 10px 0 0 0;
  line-height: 2;
}
.repair-image-sec-text {
  float: left;
  width: 25%;
  padding: 25px 0px 25px 25px;
}
.repair-image-sec-text p {
  padding-bottom: 6px;
}
.repair-image-sec-text img {
  margin-left: 20px;
}
.demanded-repairs-image img{
  top: -25px;
  position: relative;
  left: 40px;
}
.header-lab {
    color: #080707;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 10px;
    background: #E1E0E0;
    margin: 10px 0;
    line-height: 3;
    margin-right: 10px;
}
.labour p  {
  padding-bottom: 6px;
  padding-left: 10px;
}
.leftsec.addinfo-header, .rightsec.addinfo-header {
  color: #1A1C2C;
  font-weight: bold;
  padding-bottom: 12px;
}
p.offer-header {
  color: #1A1C2C !important;
}
.repair-detail-table .div-table-col {
  width: 245px;
  color: #1F2555;
  font-size: 12px;
  text-align: left;
  padding-left: 10px;
  border-right: 1px solid #CACDD6;
}
.repair-detail-table.invoicing-table .div-table-col {
  word-break: break-word;
  width: 170px !important;
  padding-left: 25px;
}
.repair-detail-table .div-table-col:nth-child(1){
  width: 90px;
}
.repair-detail-table .div-table-col:nth-child(2), .revised-table .div-table-col:nth-child(1){
  width: 380px;
}
.repair-detail-table .div-table-col:nth-child(3), .revised-table .div-table-col:nth-child(3), .repair-detail-table.revised-table .div-table-col:nth-child(4){
  width: 260px;
}
/* current rapair order start */
.repair-detail-table .div-table-col:nth-child(4){
  width: 170px;
}

.revised-table .div-table-col:nth-child(4) {
  border-right: none;}
.pd-top-50 {
  padding-top: 50px;
}

.labour p.leftsec{
  color: #131738;
  font-weight: normal;
}
.current-repair .ro-detail-sec.invent-column p {
  padding: 5px 0;
}
.current-repair .repair-row-ro .invent-column.ro-detail-sec:nth-child(1){
  width:30%;
}
.current-repair .repair-row-ro .invent-column.ro-detail-sec:nth-child(2){
  width:25%;
}
.current-repair .repair-row-ro .invent-column.ro-detail-sec:nth-child(3){
  width:45%;
}
.current-repair .repair-row-ro .invent-column.ro-detail-sec p {
  width:170px;
}
.current-repair .repair-row-ro .invent-column.ro-detail-sec.last-col p.rightsec {
  margin-left: 210px;
}

@media only screen and (max-width:1244px){
  .current-repair .repair-row-ro .invent-column.ro-detail-sec {
    width : 100% !important;
    padding-left: 10px;
  }
}
@media only screen and (max-width:1039px){
  .current-repair .labour {
    width : 100% !important;
    margin: 3% 0 !important;
  }
  .demanded-repairs-image img {
    width: 100%;
    float:left;
  }
}
.current-repair .repair-row-ro {
  min-height: 110px;
}
.current-repair .demand-side-head {
  border-top: 1px solid #F2F2F2;
}
.current-repair .repair-row-ro .invent-column.ro-detail-sec {
  min-height: 70px;
}
.repair-head {
  color: #080707;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
  border-bottom: 1px solid #9B9B9B;
  margin: 10px 0;
  line-height: 3;
  margin-right: 10px;
}
.labour.repair-detail-col.mid-section {
  margin-left : 3%;
  margin-right : 3%;
}

.current-repair .div-table-row.hello:nth-child(odd) {
    background : red;
}
.current-repair .labour {
  background: #F2F2F2;
  border-radius: 5px;
  padding-left: 15px;
  border: none;
  width: 31.3%;
  margin-top: 2%;
  height: 27rem;
}
.revised-table .div-table-head .div-table-col{ 
  background: #F2F2F2 !important;
}
.visit-info .div-table-col:nth-child(1) {
  width:25rem;
}
.visit-info .div-table-col:nth-child(3) , .visit-info .div-table-col:nth-child(4){
  width: 32.5rem !important;
  padding-left:10%;
}

.revised-table .div-table-head .div-table-col {
  border-right : none;
}

.revised-table .div-table-col {
  line-height:40px;
}
.add-info {
  font-weight:bold !important;
}

/* current repair order end */
.repair-detail-table .div-table-col:nth-child(5), .revised-table .div-table-col:nth-child(2){
  width: 217px;
}
.repair-detail-table .div-table-head .div-table-col{ 
  background: #E1E0E0;
  color: #1F2555;
  font-size: 14px;
  font-weight: bold;
}
.labour .leftsec{
  color: #295ED9;
  font-weight: bold;
}
.exten-warr {
  margin-top: 20px;
}
.repair-detail-table .div-table-row {
  border-bottom: 1px solid #CACDD6;
}
.final-cost{
  color: #1F2555;
  font-size: 16px;
}

.repair-button p {
  padding: 10px 0 0 0;
  margin-bottom: 30px;
}
.remarks{
  padding: 10px 0 ;
}
.allocate-btn button {
  background: #FFFFFF;
  color: rgb(15, 22, 27);
  border:1px solid #D8DDE6;
  border-radius: 4px;
  padding: 0.6rem 3rem;
  cursor: pointer;
}
.bay-allocation p{
  color: #1F2555;
  font-weight: normal;
  padding-top: 0;
}
.bay-allocation-table .div-table-head{
  border-top: 1px solid #DDDBDA;
}
.bay-allocation-table .div-table-head .div-table-col {
  background: #f1f1f1;
}
.bay-allocation-table .div-table-row {
  border-bottom: 1px solid #DDDBDA;
}
.bay-allocation-table .div-table-col {
  width: 173px;
  background-color: #FFFFFF;
  color: #1F2555;
  font-size: 12px;
  text-align: left;
  border-right: 1px solid #CACDD6;
  padding-left: 10px;
}
.bay-allocation-table .total-section .div-table-col{
  border-right: none;
}
.bay-allocation-table .labour-table .div-table-col{
  border-top:  1px solid #CACDD6;
}
.bay-allocation-table .div-table-col.bay-no, .bay-allocation-table .div-table-row.bay-no {
  width: 130px;
}
.bay-allocation-table .div-table-col.technician, .bay-allocation-table .div-table-row.technician {
  width: 250px;
}
.allocate-bays-model .modal-header {
  padding: 16px;
  text-align: center;
  border: 1px solid #DDDBDA;
}
.allocate-bays-model .modal-body {
  padding: 2px 16px;
  height: 360px;
  overflow: auto;
  }
.allocate-bays-model .modal-footer {
  padding: 12px;
  border: 1px solid #DDDBDA;
  text-align: right;
}
.allocate-bays-model h2{
  font-size: 16px;
}
.allocate-bays-model .modal-body .input-section{
  float:left;
  padding: 4px;
}
.allocate-bays-model .modal-body  .input-section label{
  display: inline-block;
  padding-bottom: 4px;
  font-size: 12px;
}
.allocate-bays-model button {
  background: #0070D2;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.6rem 3rem;
  cursor: pointer;
  margin-right: 12px;
  border: 1px solid #0070D2;
}
.allocate-bays-model button.close-btn{
  background: #FFFFFF;
  border: 1px solid #D8DDE6;
  color: #0070D2;
}
.input-section select{
  border: 1px solid #DDDBDA;
  color: #2B2826;
  height: 32px;
  width: 210px;
}
.input-section select.time{
  width: 160px;
}
.allocate-bays-model .input-section label.time-label{
  padding-top: 25px;
  display: inline-block;
}
.add-bay .modal-content{
   width: 55%;
}
.add-bay .left-side {
  width: 65%;
  float: left;
}
.add-bay .right-side {
  margin-left: 65%;
  padding: 10px 10px 20px 30px;
  border-left: 1px solid #DDDBDA;
}
.add-bay .right-side h2{
  color:#080707;
  padding: 20px 0;
}
.add-bay .right-side h3{
  color: #706E6B;
  padding-bottom: 5px;
}
.add-bay .right-side p{
  color: #080707;
  padding-bottom: 20px;
}
.add-bay .modal-body .input-section.checkbox-model {
  margin-top: 27px;
} 
.add-bay .input-section input[type=text] {
  border: 1px solid #DDDBDA;
  color: #2B2826;
  height: 32px;
  width: 210px;
}
.input-section select.title {
  width: 78px !important;
}
.input-section input[type=text].name-text {
  width: 170px;
  border-radius: 4px;
}
.input-section textarea, .aftersales-content textarea{
  border: 1px solid #DDDBDA;
  color: #1F2555;
  border-radius: 4px;
}
.input-section.checkbox-model .inactive {
  margin-left: 40px;
}
.parts-consumable .div-table-col.bay-no{
  width: 70px;
}
.parts-consumable .div-table-col.bay-no {
  width: 76px;
}
.parts-consumable .div-table-col.technician, .parts-consumable .div-table-row.technician {
  width: 180px;
}
.parts-consumable select.issue-type  {
  width: 130px;
}
.parts-consumable .div-table-head .div-table-col.bay-no{
  line-height: 1;
}
.parts-section {
  min-height: 160px;
}
.parts-section .invent-column{
  background: none;
  height: 160px;
}
.parts-section-table .div-table-col.bay-no, .parts-section-table .div-table-row.bay-no {
  width: 105px;
}
.parts-section-table .div-table-col.technician, .parts-section-table .div-table-row.technician {
  width: 170px;
}
.parts-section p.rightsec{
  color: #1F2555;
}
.bay-allocation-table .blue-text {
    color: #295ED9;
    font-weight: bold;
}
.invoice-button p {
  padding: 10px 0 0 0;
  margin-bottom: 30px;
  text-align: right;
}
.button-section .pre-invoice-btn {
  background: #CA944B;
}
.payment-section {
  margin: 30px;
}
.repair-row h2.rep-header {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 12px 0;
}
.local-column {
  float: left;
  width: auto;
  padding: 10px;
  min-height: 155px;
}
.local-column-last {
  padding: 10px 0 10px 10px;
  min-height: 155px;
  color: #1F2555;
  width: 210px;
}

.local-column-last p.left {
  float: left;
  width: 100px;
  padding: 10px 0;
}
.local-column-last p.right { 
  padding: 10px 0 10px 50px;
}
.local-column-last .totalorder {
  border: 2px solid #DDDBDA;
  border-right: none;
  border-left: none;
  padding-bottom: 3px;
}
.totalorder p.right{
  font-size: 1.6rem;
  font-weight: bold;
}
.local-row {
  min-height: 155px;
  background: #F2F2F2;
  max-height: 730px;
  color: #1F2555;
}
.local-column p {
  padding-bottom: 10px;
}
.local-column select, .local-column input[type="text"] {
  border: 1px solid #DDDBDA;
  color: #2B2826;
  height: 32px;
  width: 120px;
  padding-left: 6px;
}

/* order details css start */  

.purchase-details .dealer-details span {
  line-height: 1;
  padding-bottom: 12px;
  display: inline-block;
}

.create-purchase .dealer-details span.estimate-amt{
  color: #20AA50;
  font-weight: bold;
  font-size:15px;
}
.create-purchase .dealer-details span.date-cls{
  padding: 10px 0;
  color: #706E6B;
  font-weight: bold;
}
.create-purchase .dealer-details.column.details-bord {
  border-right: 1px solid #DDDBDA;
}
.create-purchase .dealer-details.column {
  width: auto;
  padding: 20px 30px 10px 20px;
}
.purchase-details {
  display: flex;
  background-color: #F2F2F2;
  margin-top: 20px;
  border-radius: 10px;
}  
.create-purchase .dealer-details.column:last-child {
  border-right: none;
}
.div-table-col.col-head {
  background-color:#FAFAF9;
  height: 55px;
  line-height: 1.5em;
  width:108px;
}
.div-table-col.col-txt{
  color: #0070D2;
}
.create-purchase .local-table .div-table-col{
  width:218px;
  color: #1F2555;
  border-right: 1px solid #CACDD6;
}
.create-purchase .local-table .div-table-col.s-no{
  width:70px;
}
.purchase-details .dealer-details.column {
  padding: 0 15px;
  margin: 21px 0;
  max-height: 70px;
}
.col-width {
  width: 146px !important;
}
.tax-info {
  float: right;
  border-bottom: 1px solid #DDDBDA;
}
.p-color{
  color:#FF9900 !important;
}
.create-purchase .dealer-details.column.pd-rt-50 {
  padding-right: 50px;
}
.create-purchase .dealer-details.column.pd-rt-100 {
  padding-right: 100px;
}
.no-line-ht {
  line-height: 0;
}
.pd-left-0{
  padding-left:0px !important;
}

@media only screen and (max-width: 1100px) {
.purchase-details {
      width:100%;
  }
}

/* order details css start */  

/* create new part start */

p.right.strongtext {
  font-weight:bold;
}

.pd-adjust{
    padding: 7px 0 !important;
}

.create-part  .div-table-col.col-head  input[type="checkbox"]{
  margin-left: 29px;
}
.create-part .local-row {
  max-height : 780px;
}
.div-summary {
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px;
}

.col-width {
  width: 160px !important;
}

.grn-info {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 36%;
  display: flex;
}

.no-line-ht {
  line-height: 0;
}

.search-icon {
  position: relative;
}

.local-column input[type="search"], .serach-section input[type="search"], .serach-section-grn input[type="search"]{
  height:31px;
}

.search-icon::before {
  /* lens icon */
  content: '';
  position: absolute;
  left: 100px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  background: url(../img/cd-search.svg) no-repeat 0 0;
}
@media only screen and (min-width: 768px) {
  .div-summary {
      float: none;
      width: 100%;
  }

  .grn-info {
      margin-left: 37%;
      margin-right: 37%;
  }
}

@media only screen and (max-width: 768px) {
  .div-summary {
      float: none;
      width: 100%;
  }

  .grn-info {
      margin-left: 30%;
      margin-right: 30%;
  }
}

@media only screen and (max-width: 480px) {
  .div-summary {
      float: none;
      width: 100%;
  }

  .grn-info {
      margin-left: 18%;
      margin-right: 18%;
  }
}
/* create new part end */

/* existing list view end */
.cell-width {
  width: 10%;
}
.col-color{
  color: #0070D2 !important;
}
.pending-txt{
  color: #FF0000 !important;
}
/* existing list view end */
@media only screen and (min-width: 768px){
  .local-column-last{
    margin: 0px 0 0 40px;
    border-left: 20px solid #fff;
    padding-top:18px;
    width : 230px;
  }
  /*.input-section textarea{
    width : 30%;
  }*/
  
  .mysnoclass, .mysiwidth{
	  width : 2%;
  }
}


@media only screen and (max-width: 768px) { 
  .local-column {
    width: 100% ;
  }
 .local-column-last {
    width: 100% ;
    margin-left: 0;
    padding-left: 10px;
  }
  .local-column-last p.left {
    padding-bottom: 0px;
  }
  .local-row{
    background:none;
  }
}

.create-part .local-table input[type="text"] {
  width: 100px;
  border: 1px solid #DDDBDA;
  color: #1F2555;
  height: 32px;
  margin: 2px 0;
  padding: 0 6px;
}
.create-part .input-section {
  padding: 20px 0;
}
.grand-total-repair {
  font-weight: bold;
  color: #1F2555;
  padding: 15px 60px 15px 0;
  border-bottom: 1px solid #DDDBDA;
  text-align: right;
}
.repair-cell.fore-cast p {
  padding-top: 10px;
}
.repair-cell.quantity{
  width: 10%;
}
.vehicle-tbl .div-table-col{
  width: 96px;
}
.vehicle-tbl .div-table-col.s-no{
  width: 50px;
}
.serach-section span, .part-cons-textsec {
  margin-left: 20px;
}

/* Vehicle GRN list view start */ 
.serach-section-grn .search-content{
  float: left;
  width: 20%;
}
.serach-section-grn {
  min-height: 52px;
  color: #1F2555;
}
.vehicle-tbl .div-table-col.checkbox{
  padding-left: 15px;
}
.vehicle-tbl .div-table-col.grn-btn-sec {
  width: 120px;
}
.vehicle-tbl .grn-button, .vehicle-grn-list .grn-button{
  background: #0070D2;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.6rem 2rem;
}
.serach-section-grn .search-content p {
  margin-bottom: 10px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .serach-section-grn .search-content{
    width: 100%;
    padding-top: 10px;
  }
  .serach-section-grn button {
    margin-bottom: 20px;
  }
} 
/* Vehicle GRN list view end */

/* monthly forecast orders start */
@media all and (max-width: 500px) {
  .mnth-purchase-div1 .Rtable-collapse {
    display: flex;
  }
  .side-header-sec.head-adjst {
    margin-top:12%
  }
}
@media all and (max-width: 406px) {
  .mnth-purchase-div1 .Rtable-collapse {
    display: flex;
  }
  .side-header-sec.head-adjst {
    margin-top:25%
  }
}

.mnth-purchase-div1 .local-table.oem-table {
  width: auto;
}

.mnth-purchase-div1 .div-table-row.div-table-head{
  background-color: #D3D5D6;
}
.mnth-purchase-div1 .div-table-row {
  background-color: #FFFFFF;  
  border-left: 1px solid #F2F2F2;
}
@media only screen and (max-width: 1366px) {
    .mnth-purchase-div1 {
        width: 70%;
    }
    .monthly-forecast .status-div1 {
      width: 69%;
    }
    .mnth-purchase-div2 {
        width: 30%;
    }
    .monthly-forecast .status-div2 {
      width: 31%;
    }
}
@media only screen and (max-width: 1169px) {
  .mnth-purchase-div1 {
      width: 100%;
  }
  .monthly-forecast .status-div1 {
    width: 69%;
  }
  .mnth-purchase-div2 {
      width: 100%;    
      padding-left: 16px;
      margin: 16px;
  }
  .monthly-forecast .status-div2 {
    width: 31%;
  }
}
    
    .status-sec {
      line-height: 2;
      height: auto;
      margin-bottom: 20px;
      margin-top: 0px;
      width: auto;
      border-bottom: 1px solid #D3D5D6;
    }
    .content .status-sec ul a {
      z-index : 1 ; 
   } 
    .status-div1 {
        float: left;
    }
    .status-div2 {
        float: right;
        border-left: 1px solid #D3D5D6;
        padding: 1rem 2rem;
    }

    p.status-txt {
        color: #1F2555;
        opacity: 0.66;
        font-weight:bold;
        font-size:1.3rem;
    }

   p.review-txt{
        color: #9d0605;
        font-weight:bold;
        font-size:1.5rem;
    }

    .monthly-forecast .calender-nav, .forecast-order .calender-nav{
        width: 100%;
        overflow-x: auto;
    }
    
    .monthly-forecast .calender-nav li a, .forecast-order .calender-nav li a {
        font-size: 16px;
        color: #364452;
        cursor: default !important;
    }
	  .monthly-forecast .calender-nav ul li a p, .forecast-order .calender-nav ul li a p {
      font-size: 1.2rem;
      padding-top: 8px;
    }
    .monthly-forecast .calender-nav .activetab p, .forecast-order .calender-nav .activetab p{
      font-size: 1.2rem;
      font-weight: bold;
	    padding-top: 8px;
    }
	  
  
    @media only screen and (min-width: 1367px) {
        .mnth-purchase-div1 {
            width: 75%;
        }
        .monthly-forecast .status-div1, .daily-order .status-div1{
          width: 74%;
        }
        .mnth-purchase-div2 {
            width: 25%;
        }
        .monthly-forecast .status-div2, .daily-order .status-div2 {
            width: 26%;
        }
       .daily-order .status-div1{
          width: 60%;
        }
       .daily-order .status-div2 {
            width: 40%;
        }
    }
    @media only screen and (max-width: 516px) {
      .mnth-purchase-div1 .Rtable.Rtable-collapse.repair-list {
            width: 94%;
        }
    }
    .mnth-purchase-div1 .Rtable {
        flex-wrap: nowrap;
    }
    .monthly-forecast .wd-100 {
        width: 100%;
    }

    .monthly-forecast .p-txt-color {
        color: #ff6600;
    }

    .monthly-forecast .wd-auto {
        width: auto;
    }

    .monthly-forecast .wd-50 {
        width: 50%;
    }
    .monthly-forecast .wd-35 {
      width: 38%;
    }
    .monthly-forecast .wd-10 {
        width: 100px;
    }
    .monthly-forecast .obj {
      width: 90px;
  }
    .mnth-purchase-div1 .Rtable.Rtable-collapse.repair-list {
        margin-bottom: 0px;
        margin-right: 19px;
        margin-left: 0px;
    }
    .mnth-purchase-div1 .Rtable.Rtable-collapse.head-year {
      margin-top: 0;
    }
    .mnth-purchase-div1 .Rtable.Rtable-collapse.head-year .w3ls-content{
      padding: 6px 2px;
      background: #2f5a7a;
      color: #ffffff;
    }
    .monthly-forecast .chart-info {
        font-size: 11px;
        padding-top: 7px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 2%;
        display: flex;
    }

    .monthly-forecast .repair-cell.w3ls-content.section-color.txt-color, .list-content .repair-cell.section-color.txt-color{
        color: #1F2555;
        padding-top: 10px;
    }
    .monthly-forecast .list-content .Rtable-cell:nth-child(1){
      text-align: left;
    }
    .monthly-forecast .chart-col {
        padding: 0px 10px 0 0;
    }

    .monthly-forecast .calender-sec li a {
        padding: 2em 0.8rem 2em 0.3em;
    }


    .mnth-purchase-div1 .list-content{
        min-height: 32px;
        margin: 5px 19px 0px 0px;
    }
    .mnth-purchase-div1 .repair-cell.w3ls-content.section-color.txt-color {  
      background-color: #e1f1f7;
      border-color: #e1f1f7;
    }

    .mnth-purchase-div1, .repair-detail-col {
        float: left;
    }
    .mnth-purchase-div1 .repair-cell.w3ls-content {
      background-color : #2f5a7a;
      font-size: 1.2rem;
      border-top:none;
      border-right: 1px solid #e2e6e9;
      color: #ffffff;
      padding: 12px 2px;
    }
    .mnth-purchase-div1 .repair-cell.section-color.wd-10 {
      text-align:center;
      padding-right: 0px;
    }
    .monthly-forecast p.repair-cell.fl-left {
      float:left;
      font-size:14px
    }
    .monthly-forecast p.fl-right {
      float:right;
      font-weight:bold;
      font-size:12px;
    }
    .monthly-forecast .purchase-div {
      float:right;
      width:100%;
      margin-bottom: 20px;
    }
    .monthly-forecast span.pd-10, .daily-order span.pd-10 {
      padding-left: 10px;
    }
    .mnth-purchase-div2 {
        float: right;
    }

    .monthly-forecast .button-section.btn-space {
        padding: 0 1em 0 0;
    }

    .monthly-forecast .chart-content {
        background-color: #F2F2F2;
        padding: 1em;
    }

    .monthly-forecast .chart-data {
        background-color: white;
        margin: 10px 0px;
        border: #CACED5;
    }

    .monthly-forecast .div2-head {
        border-bottom: 1px solid #D3D5D6;
        padding-bottom: 10px;
    }
    .mnth-purchase-div1 .section-color, .daily-order-div1 .section-color { 
        text-align: center;
        padding-top: 10px
     }
     .mnth-purchase-div1 .section-color:last-child {
       padding-top: 6px;
     } 
    .section-color {
        color: #364452;
        background-color: #e1f1f7;
        border-color: #e1f1f7;
        padding: 6px 0px 4px 1px;
		    font-weight: bold;
    }

    .div-table-head .vehicle-table-col {
        text-align: center;
        display: grid;
    }

    .oem-table .vehicle-table-col {
        width: 5.8rem;
        color: #514F4D;
        font-size: 12px;
        border-right: 1px solid #F2F2F2;
    }

    .oem-table .vehicle-table-col:last-child {
        border-right: none;
    }

    .vehicle-table-col {
        padding: 0px 10px 0px 10px;
        height: 28px;
        line-height: 28px;
        height: 34px;
        line-height: 1.5em;
        word-wrap: break-word;
        text-align: center;
        align-items: center;
        display: grid;
    }

    .vehicle-table-col.first-col {
        width: 11rem;
        height:auto;
        text-align: left;
        font-weight: bold;
        border-right: 1px solid #F2F2F2;
    }
    .vehicle-table-col.col-4.color-frst-col {
      background-color: rgb(229 192 179 / 0.5);
    }
    .vehicle-table-col.col-4.color-scnd-col {
      background-color: rgb(206 123 108 / 0.5);
    }
    .vehicle-table-col.col-4.color-thrd-col {
      background-color: rgb(201 87 77 / 0.5);
    }
    .vehicle-table-col.col-4.color-frth-col {
      background-color: rgb(208 61 61 / 0.5);
    }
    .vehicle-table-col.col-4 {
      background-color: #76e3dc;
      opacity: 1;
    }
    .vehicle-table-col.col-4.wd-83 {
      width: 83px;
    }
    .vehicle-table-col.strongtext {
        font-weight: bold;
        height: auto;
    }

    .vehicle-table-row {
        display: flex;
        width: auto;
        clear: both;
    }

    .vehicle-table-row:nth-child(odd) {
        background-color: #F2F2F2;
    }

    .vehicle-table-row:nth-child(even) {
        background-color: #FFFFFF;
    }

    .no-overflow {
        overflow: hidden;
    }
    img.chart-img {
        padding: 2px;
        background-color: #FFFFFF;
        border-radius: 2px;
    }
    .mnth-purchase-div1 .oem-table.local-table.oem-table, .daily-order-div1 .oem-table.local-table.oem-table{
        margin: 5px 16px 0px 0px;
        position: relative;
        overflow:auto;
        max-height: 261px;
    }

    .mnth-purchase-div1 .div-table-col.back-color {
        background-color: #D3D5D6;
        line-height: 2;
    }

    .mnth-purchase-div1 .div-table-col.cell-width {
        width: 88px;
    }
    .dis-flex {
      display: flex;
      font-size:13px;
    }
    .row-adjst {
      padding: 0em 4em 0em 0em;
    }
    /* .mnth-purchase-div1 .div-table-col.cell-width, .add-demo-vehicle tr:nth-child(1) th:nth-child(6), .add-demo-vehicle tr:nth-child(1) th:nth-child(7), .add-demo-vehicle tr:nth-child(2) th:nth-child(1).sub-sec3{
        border-right: 1px solid #F2F2F2;
    } */
    .mnth-purchase-div1 .div-table-col.cell-width.col-color {
        width : 4rem;
        background-color: #F2F2F2;
    }

    .div-table-col.back-color.disable {
        color: #858281;
        width: 4rem;
        border-right: none;
    }

    .div-table-col.back-color.strongtext {
        font-weight: bold;
        border-right: none;
        color: #1F2555;
    }

    .sub-sec1 {
        padding: 0px 10px;
        color: #48b8b2;
    }

    .sub-sec2 {
        padding: 0px 5% 0 5%;
        float: left;
        color: #858281;
    }

    .sub-sec3 {
        padding: 0px 10px;
        color: #858281;
    }
    .mnth-purchase-div1 .sub-sec{
      width: 20%;
      text-align: center;
      margin-left: 3%;
    }
    .mnth-purchase-div1 .list-content .sub-sec {
      color: #202655;
    }
    .mnth-purchase-div1 input[type="text"] {
        width: 40px;
    }


    .mnth-purchase-div1.oem-table .div-table-row {
        border: 1px solid #DDDBDA;
    }
    .mnth-purchase-div1 .wd-50 {
      width: 50px;
      border-left: 1px solid #CACDD6;
  }
    .mnth-purchase-div1 .div-table-col.wd-116 {
        width: 115px;
    }
    .mnth-purchase-div1 .wd-116.bd-right {
      border-right: 1px solid #CACDD6;
    }
    .mnth-purchase-div1 .div-table-col.back-color.strongtext.wd-40 {
        width: 118px;
        background-color: #D3D5D6;
    }

    .mnth-purchase-div1 .div-table-col.wd-40 {
        width: 118px;
        border-right: 1px solid #CACDD6;
        background-color: #F2F2F2;
    }

    .mnth-purchase-div1 input.wd-30, .add-demo-vehicle input.wd-30{
        width: 4rem;
        text-align: center;
    }

    .mnth-purchase-div1 select.variant.wd-9 {
        width: 90px;
    }

    .mnth-purchase-div1 .wd-25 {
      width: 50%;
    }

    .mnth-purchase-div1 .wd-15, .daily-order-div1 .wd-15 {
        width: 131px;
    }
    .mnth-purchase-div1 .wd-100 {
      width: 100px;
    }
    .mnth-purchase-div1 .wd-8{
        width: 10%;
    }
    .mnth-purchase-div1 .chart{
      width: 55px;
    }
    p.bold-txt {
        font-weight : bold;
    }
    .mnth-purchase-div1 img.deleteicon, .daily-order-div1 img.deleteicon{
      padding: 6px 0 0 0;
    }
    .mnth-purchase-div1 img.addicon, .daily-order-div1 img.addicon{
      padding: 0 0 3px 6px;
    }
    .mnth-purchase-div1 .wd-35 {
      width: 100px;
    }
    
/* monthly forecast order end */
/* daily order start */

@media only screen and (max-width: 1169px) {
  .daily-order-div1 {
      width: 100%;
  }
  .daily-order-div1 {
    width: 100%;
  }
}

.daily-order-div1 .button-section.btn-space {
  padding:0px;
}

.daily-order-div1 .local-table.oem-table {
  margin-top:0px;
}

.daily-order-div1 input.wd-3 {
  width: 3rem;
  text-align: center;
}
.vehicle-table-col.txt-size.strongtext {
  padding: 10px 0px;
}
span.last-col1 {
  background-color: #69E4A6;
  border-radius: 20px;
  padding: 0.3em;
}

span.last-col2 {
  background-color: #FF7285;
  border-radius: 20px;
  padding: 0.3em;
}

span.last-col3 {
  background-color: #FFCA83;
  border-radius: 20px;
  padding: 0.3em;
}

.rtable-cell.section-color {
  width: 20%;
  font-weight: bold;
}
.daily-order-div1 .section-color .wd-15 {
  width: 131px;
}
.calender-sec {
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #D3D5D6;
}

.calender-sec ul {
  border-bottom: 1px solid #D3D5D6;
}
.calender-sec li:nth-child(1) a {
  font-weight: bold;
  padding-left: 0;
}
.calender-sec li a {
  padding: 10px 20px;
  font-size: 16px;
}

.vehicle-table-col.strongtext.wd-80 {
  width: 80px;
  font-size: 9px;
}

.vehicle-table-col.txt-size.wd-80 {
  width: 80px;
  font-size: 9px;
}
.vehicle-table-col.strongtext.wd-50 {
  width: 50px;
  font-size: 9px;
}

.vehicle-table-col.txt-size.wd-50 {
  width: 50px;
  font-size: 9px;
  text-align: left;
    padding-left: 5px;
}
.vehicle-table-col.txt-size {

  font-size: 9px;
  width: 40px;
}

.daily-order-div1 .div-table-row.div-table-head {
  background-color: #D3D5D6;
}

.daily-order-div1 .div-table-row {
  background-color: #FFFFFF;
}

@media all and (max-width: 500px) {
  .daily-order-div1 .Rtable-collapse {
      display: flex;
  }

  .side-header-sec.head-sec {
      margin-top: 12%
  }
}

@media all and (max-width: 406px) {
  .daily-order-div1 .Rtable-collapse {
      display: flex;
  }

  .side-header-sec.side-sec {
      margin-top: 25%
  }
}
@media only screen and (max-width: 1169px) {
  .daily-order-div1 {
      width: 100%;
      height:auto !important;
      margin-bottom: 20px;
  }
  .daily-order-div2 {
    width: 100%;
    float:none;
  }
}
@media only screen and (min-width: 1170px) {
  .daily-order-div1 {
    width: 60%;
    border-right: 1px solid #CACDD6;
  }

  .daily-order-div2 {
    width: 40%;
  }
}
@media only screen and (max-width: 1366px) {
  .daily-order .status-div2 {
      width: 40%;
  }
  .daily-order .status-div1 {
    width: 60%;
  }
}
.daily-order-div1 .Rtable {
  flex-wrap: nowrap;
}

.daily-order-div1 .div-table-col.back-color {
  background-color: #D3D5D6;
  line-height: 2;
}

.daily-order-div1 .div-table-col.cell-width {
  width: 7rem;
  border-right: 1px solid #D3D5D6;
  border-left: 1px solid #D3D5D6;
}

.div-table-col.back-color.strongtext.wd-150 {
  width: 15rem;
  border-right: 1px solid #D3D5D6;
}

select.variant.wd-150 {
  width: 14rem;
}

.div-table-col.wd-100 {
  width: 100px;
  border-right: 1px solid #D3D5D6;
}

.div-table-col.back-color.strongtext.wd-100 {
  width: 10rem;
  border-right: 1px solid #D3D5D6;
}

.daily-order-div1 select.variant.wd-100 {
  width: 9rem;
}

.daily-order-div1 .div-table-col.cell-width.col-color {
  background-color: #F2F2F2;
}

.daily-order-div1 .Rtable.Rtable-collapse.repair-list {
  min-height: 32px;
  margin-bottom: 0px;
  margin-right: 3px;
  margin-left: 0px;
}

.daily-order-div1 {
  float: left;
  height: auto;
  padding-right: 20px;
  margin-bottom: 20px;
}

.daily-order-div2 {
  float: right;
  height: auto;
  padding-left: 20px;
}

.div-table-col.wd-150 {
  width: 150px;
  border-right: 1px solid #D3D5D6;
}

.div-table-col.wd-5 {
  width: 4rem;
  border-right: 1px solid #D3D5D6;
}

.div-table-col.wd-10 {
  width: 5rem;
}
.daily-order .calender-sec li a.activetab {
  color:#1F2555 !important;
  font-size:1.6rem;
  border: 1px solid #CACDD6;
  border-width: 0 1px;
  font-weight: bold;
}
.daily-order-div1 .wd-last {
  width:  73%;
}
.daily-order-div1 .list-content {
  min-height: 32px;
  margin: 5px 0 0 0;
}
/* daily order end */
/* create grn start */
.create-grn input[type="text"] {
  width: 10rem;
}

.create-grn button.review-btn {
  background: #4BCA81;
  padding: 23px 0 0;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 0.7rem 1.5rem;
}

.create-grn .repair-row-ro .invent-column.ro-detail-sec {
  width: 25%;
}

.create-grn .repair-row-ro .invent-column.ro-detail-sec:nth-child(3) {
  border-right: 1px solid #DDDBDA;
}

.create-grn .repair-row-ro .invent-column.ro-detail-sec:nth-child(4) {
  border: none;
}

.create-grn .repair-row-ro .invent-column.ro-detail-sec {
  min-height: 70px;
}

.create-grn .ro-detail-sec.invent-column p {
  padding: 5px 0px;
}

.create-grn .div-table-col.col-head {
  background-color: #F2F2F2;
  border-right: 1px solid #DDDBDA;
  height: 58px;
  line-height: 1.5em;
  width: 15.95rem;
  font-size: 16px;
}

@media only screen and (max-width: 1254px) {
  .create-grn .invent-column.ro-detail-sec {
      width: 100% !important;
  }
}

.create-grn .repair-row-ro {
  min-height: 130px;
}

p.reports {
  font-size: 13px;
  padding: 5px 0px;
  color: #5F6384;
}

p.reports.rp-head {
  padding: 25px 0px;
}

.create-grn button.allocate-btn.button {
  background: #FFFFFF;
  color: rgb(15, 22, 27);
  border: 1px solid #D8DDE6;
  border-radius: 4px;
  cursor: pointer;
}

.div-table-col.col-head.row-color {
  background-color: #FFFFFF;
  font-size: 16px;
  border-right: 1px solid #DDDBDA;
}

.create-grn .div-table-col.col-head.row-color:last-child,
.create-grn .div-table-col.col-head:last-child {
  border-right: none;
}

.create-grn .local-table.oem-table {
  margin: 0px 0px 20px 0px;
  float: left;
}

.report-column {
  float: left;
  width: 25%;
  padding: 10px 10px 10px 0px;
  min-height: 235px;
}

select.dropdown {
  border: 1px solid #DDDBDA;
  width: 70%;
  height: 3rem;
  color: #5F6384;
}

p.pd-btn {
  padding-top: 2.5rem;
}

textarea.txt-area-ht {
  border: 1px solid #DDDBDA;
  width: 70%;
  height: 13rem;
}

.create-grn .local-row {
  min-height: 120px;
  background: #E5E5E5;
  max-height: 70rem;
}

.create-grn .local-column {
  padding: 20px;
  min-height: 120px;
  width: 20%;
  max-height: 700px;
}

.bold-text {
  font-weight: bold;
  font-size: 13px;
}

.create-grn .button-section {
  padding: 23px 0 0;
  float: left;
}

button.allocate-btn.button.grn-input {
  background-color: #F2F2F2;
  height: 31px;
  width: 100%;
}

.create-grn p.leftsec {
  opacity: 0.66;
}

.invent-column.ro-detail-sec.pd-detail {
  padding-left: 3rem;
}

.create-grn .repair-row-ro .invent-column.ro-detail-sec:nth-child(1) {
  padding-left: 30px;
}
/* create grn end */

/* Parts changes start */

.create-purchase .tab{
  background: none;
  border-bottom: 1px solid #ccc;
  color: #1F2555;
}
.create-purchase .tab button{
  padding: 10px 20px 10px 5px;
  margin-right: 1px;
}
.create-purchase .deal-head {
  font-size: 16px;
}
.create-purchase .dealer-details span, .create-purchase .dealer-details p, .create-purchase .dealer-details h2,.create-purchase .dealer-details h3  {
  color: #1F2555;
}
.create-purchase .div-table-col.col-head {
  font-weight: bold;
  background: #F2F2F2;
}
.local-table.order-detail-tbl {
  width: 289px;
  border-top: 1px solid #DDDBDA;
  border-left: 1px solid #DDDBDA;
}
.local-table.first-sec {
  margin-top: 0;
}
.part-order {
  width: 100%;
  float: right;
}
.part-order .dealer-details h3 {
  padding-top: 10px;
}
.part-order-detail .dealer-details.column, .part-order .dealer-details.column{
  width: 16%;
}
.tax-info .dealer-details.col-width{
  width: 180px !important;
}
.local-table .div-table-col.description {
  width: 129px;
}
.local-table .div-table-col.description input[type="text"]{
  width: 120px;
}
.create-part .local-table .div-table-col.ordr-qtr input[type="text"]{
  width: 60px;
}
.create-purchase .local-table.grn-table .div-table-col {
  width: 159px;
}
@media only screen and (max-width: 786px) {
	.purchase-details {
		display: inline-block;
	}
	.create-purchase .dealer-details.column {
		padding: 10px 10px 10px 10px;
		width: 100%;
	}
	.purchase-details .dealer-details.column { 
		float: left;
		width: 50%;
	}
	.purchase-details .dealer-details.column.details-bord {
		width : 50%;
		border-right: none; 
	}
	.repair-vehicle-section, .pd-left-0 {
		padding-left: 10px !important;
	}
	.create-purchase .tax-info {
		width: 100%;
	}
	.tax-info .dealer-details.col-width:nth-child(1) {
		width: 60% !important;
		float: left;
	}
	.tax-info .dealer-details.col-width:nth-child(2) {
		width: 40% !important;
	}
	.reviewButtonsheader {
		margin-top : 20px;
	}
	.local-table.order-detail-tbl {
		width: 240px;
	}
	.vin-number.igst, .vin-number.cgst{
		width: 100%;
	}
	.vin-number .text-box, .vendor-right-side .text-box{
		width: 95%;
	} 
	.button-section .review-btn {
		margin-left: 0; 
	}
}     
/* create vendor screen start */
.grn-section.vendor-div {
  background: #F2F2F2;
  border-radius: 5px;
  padding-left: 15px;
  border:none;
}
.vendor-div .vendor-head {
  color: #1F2555;
  font-weight: bold;
  padding: 15px 0;
  font-size: 14px;
}
.vendor-div h2 {
  color: #5F6384;
  padding: 10px 0;
  font-size: 12px;
}
.create-vendor .head-inventory {
  border-bottom: none;
}
/* create vendor screen end */

/* vehicle grn view start */

.vehicle-grn-list .local-column {
  padding: 20px;
  background: #F2F2F2;
  min-height: 120px;
  width: 25%;
  max-height: 700px;
}
.vehicle-grn-list .local-row {
  min-height: 120px;
  background: #F2F2F2;
  max-height: 70rem;
}
@media only screen and (max-width: 768px) {
  .vehicle-grn-list .local-column {
    width:100%;
  }
}
.vehicle-tbl .grn-button , .vehicle-grn-list .grn-button {
  background: #0070D2;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.6rem 2rem;
}
.vehicle-grn-list .div-table-row.div-table-head {
    background: #FAFAF9;
}

.vehicle-grn-list .div-table-col.head-col {
  background-color: #FAFAF9;
  box-shadow: 0px 1px rgba(221, 219, 218, 1)
}
.vehicle-grn-list .local-table.oem-table.vehicle-tbl {
  background-color: #FFFFFF;
  padding-top:20px;
}
.vehicle-grn-list .div-table-row {
  background-color: #FFFFFF;
}

.vehicle-grn-list .local-column input[type="text"] {
  width: 100%;
  background: #FFFFFF;
  color: rgb(15, 22, 27);
  border: 1px solid #D8DDE6;
  border-radius: 4px;
}

/* vehicle grn view end */

/* Menu bar changes */ 

.cd-side-nav {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 0;
  padding: 64px 0 0;
  background-color: #1A1C2C;
  visibility: hidden;
  opacity: 0;
  height: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  transition: 0.5s;
}
/* body {
  overflow-x: hidden;
} */
a svg{
  transition:all .5s ease;
 
  &:hover{
    #transform:rotate(180deg);
  }
}

.cd-side-nav .cd-label .closebtn {
    position: absolute;
    top: 67px;
    right: 0px;
    font-size: 36px;
    margin-left: 80px;
    border: none;
    background: transparent;
    color: #fff;
	cursor: pointer;
}
.sidebar  a#hamburger-menu:hover {
  background: none;
}
.side-nav-icons {
  width: 60px;
  visibility: visible;
  opacity: 1;
  padding-top: 74px;
}
.cd-side-nav.side-nav-icons > ul > li > a {
    padding: 1em 0 1em 1.5em;
    height: 44px;
}
.side-nav-icons ul {
  padding-top: 0;
}
.cd-side-nav img{
  top: 7px;
  position: relative;
  padding-right: 10px;
}
.cd-side-nav-menu .has-children > a::after, .cd-side-nav-icons .has-children > a::after{
  display: none;
}
.sidemenu-icons{
  background: url(../img/favourites.png) no-repeat;
  display: inline-block;
  height: 30px;
  width: 40px;
  position: relative;
  top: 12px;
}
.sidemenu-icons.favourites{
  background: url(../img/favourites.png) no-repeat;
}
.sidemenu-icons.vehicle {
  background: url(../img/vehicle.png) no-repeat;
}
.sidemenu-icons.nav-item {
  background: url(../img/nav-item.png) no-repeat;
}
.sidemenu-icons.parts {
  background: url(../img/parts.png) no-repeat;
}
.sidemenu-icons.services {
  background: url(../img/services.png) no-repeat;
}
.sidemenu-icons.customer360 {
  background: url(../img/customer360.png) no-repeat;
}
.sidemenu-icons.crm {
  background: url(../img/crm.png) no-repeat; 
}
.sidemenu-icons.nav-item-1 {
  background: url(../img/nav-item-1.png) no-repeat;
}
.sidemenu-icons.hamburger{
  background: url(../img/hamburger.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.favourites{
  background: url(../img/favourites-active.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.vehicle{
  background: url(../img/vehicle-active.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.nav-item{
  background: url(../img/nav-item-active.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.parts{
  background: url(../img/parts-active.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.services{
  background: url(../img/services-active.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.customer360{
  background: url(../img/customer360-active.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.crm{
  background: url(../img/crm-active.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.nav-item-1{
  background: url(../img/nav-item-1-active.png) no-repeat;
}
.cd-side-nav > ul > li:not(.action-btn):hover > a .sidemenu-icons.hamburger{
  background: url(../img/hamburger-active.png) no-repeat;
}
.side-nav-icons .sidemenu-icons{
  top: 0;
}
@media only screen and (max-width: 768px) {
  .cd-side-nav.side-nav-icons > ul > li > a#hamburger-menu {
    display: none;
  }
  .cd-top-nav li a.right-top-logo {
    display: none;
  }
  .cd-side-nav .avatar-img img{
    padding-right: 0;
    left: 0.4em;
  }
  .has-children > a.avatar-img::after{
    top: 38%;
  }

}
/* Menu bar changes end */ 
/* login CSS start */
.login-logo {
  padding-bottom: 20px;
}
.head-content{
  text-align: left;
  font-size: 30px;
  width: 49%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 0 15px 58px;
  line-height: 1.2;
}
.key-content{
  text-align: left;
  color: #CDCDCD;
  padding-left: 58px;
  width: 33%;
  line-height: 1.2;
}
.citroen-logo {
  border-right: 1px solid #707070;
  padding-right: 10px;
}
.dms-logo{
  padding-left: 10px;
}
.car-name-color {
  color: #ff9933;
}
/* login css end */ 

/* calendar css Start */ 
.calender-view{
  background: #f0f0f0;
}
.calender-view  ul.status-section  {
  margin-top: 20px;
  padding-left: 3px;
}
ul.status-section li {
  padding-right: 15px;
}
.status-square {
  height: 10px;
  width: 10px;
  background-color: #158ced;
  display: inline-block;
  margin-right: 10px;
}
.calender-view .work-progress {
  background-color: #fff64d;
}
.calender-view .on-hold{
  background-color: #e3bf49;
}
.calender-view .completed {
  background-color: #4dbf77;
}
.calender-view .in-completed {
  background-color: #d60000;
}
.calender-view .allocate-btn{
  padding-top: 16px;
}
.calender-view .allocate-btn button {
  border: 1px solid #3891d9;
  color: #3891d9;
}
/* calendar css End */

/* Phase2 Css Start */ 

.add-demo-sec {
    width: 60%;
    float: left;
}
.add-demo-sec button{
  color: #378fdb;
  border: 1px solid #378fdb;
}

.dealer-objective ul#horizontal-list {
	min-width: 696px;
	list-style: none;
	padding-top: 20px;
}
.dealer-objective ul#horizontal-list li {
  display: inline;
  margin-right: 30px;
}
.dealer-objective ul li p{
  padding-bottom: 5px;
}
.dealer-obj .year-col{
  text-align: center;
  padding: 0;
}
.dealer-obj .year-col input{
  width: 3rem;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #DDDBDA;
}
.dealer-objective .disp-page{
  float: right;
  font-weight: normal;
  font-size: 1.2rem;
}
.dealer-obj .year-col.deal-col input{
  width: 6rem;
  text-align: center;
}

.forecast-table tr:nth-child(even), .forecast-table tr:nth-child(1) {
  background-color: #f2f2f2;
}
.forecast-table {
  overflow-x:auto;
  margin: 1em;
  border: 1px solid #70707079;
}
.forecast-table th, .forecast-table td {
  text-align: center;
  padding: 12px;
}
.forecast-order .Rtable-cell{
  background:none;
  border: none;
}
.forecast-order .header-disable {
  padding-top: 10px;
  color: #858281;
}
.add-demo-vehicle .modal-content, .additional-job .modal-content{
  width: 80%;
}
.add-demo-vehicle th, .add-demo-vehicle tr{
  font-size: 12px;
  color:#1F2555;
}
.add-demo-vehicle  .input-section select{
  border: 1px solid #DDDBDA;
  color: #2B2826;
  height: 32px;
}
.add-demo-vehicle .forecast-table {
  border: none;
}
.add-demo-vehicle tr:nth-child(1), .add-demo-vehicle tr:nth-child(2) th.sub-sec3 {
    background: #E2E2E2;
}
.add-demo-vehicle tr:nth-child(even) {
  background: #F2F2F2;
}
img.plus-icon{
  border-radius: 50%;
  border: 1px solid #707070;
  padding: 2px;
  bottom: -3px;
  position: relative;
}
/* .add-demo-vehicle tr:nth-child(1) th:nth-child(8){
  border-bottom: 1px solid #F2F2F2;
  border-right: 1px solid #F2F2F2;
} */ 
img.delete-icon{
  position: relative;
  top: 3px;
  margin-right: 4px;
}
.allocate-bays-model.add-demo-vehicle h2 {
  font-size: 18px;
  color: #2B2826;
}
.add-demo-vehicle .modal-footer {
  background-color: #F2F2F2;
  border: none;
}
.add-demo-vehicle td select{
  width:70px  !important;
}
.add-demo-vehicle th, .add-demo-vehicle td {
  padding: 12px 2px;
} 
.purchase-return .head-inventory {
  border-bottom: none;
}
.purchase-return .text-box, .purchase-return select, .create-grn-popup select, .dealer-objective select, .dealer-objective .search-box, .bin-creation select, .counter-sale .text-box, .counter-sale select, 
.part-tab-details .text-box, .part-tab-details  select { 
  width: 182px;
  border-radius: 4px;
  border: 1px solid #DDDBDA;
  height: 32px;
  padding-left: 6px;
  color: #1F2555;
}
.purchase-return li {
  margin-right: 40px;
  width: 183px;
  min-height: 75px;
}
.purchase-return li .disp-none{
  color: red;
  display: block;
  padding-top: 2px;
}
.purchase-return li .text-label, .part-tab-details li .text-label, .oem-purchase li .text-label, .sales-summary li .text-label, .customer-summary li .text-label{
  margin: 8px 0;
  color: #5F6384;
}
.purchase-return .div-table-head .div-table-col{
  font-weight: bold;
}
.create-grn  .allocate-btn{
  width: 100%;
  float: left;
  margin: 10px 0;
}
.create-grn-popup .upload-btn{
  margin-top: 12px;
}
.create-grn-popup .modal-body {
  height: 260px;
}
.create-grn-popup .upload-btn button{
  background: #FFFFFF;
  color: #378fdb;
  border: 1px solid #D8DDE6;
  border-radius: 4px;
  padding: 0.6rem 3rem;
  cursor: pointer;
  margin: 0 23px;
}
.create-grn-popup .upload-btn p {
  margin-left: 210px;
  margin-top: 10px;
}
.create-grn-popup .upload-info {
  padding-top: 20px;
}
.dealer-objective .xl-upload{
  color: #0070D2;
  font-weight: bold;
  margin: 20px 0 20px 0;
}
.disp-page select{
  width: 60px;
}
.dealer-obj .div-table-head .div-table-col.bay-no, .dealer-obj .div-table-col.bay-no, .dealer-obj .div-table-row.bay-no {
  width: 60px;
}
.dealer-obj .div-table-head .div-table-col.deal-col, .dealer-obj .div-table-col.deal-col, .dealer-obj .div-table-row.deal-col{
  width: 90px;
}
.dealer-obj .div-table-head .div-table-col.deal-name, .dealer-obj .div-table-col.deal-name, .dealer-obj .div-table-row.deal-name{
  width: 160px;
}
.dealer-obj .year-col.deal-name input {
  width: 150px;
}
.dealer-objective .xl-upload img {
  margin-right: 12px;
}
.dealer-objective .dealer-save-btn, .bin-creation .create-btn, .counter-sale .dealer-save-btn, .part-tab-details .dealer-save-btn, .aftersales-content .dealer-save-btn{
  background: #FFFFFF;
  color: #378fdb;
  border: 1px solid #378fdb;
  border-radius: 4px;
  padding: 0.5rem 3rem;
  cursor: pointer;
  margin-left: 10px;
}
.order-status-popup .input-section select, .order-status-popup .input-section input[type=text] {
  border: 1px solid #DDDBDA;
  color: #2B2826;
  height: 32px;
  width: 160px;
  border-radius: 4px;
  margin-right: 10px;
}
.order-status-popup .modal-header, .order-status-popup .modal-footer {
  border: none;
}
.order-status-popup .modal-body .input-section label {
  display: block;
}
.order-status-popup .modal-body .input-section {
  padding: 2px 12px;
  min-height: 65px;
}
.order-status-popup button{
  background: #4BCA81;
}
.bin-allocation .button-section{
  padding: 20px 0 0;
}
.bay-allocation-table .div-table-col.bin-location, .bay-allocation-table .div-table-row.bin-location{
  width: 210px;
}
.bin-transfer-tbl input{
  width: 8rem;
  text-align: left;
  border-radius: 4px;
  border: 1px solid #DDDBDA;

}
.bin-transfer-tbl .div-table-head .div-table-col.deal-col, .bin-transfer-tbl .div-table-col.deal-col, .bin-transfer-tbl .bin-date input {
  width: 130px;
}
.bin-transfer-tbl .div-table-head .div-table-col.technician, .bin-transfer-tbl .div-table-col.technician {
  width: 418px;
}
.bin-transfer-tbl .technician input{
  width: 400px;
}
.bin-transfer-tbl select {
  width: 100px;
  height: 21px;
}
.create-bin-table {
  overflow-x: auto;
  width: 100%;
}
.create-bin-table th, .create-bin-table td, .additional-job th, .additional-job td {
  text-align: center;
  padding: 6px;
  border-right: 1px solid #CACDD6;
  border-bottom: 1px solid #CACDD6;
  color: #1F2555;
}
.create-bin-table tr:nth-child(even), .payment-table tr:nth-child(even), .additional-job tr:nth-child(even){
  background: none;
}
.create-bin-table tr:nth-child(1), .create-bin-table tr:nth-child(2), .additional-job tr:nth-child(1) {
  background-color: #f2f2f2;
  font-weight: bold;
  border-top: 1px solid #CACDD6;
}
.create-bin-table td input[type=text]{
  border:1px solid #DDDBDA;
  border-radius: 4px;
  width: 45px;
  height: 28px;
  padding-left: 4px;
}
/* .create-bin-table td:last-child {
  text-align: left;
} */
.create-bin-table select{
  width: 100px;
}
.bin-creation .disp-page a {
  margin-bottom: 4px;
  display: inline-block;
}
.bin-creation .create-btn{
  padding: 4px 6px;
}
.counter-sale tr:nth-child(2), .oem-purchase tr:nth-child(2), .customer-summary tr:nth-child(2){
  background: none;
  font-weight: normal;
}
.counter-sale .counter-sale-btn{
  padding-bottom: 30px;
} 
.counter-sale .purchase-return li {
  margin-right: 80px;
}
.counter-sale #horizontal-list, .oem-purchase #horizontal-list, .sales-summary #horizontal-list{
  background: #F2F2F2;
  padding: 20px;
}
.counter-sale .sub-head{
  color: #1F2555;
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 13px;
}
.counter-sale-btn button {
  margin-left: 10px !important;
}

/* Style the tab */
.part-tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.part-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 12px;
}

/* Change background color of buttons on hover */
.part-tab button:hover {
  background-color: #FFFFFF;
}

/* Create an active/current tablink class */
.part-tab button.active {
  background-color: #FFFFFF;
  color: #1589EE;
}

/* Style the tab content */
.part-tab-details ul li{
  margin-right: 40px;
}
.part-checkbox-section li {
  width: 180px;
  margin-top: 20px;
}
.seasonal-checkbox {
  width: 182px;
}
.create-bin-table td.remarks input[type=text], .sale-payment-tbl td.remarks input[type=text] {
  width: 180px;
}
.inventory-cycle .disp-page, .bin-creation .disp-page, .part-req-topbtn .disp-page{
  float: right;
  font-weight: normal;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.part-receipt-table tr:nth-child(2){
  background: none;
  font-weight: normal;
}
.part-receipt-btn{
  padding: 0px 0 10px 0;
  width: 65%;
} 
.part-receipt-btn .create-btn {
  padding: 4px 40px;
  right: 15px;
  position: absolute;
} 
.part-receipt-btn .search-box{
  border: 1px solid #DDDBDA;
  color: #2B2826;
  height: 26px;
  width: 160px;
  border-radius: 4px;
}
.oem-purchase .create-bin-table td input[type=text]{
  width: 100%;
}
.sale-payment-tbl td input[type=text]{
  width: 130px;
}
.oem-purchase td.order-qty  input[type=text]{
  width: 45px;
}
.oem-purchase  .actions-section{
  width: 200px;
}
.oem-purchase .text-box, .oem-purchase select, .sales-summary .text-box, .sales-summary select, .customer-summary .text-box, .customer-summary select  {
  width: 250px;
  border-radius: 4px;
  border: 1px solid #DDDBDA;
  height: 32px;
  padding-left: 6px;
  color: #1F2555;
}
.oem-purchase li{
  margin-right: 70px;
  width: 250px;
  min-height: 75px;
}
.oem-purchase li .disp-none{
  color: red;
  display: block;
  padding-top: 2px;
}
.upload-btn button{
  background: #FFFFFF;
  color: #378fdb;
  border: 1px solid #D8DDE6;
  border-radius: 4px;
  padding: 0.6rem 3rem;
  cursor: pointer;
}
.part-receipt-btn .purchase-btn {
  right: 30px;
}
.bin-creation .oem-tab {
  margin-top: 20px;
}
.bin-creation .tabcontent {
  padding-bottom: 20px;
}
.slds-form-element__help  {
  font-size: 12px !important;
  margin-top: 2px !important;
}
.counter-sale textarea, .customer-summary textarea{
    border-radius: 4px;
    border: 1px solid #DDDBDA;
    padding-left: 6px;
    color: #1F2555;
}
.part-req-topbtn select, .part-cons-topbtn select, .part-cons-topbtn input[type=text], .payment-table select, .payment-table input[type=text]{
  width: 132px;
  border-radius: 4px;
  border: 1px solid #DDDBDA;
  height: 32px;
  padding-left: 6px;
  color: #1F2555;
  margin-top: 4px;
}
.aftersales-content .create-bin-table td:last-child, .payment-table tr td {
  text-align: center;
}
.aftersales-content .repair-detail, .sales-summary .repair-detail, .customer-summary .repair-detail{
  margin-bottom: 25px;
}
.part-cons-topbtn .disp-page, .customer-summary .disp-page {
  float: left;
  padding-bottom: 20px;
}
.payment-table tr:nth-child(1){
  border-bottom: 1px solid #CACDD6;
}
.payment-table tr th{
  font-weight: bold;
  text-align: center;
  padding-bottom: 16px;
}
.payment-table tr:nth-child(2) td {
  padding-top: 16px;
}
.rightsec .text-box, .rightsec select, .aftersales-content select, ul.confirmation-section input[type=text]{
  border: 1px solid #DDDBDA;
  height: 32px;
  border-radius: 4px;
  width: 152px;
  padding-left: 7px;
}
.repair-detail-col li.less-btn{
  float: right;
}
li.less-btn a {
  color: #295ED9;
  font-weight: bold;
  font-size: 14px;
}
.aftersales-content .demand-repair-tbl td input[type=text]{
  width: 152px;
}
.demand-repair-section .dealer-save-btn {
  margin-bottom: 10px;
  float: right;
}
.demand-repair-section .labour-deatils { 
  margin: 12px 0;
  display: inline-block;
}
ul.confirmation-section {
  padding: 20px;
  background: #FBFBFB;
  border: 1px solid #F2F2F2;
  margin-top: 20px;
}
ul.confirmation-section li {
  padding-right: 40px;
}
ul.confirmation-section li label {
  margin-bottom: 6px;
  display: inline-block;
}
ul.confirmation-section .dealer-save-btn {
  margin-left: 0;
}
.payment-table select{
  width: 65px;
}
ul.confirmation-section li:nth-child(3) {
  padding-right: 10px;
}
.labour-tab{
  height: 38px;
  margin-top: 10px;
}
.labour-btn {
  text-align: right;
  float: none;
}
/* .first-row-sec .repair-detail-col:nth-child(1) li.less-btn {
  margin-top: 45px;
}
.first-row-sec .repair-detail-col:nth-child(3) li.less-btn {
  margin-top: 77px;
} */
.summary-table {
  width: 27%;
  margin-top: 20px;
  float: right;
}
.summary-table th, .summary-table td {
  border:  1px solid #CACDD6;
}
.summary-table tr td:nth-child(1) {
  text-align: right;
}
.aftersales-content .create-bin-table .summary-table tr td:last-child {
  text-align: left;
  width: 35%;
}
.additional-job button {
  background: #1F2555;
  margin: 30px 0 10px 0;
}
.additional-job .modal-body {
  min-height: 470px;
}
.job-details-table button {
  float: left;
}
.job-details-table .add-job-sec {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    padding-top: 30px;
}
.job-details-table .add-job-sec a{
  color: #10132E;
}
.add-job-sec img {
  top: 4px;
  position: relative;
}
.additional-job .modal-content {
  border-radius: 6px;
}
.additional-job .close, .invoice-model .close {
  margin-top:10px;
}
.invoice-model .modal-body {
  padding: 2px 16px;
  height: 225px;
  overflow: auto;
}
.invoice-model h3 {
  font-size: 22px;
  font-weight: bold;
  color: #1F2555;
  padding: 20px 20px 0;
  text-align: center;
  line-height: 1.2;
}
.invoice-model .popup-button-section {
  text-align: center;
  padding-top: 30px;
}
.invoice-model .popup-button-section .dealer-save-btn {
  background: #0070D2;
  color: #fff;
}
.oem-purchase table.tax-content {
  width: 70%;
  float: left;
  border-spacing: 0;
  margin-right: 1%;
}
.oem-purchase table.freight-content {
  width: 29%;
  border-spacing: 0;
  border-left: 1px solid #CACDD6;
  margin-bottom: 20px;
}
.create-bin-table table.freight-content tr:nth-child(1), .create-bin-table table.grand-total tr:nth-child(1){ 
  background: none;
  font-weight: normal;
}
.create-bin-table table.freight-content td:nth-child(1) {
  font-weight: bold;
}
.create-bin-table table.grand-total td:nth-child(1){
  width: 20%;
  margin-top: 20px;
  font-weight: bold;
}
.sales-summary ul#horizontal-list li {
  margin-right: 70px;
  margin-bottom: 10px;
  width: 470px;
}
.sales-summary ul#horizontal-list li label{
  width: 200px;
  display: inline-block;
}
.sales-summary .repair-row .invent-column, .customer-summary .repair-row .invent-column {
  width: 500px;
  min-height: 245px;
}
.sales-summary  .rightsec .text-box {
  width: 200px;
}
.customer-summary #horizontal-list {
  background: none;
  padding: 0;
}
.customer-summary ul#horizontal-list li{
  width: 210px;
  margin-right: 70px;
  margin-bottom: 10px;
  min-height: 75px;
}
.customer-summary .text-box, .customer-summary select {
  width: 180px;
}
.customer-summary .first-ul-sec {
  border-bottom: 1px solid #CACDD6;
}
.sales-vehicle-tbl {
  width: 50%;
}
.customer-summary .disp-page .text-box, .customer-summary .disp-page select {
  margin-top: 4px;
}
.customer-summary .sale-payment-ul li{
  width: 230px;
  margin-top: 20px;
}
.allotment#horizontal-list{
  background: #F2F2F2;
  padding: 20px;
}
.customer-summary .sale-insurance-ul li {
  width: 280px;
  margin-top: 20px;
}
select.time-select{
  width: 65px;
}
.customer-summary ul#horizontal-list li.reg-delivery {
  margin-right: 0;
  width: 430px;
}
.customer-summary ul#horizontal-list li.reg-time-li {
  width: 70px;
}
.customer-summary ul#horizontal-list li.reason-delivery {
  width: 260px;
  padding-left: 20px
}
.customer-summary.sale-regn .repair-row .invent-column{
  min-height: 368px;
}
.sale-pre-tbl td.remarks {
  width: 40%;
}
.sale-pre-tbl td.remarks input[type=text] {
  width: 380px;
}
.button-section.delivery-note {
  float: none;
  padding: 0;
  margin-bottom: 20px;
}
.customer-summary .upload-btn button {
  padding: 0.6rem 2.2rem;
}
.customer-summary ul#horizontal-list li.textarea{
  margin-right:0;
}
.bin-creation .wlc-txt{
  font-size: 48px;
  letter-spacing: 0;
  color: #FFFFFF;
  padding: 12px;
  text-align: center;
  background: #295ED9;
}
.bin-creation .fordisplay{
  box-shadow: 0px 0px 6px #00000029;
  margin: 30px;
}
.bin-creation .fordisplay li{
  color: #1F2555;
  width: 100%;
  font-size: 26px;
  text-align: center;
  padding: 12px;
}
.bin-creation .fordisplay li span.time-sec{
  margin-left: 30px;
}

/* Sub menu Css Start */ 
.sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.sidebar li {
  float: left;
}

.sidebar li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.sidebar li.dropdown {
  display: inline-block;
}

.sidebar .dropdown-content {
  display: none;
  position: fixed;
  background-color: #f9f9f9;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10;
  top:112px;
}

.sidebar .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  float: none;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
}

.sidebar .dropdown-content a:hover, .sidebar .dropdown-content a.active {
  background-color: #0070D2;
  color: #fff;
}

.sidebar .dropdown:hover .dropdown-content {
  display: block;
}
/* Sub menu Css End */ 

/* Feedback Css Start */
.rate {
  float: left;
  padding: 0 10px;
  margin-bottom: 10px;
}
.rate:not(:checked) > input {
  position:absolute;
  top:-9999px;
}
.rate:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ccc;
}
.rate:not(:checked) > label:before {
  content: '★ ';
}
.rate > input:checked ~ label {
  color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}
.feedback-popup .modal-content {
  font-size: 1.2em;
  color: #1F2555;
  width: 55%;
}
.feedback-popup p.label-text{
    float: left;
    vertical-align: middle;
    margin-top: 10px;
    font-size: 14px;
    width: 45%;
}
.feedback-popup li {
    width: 100%;
}
.feedback-popup p.satisfaction{
  text-align: center;
  line-height: 3;
}
.feedback-popup .modal-body{
  padding: 12px;
}
.feedback-popup h3{
  padding: 12px 0;
  font-weight: bold;
}
.feedback-popup .close{
  top: 0;
  right: 10px;
}
.create-bin-table td.report-afersale {
  text-align: left;
  font-weight: bold;
}

/* Monthly Order Table Css Start */ 

div.monthly-forecast td.car-details-td {
  padding:0;
}
tr.car-details td.varient select{
  width: 50px;
}
tr.car-details td.paint-color select{
  width: 70px;
}
tr.car-details td.paint-colors select{
  width: 90px;
}
tr.car-details td.paint-colorVs select{
  width: 120px;
}
tr.car-details td {
  padding: 3px 0;
  border-right: 1px solid #CACDD6;
  border-bottom: 1px solid #CACDD6;
}
tr.car-details .text-box, tr.car-details .select {
  border-radius: 4px;
  border: 1px solid #DDDBDA;
  height: 32px;
  padding-left: 6px;
  color: #1F2555;
}
.monthly-forecast table th {
  color: #fff;
  padding:10px 2px;
  background: #9d0605;
  border-right: 1px solid transparent;
}

table tr.car-model-sec th{
  color: #364452;
  border-color: #e1f1f7;
  background-color: rgb(157 6 5 / 0.05);

}

table tr.car-model-sec th a {
  color: #364452;
  background-color: transparent;
  border-color: #e1f1f7;
}

tr.car-details .text-box {
  width: 4rem;
}

tr.car-details td.commitment  .text-box { 
  width: 6rem;
}
div.monthly-forecast {
  margin: 1em 1em 0 0;
  border: none;
}
div.monthly-forecast table{
  margin: 0 16px 0 0;
}
tr.car-details td.sub-head{
  font-weight: bold;
  text-align: left;
  padding-left: 2px;
}
img.delete-icon.car-th, img.plus-icon.car-th{
  visibility: hidden;
}
.monthly-forecast table th.fore-month {
  border-right: none;
}
table.forecast-month td {
  border-right: none;
}
table.forecast-month td:nth-child(6) {
  border-right: 1px solid #CACDD6;
}
table tr.car-model-sec th.model-name {
  text-align: left;
}
.monthly-forecast tr.sub-header{
  background: #f2f2f2 !important;
}
.monthly-forecast tr:nth-child(even) {
  background: none;
}
.monthly-forecast tr div.plus-del-div {
  height: 28px;
  display: flex;
  padding-left: 7px;
}
table tr.car-model-sec th.total-sec {
  border-right: 1px solid #9d0605;
}
/* Calendar Css Start */

.calender-nav td a{
  font-size: 16px;
  color: #364452;
  cursor: default !important;
}
.calender-nav td a:hover{
  text-decoration: none;
}
.calender-nav table td {
  text-align: center;
}
.calender-nav table td.activetab {
  border-right: 1px solid #CACDD6;
  border-left: 1px solid #CACDD6;
  border-bottom: 3px solid #9d0605;
  background-color: #e5c0b3;
}
.calender-nav table td.activetab a {
  color: #000000;
}
.calender-nav table tr{
  border-top: 1px solid #D3D5D6;
  border-bottom: 1px solid #D3D5D6;
}
.calender-nav td a p, .forecast-order .calender-nav td a p {
  font-size: 1.4rem;
  padding-top: 8px;
}
.calender-nav td a.year-sec{
  top: 10px;
  position: relative;
  font-weight: bold;
}
.daily-order .calender-nav td a.year-sec{
  top: 0;
}
.daily-order .calender-nav td a p {
  padding: 0;
}
/* add demo vehicle popup css start */ 

.add-demo-vehicle .text-box{
  width: 4rem;
  text-align: center;
}
.add-demo-vehicle th.right-line {
  border-right: 1px solid #F2F2F2;
}
.add-demo-vehicle th.bottom-line {
  border-bottom: 1px solid #F2F2F2;
}
.star {
	color: red;
}