input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
body {
  background: #fff;
  font-family: source_sans_proregular;
  font-size: 15px;
  color: #454f52;
  margin: 0;
  overflow-x: hidden;
}
* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
}
p {
  margin: 0 0 15px 0;
  padding: 0;
  font-family: source_sans_proregular;
  font-size: 15px;
  color: #454f52;
}
.flt {
  float: left;
}
.frt {
  float: right;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
a {
  text-decoration: none;
  color: #454f52;
}
a img {
  border: 0;
}
li,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clear {
  clear: both;
}
strong {
  font-family: source_sans_probold;
  font-weight: 400 !important;
}
input,
select,
textarea {
  font-family: source_sans_proregular;
  color: #555;
}
@font-face {
  font-family: source_sans_probold;
  src: url(../fonts/SourceSansPro-Bold-webfont.eot);
  src: url(../fonts/SourceSansPro-Bold-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/SourceSansPro-Bold-webfont.woff2) format("woff2"),
    url(../fonts/SourceSansPro-Bold-webfont.woff) format("woff"),
    url(../fonts/SourceSansPro-Bold-webfont.ttf) format("truetype"),
    url(../fonts/SourceSansPro-Bold-webfont.svg#source_sans_probold)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: source_sans_prolight;
  src: url(../fonts/SourceSansPro-Light-webfont.eot);
  src: url(../fonts/SourceSansPro-Light-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/SourceSansPro-Light-webfont.woff2) format("woff2"),
    url(../fonts/SourceSansPro-Light-webfont.woff) format("woff"),
    url(../fonts/SourceSansPro-Light-webfont.ttf) format("truetype"),
    url(../fonts/SourceSansPro-Light-webfont.svg#source_sans_prolight)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: source_sans_proregular;
  src: url(../fonts/SourceSansPro-Regular-webfont.eot);
  src: url(../fonts/SourceSansPro-Regular-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/SourceSansPro-Regular-webfont.woff2) format("woff2"),
    url(../fonts/SourceSansPro-Regular-webfont.woff) format("woff"),
    url(../fonts/SourceSansPro-Regular-webfont.ttf) format("truetype"),
    url(../fonts/SourceSansPro-Regular-webfont.svg#source_sans_proregular)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: source_sans_prosemibold;
  src: url(../fonts/SourceSansPro-Semibold-webfont.eot);
  src: url(../fonts/SourceSansPro-Semibold-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/SourceSansPro-Semibold-webfont.woff2) format("woff2"),
    url(../fonts/SourceSansPro-Semibold-webfont.woff) format("woff"),
    url(../fonts/SourceSansPro-Semibold-webfont.ttf) format("truetype"),
    url(../fonts/SourceSansPro-Semibold-webfont.svg#source_sans_prosemibold)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
.wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
#headerwrapper {
  width: 100%;
  float: left;
}
.toppart {
  width: 100%;
  float: left;
  background: #214b6c;
}
.logo {
  float: left;
  padding: 10px 0;
}
.logo img {
  display: block;
}
.search {
  width: 240px;
  float: left;
  position: relative;
}
.searchbox {
  width: 100%;
  float: left;
  background: #454f52;
  line-height: 51px;
  height: 51px;
  border: 0;
  -webkit-appearance: none;
  font-size: 13px;
  color: #fff;
  font-style: inherit;
  padding: 0 35px 0 15px;
  font-style: italic;
}
.searchbtn {
  width: 15px;
  height: 15px;
  background: url(../images/search-icon.png) left top no-repeat;
  border: 0;
  -webkit-appearance: none;
  text-indent: -9999px;
  position: absolute;
  top: 18px;
  right: 13px;
  cursor: pointer;
}
.topright {
  float: right;
}
.topmenu {
  float: right;
}
.topmenu li {
  float: left;
  line-height: 50px;
  font-size: 12px;
  color: #fff;
  border-left: 1px solid #454f52;
  position: relative;
}
.topmenu li a {
  color: #fff;
  display: block;
  padding: 0 20px;
}
.topmenu li:hover a {
  background: #454f52;
}
.topmenu li ul {
  width: 200px;
  position: absolute;
  background: #454f52;
  display: none;
}
.topmenu li:hover ul {
  display: block;
}
.topmenu li ul li {
  width: 100%;
  border-bottom: 1px solid #214b6c;
  line-height: 26px;
}
.topmenu li ul li a:hover {
  background: #214b6c;
}
.navigation {
  width: 100%;
  float: left;
  background: #454f52;
  padding: 10px 0;
  text-align: left;
}
.mainmenu {
  float: left;
}
.mainmenu li {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  float: left;
  margin: 0 1px;
}
.mainmenu li:first-child {
  margin: 0 1px 0 10px;
}
.mainmenu li a {
  color: #fff;
  display: inline-block;
  line-height: 26px;
  padding: 0 8px;
}
.mainmenu li a.current,
.mainmenu li a:hover {
  color: #000;
  background: #fff;
  border-radius: 3px;
}
#middlewrapper {
  width: 100%;
  float: left;
  padding: 10px 0;
}
h1 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 40px;
  color: #214b6c;
  font-family: source_sans_prolight;
}
.gridmain {
  width: 100%;
  float: left;
  overflow-x: auto;
  position: relative;
  padding-bottom: 100px;
}
.gridmain table {
  width: 100%;
  border: 0;
  padding: 0;
  border-collapse: collapse;
}
.gridmain table tr th {
  background: #efefef;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 5px;
  font-family: source_sans_prosemibold;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}
.gridmain table tr th.name {
  min-width: 100px;
}
.gridmain table tr td {
  padding: 5px 5px;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
}
.gridmain table tr th table {
  width: auto;
  border: 0;
  padding: 0;
  border-collapse: collapse;
}
.gridmain table tr th table tr {
  background: #efefef;
  padding: 0;
  font-family: source_sans_prosemibold;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}
.gridmain table tr th table tr:hover {
  background: #efefef;
  padding: 0;
  font-family: source_sans_prosemibold;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}
.gridmain table tr th table td {
  padding: 0;
}
.gridmain table tr:hover {
  background: #f0e3e3;
}
.gridmain table tr td a {
  font-family: source_sans_prosemibold;
}
.gridmain table tr td .action {
  width: 15px;
  margin: 0 auto;
  position: relative;
}
.gridmain table tr th:last-child {
  text-align: center;
}
.gridmain table tr td .action span {
  cursor: pointer;
}
.gridmain table tr td .action span:hover {
  color: #214b6c;
}
.gridmain table tr td .action #option {
  width: 110px;
  margin-top: 10px;
  right: -20px;
  position: absolute;
  background: #214b6c;
  padding: 15px;
  text-align: left;
  line-height: 24px;
  display: none;
  border-radius: 8px;
  z-index: 2;
}
.gridmain table tr td .action #option a {
  color: #fff;
  font-family: source_sans_proregular !important;
}
.gridmain table tr td .action #option a:hover {
  text-decoration: underline;
}
.gridmain table tr td .action #option .arrow {
  width: 15px;
  height: 15px;
  margin: -30px 0 0 0;
  right: 26px;
  position: absolute;
}
.grey-blt {
  width: 100%;
  float: left;
  background: #efefef;
  font-family: source_sans_prolight;
  font-size: 27px;
  padding: 10px 15px;
}
.grey-blt .left {
  float: left;
}
.grey-blt .right {
  float: right;
}
.grey-blt a {
  font-size: 16px;
  font-family: source_sans_probold;
  padding-left: 30px;
}
.grey-blt span {
  color: #214b6c;
}
.midbox {
  width: 50%;
  float: left;
}
.midbox .halfcolum {
  width: 100%;
  float: left;
  padding: 30px 15px 30px 0;
}
.midbox .halfcolum img {
  max-width: 100%;
  display: block;
}
a.up {
  font-size: 12px;
  color: red;
}
#footerwrapper {
  width: 100%;
  float: left;
  background: #efefef;
  padding: 30px 0;
}
.footer-left {
  float: left;
  padding: 20px 0 0 0;
  color: #37312d;
}
.footer-left a {
  color: #37312d;
  padding-right: 30px;
}
.footer-right {
  float: right;
}
.w570 {
  max-width: 590px;
  padding: 0 10px;
  margin: 0 auto;
}
.row {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.row label {
  width: 100%;
  float: left;
  margin-bottom: 8px;
  font-size: 14px;
}
.row-2 label {
  width: 100%;
  float: left;
  margin-bottom: 8px;
  font-size: 14px;
}
.font-12 {
  display: block;
  font-size: 12px;
  padding-top: 8px;
}
.row-2 {
  width: 100%;
  float: left;
  margin-bottom: 12px;
  line-height: 20px;
}
.row .col {
  width: 47%;
}
.row-2 .col {
  width: 47%;
}
.row-2 .col-2 {
  width: 47%;
  line-height: 20px;
}
.inputbox {
  width: 100%;
  float: left;
  border: 1px solid #ccd3d4;
  line-height: 46px;
  height: 46px;
  padding: 0 15px;
  font-size: 13px;
  color: #848484;
  font-style: italic;
}
.textarea {
  width: 100%;
  float: left;
  border: 1px solid #ccd3d4;
  height: 160px;
  padding: 0 15px;
  font-size: 13px;
  color: #848484;
  font-style: italic;
}
.w570 div.selector {
  line-height: 46px;
  height: 46px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ccd3d4;
  background: #fff;
  position: relative;
  outline: 0;
  cursor: pointer;
  border-radius: 0;
}
.w570 div.selector span {
  color: #848484;
  font-size: 13px;
  color: #848484;
  font-style: italic;
  font-family: source_sans_proregular;
  text-transform: none;
}
.w570 div.selector select {
  height: 46px;
  color: #848484;
}
.btn-row {
  width: 100%;
  text-align: center;
  float: left;
}
.btn-row .blue-input-btn {
  -webkit-appearance: none;
  display: inline-block;
  background: #214b6c;
  border: 0;
  font-size: 15px;
  text-transform: uppercase;
  font-family: source_sans_probold;
  color: #fff;
  line-height: 46px;
  vertical-align: top;
  min-width: 170px;
  padding: 0 10px;
  cursor: pointer;
}
.btn-row .blue-input-btn:hover {
  background: #454f52;
  color: #fff;
}
.redtext {
  color: #214b6c;
}
a.redtext:hover {
  color: #454f52;
}
.leftpanel {
  width: 15%;
  float: left;
}
.rightpanel {
  width: 82%;
  float: right;
}
h2 {
  font-size: 25px;
  margin-bottom: 10px;
  color: #454f52;
  font-family: source_sans_prolight;
}
h2.grey {
  color: #454f52;
}
.leftmenu {
  width: 100%;
  float: left;
}
.leftmenu li {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.leftmenu li a {
  font-size: 16px;
  color: #37312d;
}
.leftmenu li a:hover {
  color: #214b6c;
}
.leftmenu li a.current {
  color: #214b6c;
  font-family: source_sans_probold;
}
.gridmain div.checker {
  position: relative;
  background: url(../images/chack-box-2.png) center 0 no-repeat;
  margin-left: 25px;
}
.gridmain div.checker,
div.checker input,
div.checker span {
  width: 12px;
  height: 12px;
}
.gridmain div.checker span.checked {
  background: url(../images/chack-box-2.png) left -12px no-repeat;
}
.gridmain div.checker.active span {
  background: url(../images/chack-box-2.png) left -12px no-repeat;
}
.gridmain div.checker.active span.checked {
  background: url(../images/chack-box-2.png) left -12px no-repeat;
}
.w570-2 {
  max-width: 570px;
  float: left;
}
.w570-2 .row label {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-size: 16px;
}
.w570-2 .row-2 label {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-size: 16px;
}
.inputbox-2 {
  /* width: 100%; */
  float: left;
  border: 1px solid #b8b8b8;
  line-height: 25px;
  height: 25px;
  padding: 0 5px;
  font-size: 16px;
  color: #37312d;
  border-radius: 4px;
}
.red-input-btn {
  -webkit-appearance: none;
  display: inline-block;
  background: #214b6c;
  border: 0;
  border-radius: 4px;
  font-size: 15px;
  font-family: source_sans_proregular;
  color: #fff;
  line-height: 27px;
  vertical-align: top;
  padding: 0 8px;
  cursor: pointer;
}
.red-input-btn:hover {
  background: #454f52;
  color: #fff;
}
.title {
  width: 100%;
  float: left;
  padding-bottom: 10px;
}
.title h2 {
  float: left;
  margin-bottom: 0;
}
.title ul {
  text-align: right;
}
.title ul li {
  display: inline-block;
  margin-left: 10px;
  max-width: 100px;
  width: 100%;
}
.title ul li a {
  background: #214b6c;
  color: #fff;
  line-height: 27px;
  display: block;
  text-align: center;
  font-size: 15px;
  border-radius: 4px;
}
.title ul li a:hover {
  background: #454f52;
}
.filter {
  width: 100%;
  float: left;
  border-bottom: 1px solid #214b6c;
  border-top: 1px solid #214b6c;
  padding: 10px 0 0 0;
  margin-bottom: 10px;
}
.filter ul {
  width: 102%;
  margin: 0 0 0 -2%;
  float: left;
}
.filter ul li {
  width: 23%;
  margin: 0 0 10px 2%;
  float: left;
}
.filter ul li .filtertext {
  width: 38%;
  float: left;
  padding: 2px 5px 0 0;
  color: #37312d;
  text-transform: uppercase;
  font-family: source_sans_probold;
  text-transform: uppercase;
  font-size: 16px;
}
.filter ul li .textbox {
  width: 62%;
  float: right;
}
.filter ul li label {
  width: 26%;
  float: left;
  padding: 1px 5px 0 0;
}
.filter ul li div.selector {
  line-height: 25px;
  height: 25px;
  width: 74%;
  border-radius: 4px;
  max-width: 100%;
  border: 1px solid #b8b8b8;
  background: #fff;
  position: relative;
  outline: 0;
  cursor: pointer;
}
.filter ul li div.selector span {
  color: #37312d;
  font-size: 16px;
  font-style: normal;
  font-family: source_sans_proregular;
  text-transform: none;
}
.filter ul li div.selector select {
  height: 25px;
  color: #848484;
}
.filter ul li .datefield {
  width: 38%;
  float: left;
  padding: 1px 5px 0 0;
}
.grey-input-btn {
  display: inline-block;
  background: #454f52;
  border: 0;
  border-radius: 4px;
  font-size: 15px;
  font-family: source_sans_proregular;
  color: #fff;
  line-height: 27px;
  vertical-align: top;
  padding: 0 8px;
  cursor: pointer;
}
.grey-input-btn:hover {
  background: #214b6c;
  color: #fff;
}
.paging {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 10px;
  position: relative;
  font-size: 18px;
  color: #454f52;
  font-family: source_sans_prolight;
  position: relative;
}
.paging a {
  color: #454f52;
  padding: 0 2px;
}
.paging a.pre {
  position: absolute;
  left: 15px;
  top: 15px;
}
.paging a.next {
  position: absolute;
  right: 15px;
  top: 15px;
}
.paging a.current,
.paging a:hover {
  color: #214b6c;
}
.paging strong {
  font-family: source_sans_prosemibold;
}
.paging .middle {
  margin: 0 auto;
  width: 70%;
  text-align: center;
}
h3 {
  color: #37312d;
  font-family: source_sans_probold;
  font-size: 15px;
  margin-bottom: 5px;
}
h3.uper {
  text-transform: uppercase;
}
.client-full {
  width: 100%;
  float: left;
}
.client-full .client-half {
  width: 46%;
}
.lead {
  width: 100%;
  float: left;
  padding-bottom: 20px;
  text-align: center;
}
.top-btn {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.redbtn {
  background: #214b6c;
  color: #fff;
  line-height: 35px;
  display: block;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  width: 170px;
}
a.redbtn:hover {
  background: #454f52;
}
.blkbtn {
  background: #454f52;
  color: #fff;
  line-height: 35px;
  display: block;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  width: 170px;
}
a.blkbtn:hover {
  background: #214b6c;
}
.selection div.selector {
  border-radius: 4px;
}
.selection div.selector span {
  color: #37312d;
  font-size: 16px;
  font-style: normal;
  font-family: source_sans_proregular;
  text-transform: none;
}
.selection div.selector select {
  height: 35px;
  color: #848484;
}
.w170 {
  width: 170px;
  float: left;
}
.inputbox-3 {
  width: 100%;
  max-width: 160px;
  background: #f4f4f4;
  float: left;
  border: 0;
  line-height: 35px;
  height: 35px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.inputbox-4 {
  width: 100%;
  max-width: 80px;
  background: #f4f4f4;
  float: left;
  border: 0;
  line-height: 35px;
  height: 35px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.grid-view {
  width: 103%;
  float: left;
  margin: 0 0 40px -3%;
}
.grid-view li {
  width: 22%;
  float: left;
  margin: 0 0 0 3%;
  border: 1px solid #b8b8b8;
}
.grid-view li .thumb {
  width: 100%;
  display: block;
}
.grid-view li .textcontent {
  width: 100%;
  float: left;
  padding: 15px 15px 5px 15px;
}
.grid-view li table tr td {
  padding-bottom: 13px;
}
.grid-view li div.selector {
  border-radius: 4px;
  width: 100% !important;
  max-width: 100% !important;
}
.grid-view li div.selector span {
  color: #37312d;
  font-size: 16px;
  font-style: normal;
  font-family: source_sans_proregular;
  text-transform: none;
}
.grid-view li div.selector select {
  height: 35px;
  color: #848484;
}
.mainrow {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  line-height: 20px;
}
.mainrow label {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}
.mainrow .colum-3 {
  width: 103.33%;
  margin: 0 0 0 -3.33%;
  float: left;
}
.mainrow .colum-3 li {
  width: 30%;
  margin: 0 0 0 3%;
  float: left;
}
.mainrow .colum-4 {
  width: 103%;
  margin: 0 0 0 -3%;
  float: left;
}
.mainrow .colum-4 li {
  width: 19%;
  margin: 0 0 0 3%;
  float: left;
}
.mainrow .colum-4 li.large {
  width: 31%;
}
.mainrow .colum-4 li.large .part1 {
  width: 37%;
  float: left;
  padding-top: 6px;
}
.mainrow .colum-4 li.large .part2 {
  width: 63%;
  float: left;
}
.mainrow .colum-4 li .part3 {
  width: 85%;
  float: left;
}
.mainrow .colum-4 li .part4 {
  width: 15%;
  float: left;
  padding: 8px 0 0 10px;
}
.blkbtn2 {
  background: #454f52;
  color: #fff;
  line-height: 33px;
  display: block;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  max-width: 170px;
  width: 100%;
  border: 0;
  display: block;
  cursor: pointer;
}
.blkbtn2:hover {
  background: #214b6c;
}
.mainrow div.selector {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #b8b8b8;
  width: 100%;
  max-width: 100%;
  height: 35px;
}
.mainrow div.selector span {
  color: #37312d;
  font-size: 16px;
  font-style: normal;
  font-family: source_sans_proregular;
  text-transform: none;
}
.mainrow div.selector select {
  height: 35px;
  color: #848484;
}
.add-img {
  width: 103%;
  float: left;
  margin: 0 0 20px -3%;
}
.add-img li {
  width: 30.33%;
  float: left;
  margin: 0 0 0 3%;
  border: 1px solid #b8b8b8;
}
.add-img li .thumb {
  width: 100%;
  display: block;
}
.add-img li .textcontent {
  width: 100%;
  float: left;
  padding: 15px 15px 5px 15px;
}
.add-img div.checker {
  position: relative;
  background: url(../images/chack-box-2.png) center 0 no-repeat;
  margin: 0 5px;
}
.add-img div.checker,
div.checker input,
div.checker span {
  width: 12px;
  height: 12px;
}
.add-img div.checker span.checked {
  background: url(../images/chack-box-2.png) left -12px no-repeat;
}
.add-img div.checker.active span {
  background: url(../images/chack-box-2.png) left -12px no-repeat;
}
.add-img div.checker.active span.checked {
  background: url(../images/chack-box-2.png) left -12px no-repeat;
}
.detail-left {
  width: 60%;
  float: left;
}
.detail-right {
  width: 40%;
  float: left;
  padding-left: 30px;
}
.detail-left .large-img {
  width: 100%;
  float: left;
}
.detail-left .large-img img {
  width: 100%;
  display: block;
}
.detail-left .thumbs {
  width: 100%;
  float: right;
  padding-left: 0;
  margin-bottom: 20px;
}
.detail-left .thumbs ul {
  width: 100%;
  float: left;
}
.detail-left .thumbs ul li {
  width: 20%;
  float: left;
  padding: 0 5px;
  margin: 10px 0 0 0;
}
.detail-left .thumbs ul li img {
  width: 100%;
  display: block;
}
.spec {
  width: 48%;
}
.detail-listing {
  width: 100%;
  float: left;
}
.detail-listing li {
  width: 50%;
  float: left;
  margin-top: 10px;
}
.detail-listing li a {
  color: #214b6c;
  background: url(../images/tickmark.png) left 4px no-repeat;
  padding: 0 0 0 20px;
}
.detail-listing li a:hover {
  color: #214b6c;
}
.form100 {
  width: 100%;
}
.row100 {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
.row100 label {
  width: 100%;
  float: left;
  margin-bottom: 8px;
  font-size: 14px;
}
.row100 .col100 {
  width: 25%;
  float: left;
  margin-bottom: 8px;
  padding-right: 15px;
}
.row100 .col120 {
  width: 20%;
  float: left;
  margin-bottom: 8px;
  padding-right: 10px;
}
.row100 .col300 {
  width: 33.33%;
  float: left;
  margin-bottom: 8px;
  padding-right: 15px;
}
.col200 label {
  width: 35%;
  float: left;
  margin-bottom: 8px;
  font-size: 14px;
  padding-top: 8px;
}
.col200 span {
  width: 65%;
  float: right;
  margin-bottom: 8px;
  font-size: 14px;
}
.row100 .col250 {
  width: 25%;
  float: left;
  margin-bottom: 4px;
  padding-right: 15px;
}
.new-frm-deta {
  margin: 0px auto;
  max-width: 800px;
}
.new-frm-deta-main {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.new-frm-deta-head {
  padding: 7px 10px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.new-frm-deta-head p {
  margin: 0;
  font-family: source_sans_prosemibold;
  text-transform: uppercase;
  color: #000;
  font-size: 15px;
  display: inline-block;
}
.new-frm-deta-head p span {
  display: inline-block;
  font-size: 14px;
  margin: 0 5px;
}
.vp-head-textbox {
  width: 160px;
  display: inline-block;
}
.new-inputbox {
  width: 100%;
  border: 1px solid #b8b8b8;
  line-height: 25px;
  height: 25px;
  padding: 0 5px;
  font-size: 16px;
  color: #37312d;
  border-radius: 4px;
}
.new-frm-deta-box {
  border-bottom: 1px solid #999;
  padding: 1px 0;
}
.new-frm-deta-box-left {
  float: left;
  width: 45%;
  border-right: 1px solid #b8b8b8;
  padding: 4px 10px;
}
.new-frm-deta-box-right {
  float: right;
  width: 55%;
  padding: 4px 10px;
}
.nfdbl-head {
  font-family: source_sans_prosemibold;
  text-transform: uppercase;
  font-size: 14px;
  float: left;
  margin-top: 4px;
}
.nfdbl-textbox {
  float: right;
  width: 120px;
}
.new-frm-deta-box-right p {
  margin: 5px 6px 0 0;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
}
.new-frm-deta-box-right .tax-checkbox {
  display: inline-block;
  margin: 0px 6px 0 0;
  vertical-align: middle;
}
.new-frm-deta-box-right p a {
  color: #214b6c;
}
.nfdbl-textbox .new-inputbox {
  text-align: right;
}
.nfdbl-head .tax-checkbox {
  display: inline-block;
  margin: 0px 6px 0 0;
  vertical-align: middle;
}
.new-frm-deta-box-right .new-inputbox {
  width: 140px;
  vertical-align: top;
}
.nfdbl-textbox p {
  margin: 2px 0 0;
  text-align: right;
}
.new-frm-deta-bottom {
  background: #ddeefc;
}
.new-frm-deta-bottom .new-frm-deta-head p {
  display: block;
}
.new-frm-deta-bottom .new-frm-deta-head p span {
  float: right;
}
.new-frm-deta-sub-head {
  padding: 5px 10px;
}
.new-frm-deta-sub-head p {
  margin: 0;
  display: inline-block;
  font-family: source_sans_prosemibold;
  text-transform: uppercase;
  font-size: 14px;
}
.new-frm-deta-sub-head .new-inputbox {
  width: 60px;
  display: inline-block;
  margin: 0 5px;
}
.new-frm-deta-sub-head span {
  display: inline-block;
  font-size: 14px;
  display: inline-block;
}
.new-frm-deta-bottom-table {
  background: #ddeefc;
}
.new-frm-deta-bottom-table table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.new-frm-deta-bottom-table table tr td {
  text-align: right;
  padding: 5px 10px;
}
.new-frm-deta-bottom-table table tr td b {
  font-family: source_sans_prosemibold;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 400;
  color: #000;
}
.new-frm-deta-bottom-table table tr td span {
  font-family: source_sans_prosemibold;
  font-size: 14px;
  text-transform: uppercase;
}
.new-frm-deta-bottom-table .new-inputbox {
  width: 120px;
  text-align: right;
}
@media only screen and (max-width: 600px) {
  .new-frm-deta-box-left {
    float: none;
    width: 100%;
    border-right: 0;
  }
  .new-frm-deta-box-right {
    float: none;
    width: 100%;
    border-top: 1px solid #999;
  }
}
@media only screen and (max-width: 500px) {
  .new-frm-deta-bottom-table {
    overflow: auto;
  }
  .new-frm-deta-bottom-table table {
    width: 500px;
  }
}
@media only screen and (max-width: 479px) {
  .new-frm-deta-head {
    text-align: center;
  }
  .vp-head-textbox {
    margin: 3px auto 0;
  }
  .new-frm-deta-box-left {
    padding: 6px 10px;
  }
  .new-frm-deta-bottom .new-frm-deta-head p span {
    float: none;
  }
}
.wrapper2 {
  margin: 0px auto;
  padding: 0 10px;
  max-width: 1100px;
}
.bill-of-sale-main {
  margin-bottom: 30px;
}
.bill-of-sale-head {
  text-align: center;
  margin: 10px 0 30px;
}
.bill-of-sale-head p {
  display: block;
  font-size: 24px;
  color: #000;
  margin: 0;
}
.bill-of-sale-head span {
  display: inline-block;
  margin: 0 10px;
  font-size: 17px;
}
.buyer-info-head {
  border-bottom: 2px solid #000;
}
.buyer-info-head-box {
  float: left;
  width: 20%;
}
.buyer-info-head-box p {
  display: inline-block;
  margin: 0;
  font-size: 16px;
  color: #000;
}
.buyer-info-textbox {
  display: inline-block;
}
.bi-inputbox {
  font-size: 16px;
  color: #000;
  padding: 2px 5px;
  border: 0;
  width: 100%;
}
.buyer-info-head .bi-inputbox {
  width: 140px;
}
.buyer-info-detail-title {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin: 15px 0 10px;
  width: 100%;
  font-family: source_sans_prosemibold;
}
.buyer-info-detail-box {
  float: left;
  width: 50%;
  margin: 2px 0;
}
.buyer-info-detail-box p {
  color: #000;
  font-weight: 400;
  font-size: 15px;
  margin: 0;
  width: 80px;
  float: left;
  font-family: source_sans_prosemibold;
}
.bidb-texbox {
  float: right;
  width: calc(100% - 90px);
}
.purchased-vhicle-info-main {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.purchased-vhicle-info-table {
  margin-bottom: 10px;
}
.purchased-vhicle-info-table table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 0;
}
.purchased-vhicle-info-table table tr td {
  font-size: 15px;
  padding: 10px 10px;
  border: 0;
}
.purchased-vhicle-info-table table tr td b {
  font-family: source_sans_prosemibold;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 400;
  color: #000;
}
.trade-info-box {
  float: left;
  width: 55%;
}
.itemization-of-purchase-box {
  float: right;
  width: 43%;
}
.trade-info-bottom-box-in {
  margin: 2px 0;
}
.trade-info-bottom-box-in p {
  color: #000;
  font-weight: 400;
  font-size: 15px;
  margin: 0;
  width: 198px;
  float: left;
  font-family: source_sans_prosemibold;
}
.tibbi-texbox {
  float: right;
  width: calc(100% - 198px);
}
.trade-info-bottom-box {
  padding-top: 20px;
}
.bill-of-sale-detail-head {
  border: 2px solid #000;
  padding: 5px;
  margin: 5px 0;
}
.bill-of-sale-detail-head p {
  float: left;
  width: calc(100% - 90px);
  margin: 0 !important;
  font-size: 14px;
  color: #000;
  border-right: 2px solid #000;
}
.bill-of-sale-detail-head span {
  float: right;
  width: 90px;
  text-align: center;
  color: #000;
  font-size: 15px;
}
.bill-of-sale-detail p {
  font-size: 14px;
  color: #000;
  margin: 0 0 5px;
}
.bill-of-sale-detail p b {
  font-family: source_sans_prosemibold;
  font-weight: 400;
}
.bill-of-sale-signature-box {
  float: left;
  width: 50%;
  padding: 0 10px;
  text-align: center;
  margin: 10px 0;
}
.bill-of-sale-signature-box span {
  font-size: 14px;
  display: inline-block;
  color: #000;
}
.bos-signature-box {
  float: left;
  width: calc(100% - 190px);
}
.signature-box-date {
  float: right;
  width: 170px;
}
.bill-of-sale-signature-box .bi-inputbox {
  text-align: center;
  border-bottom: 2px solid #999;
}
.bill-of-sale-detail-bottom {
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}
.bill-of-sale-detail-bottom-left {
  float: left;
  width: 45%;
  border-right: 2px solid #000;
}
.bill-of-sale-detail-bottom-right {
  float: right;
  width: 55%;
}
.bill-of-sale-detail-bottom-box {
  border-top: 2px solid #000;
  font-size: 13px;
  padding: 10px;
  color: #000;
}
.bill-of-sale-detail-bottom-box span {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.bill-of-sale-detail-bottom-box .bi-inputbox {
  border-bottom: 1px solid #999;
  width: 150px;
  margin: 0 5px;
}
.bill-of-sale-detail-bottom-box .puc-inputbox {
  border: 1px solid #999;
  width: 60px;
  margin: 2px 5px;
}
.bill-of-sale-detail-bottom-box b {
  font-family: source_sans_prosemibold;
  font-weight: 400;
}
.law-contract-head {
  text-align: center;
  margin: 10px 0;
}
.law-contract-title {
  font-family: source_sans_prosemibold;
  color: #000;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
}
.law-contract-title img {
  max-width: 100%;
  vertical-align: middle;
}
.law-contract-head p {
  display: block;
  font-size: 20px;
  color: #000;
  margin: 0;
  font-family: source_sans_prosemibold;
  line-height: 22px;
}
.law-contract-top-number-box {
  display: inline-block;
  margin: 0 10px;
}
.law-contract-top-number-box p {
  margin: 0;
  color: #000;
  font-size: 15px;
  display: inline-block;
}
.lctnb-texbox {
  display: inline-block;
}
.lctnb-texbox .bi-inputbox {
  border-bottom: 1px solid #000;
}
.law-contract-top-number {
  text-align: center;
}
.buyer-seller-add {
  border: 2px solid #000;
  margin-top: 15px;
}
.buyer-seller-add-box {
  float: left;
  width: 33.33%;
  padding: 10px;
}
.buyer-seller-add-box-border {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}
.buyer-seller-add-box p {
  margin: 0;
  font-size: 14px;
  color: #000;
}
.bi-textarea {
  background: #e8e8e8;
  height: 100px;
  text-align: left;
  font-size: 14px;
  padding: 5px 10px;
}
.buyer-seller-add-bottom {
  font-size: 15px;
  color: #000;
  margin: 10px 0;
}
.vehicle-identification-table table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 2px solid #000;
}
.vehicle-identification-table table tr td {
  font-size: 14px;
  padding: 10px 10px;
  text-align: center;
  color: #000;
  border: 2px solid #000;
}
.vehicle-identification-table table tr td b {
  font-family: source_sans_prosemibold;
  font-size: 15px;
  font-weight: 400;
  color: #000;
}
.bi-inputbox-bg {
  background: #e8e8e8;
  height: 40px;
}
.vehicle-identification-table table tr td span {
  display: block;
}
.bi-inputbox-border {
  border-bottom: 1px solid #000;
}
.law-contract-federal-main {
  margin: 15px 0;
}
.law-contract-federal-left {
  float: left;
  width: 69%;
}
.law-contract-federal-right {
  float: right;
  width: 30%;
}
.no-coolong-box {
  border: 2px solid #000;
  padding: 10px;
  margin-bottom: 15px;
}
.no-coolong-head {
  text-align: center;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 18px;
}
.no-coolong-box p {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 14px;
  margin: 5px 0 0;
}
.GAP-notice-box {
  border: 2px solid #000;
  padding: 10px;
}
.GAP-notice-head {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 17px;
  color: #000;
}
.GAP-notice-box p {
  color: #000;
  font-size: 14px;
  margin: 5px 0 0;
}
.federal-disclosures-deta {
}
.federal-disclosures-head {
  border: 2px solid #000;
  text-align: center;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 17px;
  color: #000;
  padding: 5px 10px;
}
.federal-disclosures-box {
  float: left;
  width: 20%;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 5px;
  text-align: center;
}
.border-left {
  border-left: 2px solid #000;
}
.federal-disclosures-box-head {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 20px;
}
.federal-disclosures-box p {
  color: #000;
  font-size: 14px;
  margin: 5px 0;
  height: 100px;
  overflow: hidden;
}
.federal-disclosures-box span {
  color: #000;
  font-size: 16px;
  display: block;
}
.payment-schedule-head {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 17px;
  color: #000;
  padding: 5px 10px;
}
.payment-schedule-head span {
  float: right;
  font-family: source_sans_proregular;
  font-size: 16px;
}
.payment-schedule-table table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 2px solid #000;
}
.payment-schedule-table table td {
  font-size: 15px;
  padding: 10px 10px;
  text-align: center;
  color: #000;
  border: 2px solid #000;
}
.payment-schedule-table table td b {
  font-family: source_sans_prosemibold;
  font-size: 15px;
  font-weight: 400;
  color: #000;
}
.as-follow-box {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  padding: 5px 10px;
  height: 100px;
}
.as-follow-box p {
  font-size: 16px;
  margin: 0;
  color: #000;
}
.late-charge-box {
  border: 2px solid #000;
  padding: 5px 10px;
}
.late-charge-box p {
  font-size: 14px;
  color: #4a4a4a;
  margin: 2px 0;
}
.late-charge-box p b {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
}
.late-charge-box p span {
  display: inline-block;
  border-bottom: 1px solid #000;
  width: 60px;
  text-align: center;
}
.warranties-box {
  border: 2px solid #000;
  padding: 5px 10px;
  margin: 15px 0;
}
.warranties-head {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 18px;
}
.warranties-box p {
  font-size: 15px;
  color: #000;
  margin: 5px 0;
}
.warranties-box p b {
  display: block;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 17px;
}
.insurance-box {
  border: 2px solid #000;
  padding: 5px 10px;
}
.insurance-box p {
  margin: 0;
  color: #000;
  font-size: 15px;
}
.insurance-box p b {
  font-family: source_sans_prosemibold;
  font-weight: 400;
}
.insurance-detail {
  border-top: 1px solid #000;
  margin-top: 10px;
  padding-top: 10px;
}
.insurance-detail-sub-head {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 15px;
  text-align: center;
}
.insurance-detail-head {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 17px;
  text-align: center;
}
.credit-optional-box {
  font-size: 15px;
  color: #000;
  margin: 5px 0;
}
.premium-head {
  font-size: 18px;
  color: #000;
}
.premium-box {
  margin-bottom: 5px;
}
.premium-box label {
  font-size: 15px;
  color: #000;
  margin-right: 5px;
}
.insurance-detail p {
  margin: 0;
  color: #000;
  font-size: 14px;
}
.other-insurance-head {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 17px;
  text-align: center;
  margin: 20px 0 10px;
}
.other-insurance-left {
  float: left;
  width: 25px;
}
.other-insurance-center {
  float: left;
  width: calc(100% - 125px);
}
.other-insurance-center p {
  margin: 0;
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 14px;
  line-height: 24px;
}
.other-insurance-right {
  float: right;
  text-align: center;
  width: 90px;
}
.other-insurance-right span,
.other-insurance-center span {
  display: block;
  color: #000;
  font-size: 14px;
  text-align: center;
}
.other-insurance-main p {
  margin: 0 0 0px;
  color: #000;
  font-size: 14px;
}
.ois-left {
  float: left;
  width: 15px;
  border-bottom: 1px solid #000;
}
.ois-left p {
  color: #000;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 18px;
}
.ois-center {
  float: left;
  width: calc(100% - 120px);
}
.ois-right {
  float: right;
  text-align: center;
  width: 100px;
}
.ois-right span {
  display: block;
  color: #000;
  font-size: 14px;
}
.other-insurance-signature-head {
  font-size: 14px;
  color: #000;
  margin: 10px 0;
}
.ois-center p {
  color: #000;
  margin: 0;
  font-size: 14px;
  border-bottom: 1px solid #000;
  text-align: center;
  line-height: 24px;
}
.ois-center span {
  display: block;
  color: #000;
  font-size: 14px;
  text-align: center;
}
.other-insurance-signature-box {
  margin-bottom: 5px;
}
.other-insurance-bottom {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.itemization-financed-main {
  border: 2px solid #000;
  padding: 5px 10px;
}
.itemization-financed-head {
  color: #000;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 5px;
}
.itemization-financed-box-right {
  float: right;
  width: 130px;
}
.itemization-financed-box-right span {
  color: #000;
  font-size: 15px;
  display: block;
}
.itemization-financed-box-left {
  float: left;
  width: calc(100% - 130px);
}
.itemization-financed-box-left span {
  color: #000;
  font-size: 14px;
  display: block;
}
.itemization-financed-box-left span b {
  color: #000;
  font-size: 16px;
  margin-right: 10px;
}
.total-downpayment-deta {
  padding-left: 55px;
}
.Your-trade-box span {
  display: inline-block;
  color: #000;
  font-size: 14px;
  vertical-align: middle;
  margin-right: 10px;
}
.Your-trade-box-in {
  display: inline-block;
  vertical-align: middle;
}
.Your-trade-box-in span {
  display: block;
}
.total-downpayment-in-left {
  float: left;
  width: calc(100% - 190px);
}
.total-downpayment-in-right {
  float: right;
  width: 180px;
}
.total-downpayment-in-right span {
  color: #000;
  font-size: 14px;
  display: block;
}
.total-downpayment-in-left span {
  display: inline-block;
  color: #000;
  font-size: 14px;
  margin-top: 4px;
}
.including-amounts-deta {
  padding-left: 19px;
}
.total-downpayment-in-left span b {
  padding-right: 6px;
}
.ia-padding {
  padding-left: 17px;
}
.ia-left {
  float: left;
  border-bottom: 1px solid #000;
  width: 60%;
  font-size: 14px;
  color: #000;
  line-height: 25px;
}
.ia-right {
  float: right;
  border-bottom: 1px solid #000;
  width: 40%;
  font-size: 14px;
  color: #000;
  line-height: 25px;
}
.ia-box {
  float: left;
  width: 50%;
  border-bottom: 1px solid #000;
  line-height: 25px;
}
.ia-box-left {
  float: left;
  font-size: 14px;
  color: #4a4a4a;
  width: 20px;
}
.ia-box-right {
  float: right;
  font-size: 14px;
  color: #000;
  width: calc(100% - 20px);
  text-align: center;
  padding-right: 5px;
}
.option-box {
  border: 2px solid #000;
  padding: 10px 10px;
  color: #000;
  font-size: 15px;
  margin: 15px 0;
}
.vendor-insurance-box {
  color: #000;
  border: 2px solid #000;
  padding: 10px 10px;
  font-size: 14px;
}
.returned-charge-box {
  color: #000;
  border: 2px solid #000;
  padding: 10px 10px;
  font-size: 14px;
  margin: 15px 0;
}
.payoff-agreement-box {
  border: 2px solid #000;
  padding: 10px 10px;
}
.payoff-agreement-box p {
  color: #000;
  font-size: 14px;
  margin: 0;
}
.payoff-agreement-box-left {
  float: left;
  width: 48%;
}
.payoff-agreement-box-right {
  float: right;
  width: 48%;
}
.pa-title {
  float: left;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 15px;
  width: 140px;
}
.pa-signature {
  float: right;
  color: #000;
  font-size: 15px;
  width: calc(100% - 140px);
  border-bottom: 1px solid #000;
  text-align: center;
}
.important-agreements-deta {
  margin-top: 30px;
}
.important-agreements-head {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 18px;
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.important-agreements-box-left {
  float: left;
  width: 48%;
}
.important-agreements-box-right {
  float: right;
  width: 48%;
}
.ia-title {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 17px;
}
.ia-title-left {
  float: left;
  width: 25px;
}
.ia-title-right {
  float: right;
  width: calc(100% - 25px);
}
.important-agreements-box p {
  margin: 10px 0 0;
  color: #3c3c3c;
  font-size: 15px;
  padding-left: 26px;
}
.important-agreements-box p b {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 15px;
  color: #000;
}
.important-agreements-box {
  border-bottom: 2px solid #000;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.important-agreements-box ul {
  padding-left: 50px;
}
.important-agreements-box ul li {
  color: #3c3c3c;
  font-size: 15px;
  list-style: inside;
  margin: 3px 0;
}
.important-agreements-notice {
  border: 2px solid #000;
  padding: 10px;
  margin: 20px 0;
}
.important-agreements-notice-title {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 17px;
}
.important-agreements-notice p {
  margin: 0;
  color: #000;
  font-size: 15px;
}
.other-notice {
  padding: 10px;
  border: 2px solid #000;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 26px;
  font-style: italic;
  line-height: 30px;
}
.contract-changed-box {
  padding: 10px;
  border: 2px solid #000;
  margin: 20px 0 0;
}
.contract-changed-head {
  color: #3c3c3c;
  font-size: 15px;
}
.contract-changed-head b {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 15px;
  color: #000;
  margin-top: 10px;
  display: block;
}
.contract-changed-head span {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 17px;
  color: #000;
  border-bottom: 1px solid #000;
  width: 150px;
  display: inline-block;
  margin: 0 5px;
}
.retail-contract-head {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 20px;
  color: #000;
  margin: 20px 0;
}
.retail-contract-in-left {
  float: left;
  width: 49%;
}
.retail-contract-in-right {
  float: right;
  width: 49%;
}
.retail-contract-in-left-signature {
  float: left;
  width: calc(100% - 150px);
}
.retail-contract-in-right-date {
  float: right;
  font-size: 15px;
  color: #000;
  width: 140px;
}
.pa-titles {
  float: left;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 15px;
  width: 130px;
  margin-top: 4px;
}
.pa-signatures {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 18px;
  text-align: left;
  width: calc(100% - 130px);
  border-bottom: 1px solid #000;
  float: right;
  color: #000;
}
.retail-contract-detail {
  font-size: 15px;
  color: #000;
  margin: 15px 0;
}
.other-owner {
  float: left;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  color: #000;
  font-size: 15px;
  width: 155px;
  margin-top: 4px;
}
.other-owner-signs {
  float: right;
  width: calc(100% - 155px);
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 18px;
  border-bottom: 1px solid #000;
  color: #000;
}
.other-owner2 {
  width: 60px;
}
.other-owner-signs2 {
  width: calc(100% - 60px);
  border: 0;
}
.retail-contract-in {
  margin-bottom: 10px;
}
.pa-titles2 {
  width: 30px;
}
.pa-signatures2 {
  width: calc(100% - 30px);
}
.contract-changed-bottom {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 0 5px;
}
.ccb-top {
  padding: 5px 5px;
}
.ccb-top-left {
  float: left;
  font-size: 14px;
  color: #000;
}
.ccb-top-left span {
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  margin-left: 5px;
}
.ccb-top-right {
  float: right;
  font-size: 14px;
  color: #000;
}
.ccb-box-main {
  margin: 0 -5px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 20px 5px;
}
.ccb-box {
  padding: 0 5px;
  width: 33.33%;
  float: left;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.ccb-box-main2 {
  border: 0;
  padding: 5px 5px;
}
.ccb-box-main2 .ccb-box {
  text-align: left;
}
.ccb-box span {
  float: left;
  font-size: 14px;
  color: #000;
  width: 40px;
}
.ccb-box p {
  margin: 0;
  float: right;
  font-family: source_sans_prosemibold;
  font-weight: 400;
  font-size: 15px;
  color: #000;
  width: calc(100% - 40px);
}
.new-frm-deta-left {
  float: left;
  width: 68%;
}
.new-frm-deta-right {
  float: right;
  width: 30%;
}
.new-frm-deta-box2 {
  padding: 5px 10px;
}
.nfdbl-left-new {
  float: left;
  width: 35%;
}
.nfdbl-right-new {
  float: right;
  width: 60%;
}
.new-payments-box {
  padding: 5px 10px;
  background: #346697;
}
.new-payments-box table {
  width: 100%;
}
.new-payments-box table tr td {
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  padding: 5px 2px;
}
/* 03-01-2023 */
.new_title_space {
  padding: 20px 10px;
}
.filter.form .form_checkbox {
  text-align: center;
}
.filter.form .form_btn {
  text-align: center;
  margin: 20px auto 0;
}
.filter.form .form_btn input.red-input-btn {
  float: unset !important;
  margin-right: 0 !important;
  text-align: center !important;
}
.form_btn_hides input.grey-input-btn,
.form_btn_hides input.grey-input-btn {
  float: unset !important;
  margin-right: 0 !important;
}
.filter.form .form_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
}
.filter.form .form_btns .form_btn_hides {
  margin: 0 5px 0 0;
}
.filter.form .form_btns .form_btn {
  margin: unset;
}
.title.new_title_space.title_align {
  text-align: center;
}
.title.new_title_space.title_align h2 {
  float: unset;
}
.filter.form .form_checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter.form .form_checkbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.list_wrap {
  display: flex;
  flex-wrap: wrap;
}
/*form#frmsrch { border: 1px solid #214b6c; padding: 10px 10px;}*/
form#passionmanage {
  padding: 10px;
}
table.box_Table tbody .first_tr {
  background: #214b6c;
}
table.box_Table tbody .first_tr td {
  color: #fff;
  padding: 10px;
}
div#middlewrapper .form_btns {
  display: flex;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: 200px auto 0;
  padding: 0px;
  border: 1px solid #888;
  width: 45%;
}
.modal-content h2 {
  padding: 20px;
  background: #2d3a50;
  color: #fff;
}
.modal-content form {
  padding: 20px;
}
.filter ul {
  position: relative;
}
#myBtn {
  display: inline-block;
  background: #454f52;
  border: 0;
  border-radius: 4px;
  font-size: 15px;
  font-family: source_sans_proregular;
  color: #fff;
  line-height: 27px;
  vertical-align: top;
  padding: 0 8px;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 0;
}
.modal-content form label {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400px;
  margin-bottom: 10px;
}
.modal-content form input {
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400px;
  border: 1px solid #2d3a50;
  margin: 0 0 20px;
}
.modal-content form .btn-close {
  padding: 12px 20px;
  background: #ddd;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400px;
  color: #000;
}
.modal-content form button {
  color: #fff;
  padding: 10px 20px;
  background: #2d3a50;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400px;
}
/* The Close Button */
.close {
  color: #fff;
  float: right;
  padding: 0 10px 0 0;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .buyer-info-head-box {
    width: 33%;
    margin: 5px 0;
  }
  .federal-disclosures-box p {
    height: 100px;
  }
  .federal-disclosures-box-head {
    font-size: 17px;
  }
}
@media only screen and (max-width: 991px) {
  .signature-box-date {
    width: 100px;
  }
  .bos-signature-box {
    width: calc(100% - 110px);
  }
  .buyer-info-head .bi-inputbox {
    width: 120px;
  }
  .law-contract-federal-left {
    float: none;
    width: 100%;
  }
  .law-contract-federal-right {
    float: none;
    width: 100%;
  }
  .retail-contract-in-left {
    float: none;
    width: 100%;
  }
  .retail-contract-in-right {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .ccb-top-right {
    float: none;
    text-align: center;
  }
  .ccb-top-left {
    float: none;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .buyer-info-head-box {
    width: 50%;
  }
  .purchased-vhicle-info-table table {
    width: 620px;
  }
  .purchased-vhicle-info-table {
    margin-bottom: 0px;
    padding-bottom: 10px;
    overflow: auto;
  }
  .trade-info-box {
    float: none;
    width: 100%;
  }
  .itemization-of-purchase-box {
    float: none;
    width: 100%;
  }
  .vehicle-identification-table table {
    width: 800px;
  }
  .vehicle-identification-table {
    overflow: auto;
  }
  .federal-disclosures-deta-main {
    overflow: auto;
  }
  .federal-disclosures-deta-main-in {
    width: 768px;
  }
  .federal-disclosures-box {
    padding: 5px 5px 15px;
  }
  .no-coolong-box {
    margin-top: 15px;
  }
  .important-agreements-box-left {
    float: none;
    width: 100%;
  }
  .important-agreements-box-right {
    float: none;
    width: 100%;
  }
  .new-frm-deta-left {
    float: none;
    width: 100%;
  }
  .new-frm-deta-right {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 580px) {
  .bill-of-sale-detail-bottom-left {
    float: none;
    width: 100%;
    border-right: 0;
  }
  .bill-of-sale-detail-bottom-right {
    float: none;
    width: 100%;
  }
  .bill-of-sale-head p {
    font-size: 18px;
  }
  .bill-of-sale-head span {
    font-size: 15px;
  }
  .bill-of-sale-head {
    margin: 10px 0 10px;
  }
  .buyer-info-head .bi-inputbox {
    width: 100px;
  }
  .bill-of-sale-signature-box {
    float: none;
    width: 100%;
  }
  .law-contract-title {
    font-size: 28px;
  }
  .law-contract-head p {
    font-size: 17px;
    line-height: 20px;
  }
  .buyer-seller-add-box {
    float: none;
    width: 100%;
  }
  .buyer-seller-add-box-border {
    border-left: 0;
    border-right: 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  .total-downpayment-deta {
    padding-left: 20px;
  }
  .ia-box {
    float: none;
    width: 100%;
  }
  .ia-title-left {
    width: 18px;
  }
  .ia-title-right {
    width: calc(100% - 18px);
  }
  .important-agreements-box p {
    padding-left: 18px;
  }
  .important-agreements-box ul {
    padding-left: 35px;
  }
  .other-notice {
    font-size: 20px;
    line-height: 24px;
  }
  .ccb-box {
    padding: 2px 5px;
    width: 100%;
    text-align: left;
  }
  .ccb-top-left span {
    display: block;
  }
  .payoff-agreement-box-left {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
  .payoff-agreement-box-right {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .buyer-info-head-box {
    width: 100%;
    float: none;
  }
  .buyer-info-head .bi-inputbox {
    width: 170px;
  }
  .buyer-info-detail-box p {
    width: 71px;
  }
  .bidb-texbox {
    width: calc(100% - 71px);
  }
  .law-contract-title {
    font-size: 22px;
  }
  .law-contract-top-number {
    text-align: left;
  }
  .law-contract-top-number-box {
    margin: 5px 0;
  }
  .payment-schedule-head span {
    float: none;
  }
  .warranties-box p b {
    font-size: 15px;
  }
  .itemization-financed-box-left {
    float: none;
    width: 100%;
  }
  .itemization-financed-box-right {
    float: none;
    width: 100%;
    text-align: right;
  }
  .Your-trade-box span {
    display: block;
  }
  .total-downpayment-in-left {
    float: none;
    width: 100%;
  }
  .total-downpayment-in-right {
    float: none;
    width: 100%;
    text-align: right;
  }
  .other-insurance-bottom {
    font-size: 17px;
  }
  .retail-contract-in-left-signature {
    float: none;
    width: 100%;
  }
  .retail-contract-in-right-date {
    float: none;
    width: 100%;
    text-align: right;
    margin-top: 5px;
  }
}

/*30-03-2023*/
span.creturn {
  background-color: #454f52;
  padding: 4px;
  font-size: 12px;
  color: white;
}

.blue-input-end {
  -webkit-appearance: none;
  display: inline-block;
  background: #214b6c;
  border: 0;
  font-size: 15px;
  font-family: source_sans_probold;
  color: #fff;
  line-height: 27px;
  vertical-align: top;
  min-width: 50px;
  cursor: pointer;
  border-radius: 3px;
}

.active-box-limit {
  border: 1px solid #d7d7d7;
  padding: 15px 25px;
  margin-bottom: 20px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 29-02-2024 */
.new_fileupload {
  color: #000;
  font-size: 15px !important;
  font-family: source_sans_proregular !important;
  line-height: 27px !important;
  margin: 0 0 5px !important;
}
.new_fileupload::-webkit-file-upload-button {
  visibility: hidden;
  margin: 0 !important;
  text-indent: -100px !important;
}
.new_fileupload::before {
  content: "Choose File" !important;
  display: inline-block !important;
  outline: none !important;
  white-space: nowrap !important;
  -webkit-user-select: none !important;
  cursor: pointer !important;
  background: #214b6c !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 0 8px !important;
  width: 90px !important;
}
.new_fileupload:hover::before {
  background: #454f52 !important;
  color: #fff !important;
}

/* 12-03-2024 */
.new_title_space {
  padding: 20px;
}
.filter_single_row {
  padding: 0;
}
.filter_single_row ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 20px 10px !important;
  margin: 0 !important;
  width: 100% !important;
}
.filter_single_row li {
  margin: 0 !important;
  width: auto !important;
  display: flex;
  align-items: center;
  gap: 10px;
}
.filter_single_row li label {
  padding: 0 !important;
  white-space: pre !important;
}
.filter_single_row li input {
  border: 1px solid #b8b8b8 !important;
  line-height: 25px !important;
  height: 25px !important;
  padding: 5px 5px !important;
  border-radius: 4px !important;
}
.filter_sr .filter_btn,
.filter_single_row li .filter_btn {
  padding: 0 5px !important;
  min-width: 100px !important;
}
.filter_sr .filter_btn {
  line-height: 25px !important;
}
.filter_single_row li select.inputbox-2 {
  border: 1px solid #b8b8b8 !important;
  width: 150px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hide_btn {
  display: none !important;
}

@media print {
  .no-Print {
    display: none;
  }
  #middlewrapper {
    display: block;
  }
  .page-break {
    page-break-inside: avoid;
    page-break-before: always;
  }

  .msgbx,
  .svnotice,
  .imgdescbx img {
    display: inline-block;
  }
  @page {
    size: landscape;
  }
}

.new_delivered_tabs {
  padding: 20px 20px;
  float: left;
  width: 100%;
}
.new_delivered_tabs .container_tab {
  /* border: 1px solid #214b6c; */
  float: left;
  width: 100%;
}
.new_delivered_tabs .tab {
  padding: 0;
  float: left;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
  /* background: #214b6c; */
  margin-bottom: 0;
}
.new_delivered_tabs button {
  display: inline-block;
  display: inline-block;
  background: #454f52;
  border: 0;
  border-radius: 4px;
  font-size: 15px;
  font-family: source_sans_proregular;
  color: #fff;
  line-height: 27px;
  vertical-align: top;
  padding: 0 8px;
  cursor: pointer;
}
.new_delivered_tabs button:hover,
.new_delivered_tabs button.active {
  background: #214b6c;
  color: #fff;
}

.p-0 {
  padding: 0 !important;
}

.tab_contain {
  min-height: 70vh;
  float: left;
  width: 100%;
}

.tab_contain .filter {
  border-bottom: none;
}

#wrapper1,
#wrapper2,
#wrapper11,
#wrapper22 {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
#wrapper1,
#wrapper11 {
  height: 20px;
  margin-bottom: 10px;
}
#div1,
#div11 {
  /* width:2620px;  */
  height: 20px;
}

.gridmain table tr td .action .arrow {
  width: 15px;
  height: 15px;
  margin: -15px 0 0 0;
  right: 26px;
  position: absolute;
}
.gridmain table tr td .action a {
  color: #ffffff;
  font-family: "source_sans_proregular" !important;
  font-size: 13px;
  line-height: 13px !important;
}
.gridmain table tr td .action a:hover {
  text-decoration: underline;
}

.thirteen_fields {
  display: grid;
  /*grid-template-columns: repeat(13, 1fr);*/grid-template-columns: repeat(13, 1fr);
  gap: 0 10px;
  align-items: end;
}
.table_heading tr td:nth-child(2),
.table_heading tr td:first-child {
  max-width: 50px;
}

#headerwrapper .main_header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px 10px;
}
#headerwrapper .main_header .logo {
  padding: 0;
}
#headerwrapper .main_header .logo img {
  max-width: 140px;
}
#headerwrapper .main_header .navigation {
  background: transparent !important;
  padding: 0;
}
#headerwrapper .main_header .navigation .mainmenu li a {
  padding: 0 4px;
}
#headerwrapper .topmenu li {
  line-height: 30px;
}
#headerwrapper .main_header .south_shore_logo img {
  max-width: 140px;
}

.mt-20 {
  margin-top: 20px;
}
.add_birddog_deal {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 0 10px;
  align-items: end;
}
.add_birddog_deal_four {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 10px;
}
.add_birddog_deal_two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.col_span_two {
  grid-column: span 2 / span 2;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


.nd_filter {
  background: #214b6c;
  padding: 0 10px;
}
.nd_filter ul li label {
  color: #fff;
}
.nd_filter ul {
  width: 100%;
  margin: 0;
}
.nd_filter ul li:first-child {
  margin-left: 0 !important;
}
.nd_filter .red-input-btn {
  background: #fff;
  color: #000;
  line-height: 25px;
  border: 1px solid #fff;
}
.nd_filter .red-input-btn:hover {
  background: transparent;
  color: #fff;
}
.nd_filter .grey-input-btn {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  line-height: 25px;
}
.nd_filter .grey-input-btn:hover {
  background: #fff;
  color: #000;
}

.nd_filter select{

    border: 1px solid #b8b8b8;
    line-height: 25px;
    height: 25px;
    padding: 0 5px;
    font-size: 16px;
    color: #37312d;
    border-radius: 4px;
}

.nd_title {
  padding: 0;
}

.new_delivered_tabs .heading_title span {
  background-color: #454f52;
  color: #fff;
  font-size: 15px;
  padding: 5px;
  display: block;
  width: 70%;
  margin: 0 0 20px;
}

.new_delivered_tabs .tab_contain {
  padding: 20px 0;
}

.new_delivered_tabs .tab_contain:not(:last-child) {
  border-bottom: 1px solid #214b6c;
}

.new_delivered_tabs .no_deals {
  padding: 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #848484;
}
.content-wrap {
  overflow-y: unset !important;
}

.d_block {
    display: block !important;
}
.text_center {
    text-align: center !important;
}
.float_unset {
    float: unset !important;
}
.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.w-100 {
    width: 100% !important;
}
.login_box {
    max-width: 450px;
    min-height: 500px;
    margin: 0 auto;
    background: #f9f9f9;
    padding: 48px 68px;
}
.login_box input::-webkit-outer-spin-button,
.login_box input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.login_box input[type="number"] {
  -moz-appearance: textfield;
}

.login_box .lb_title {
    text-align: left;
    margin-bottom: 20px;
    font-weight: 700;
}
.resend_otp_btn {
    color: #214b6c;
    background: transparent;
    padding: 0;
    border: none;
    text-transform: unset;
    min-width: unset;
}

@media only screen and (max-width: 980px) {
  #headerwrapper .main_header {
    padding: 10px 10px;
  }

  span#open-button {
    display: none !important;
  }

  .menu-button {
    position: unset !important;
    margin: 0 !important;
  }

  .menu-button.mobile_header_bar {
    display: block !important;
  }

  .sidbar_mobile_menu li {
    padding: 6px 20px !important;
  }

  .sidbar_mobile_menu li a {
    background: transparent !important;
    color: #fff !important;
  }

  .sidbar_mobile_menu li ul li a:hover {
    color: #fff !important;
  }

  .sidbar_mobile_menu .submenu-toggle {
    background: transparent;
    padding: 0;
    box-shadow: none;
    outline: none;
    border: none;
    font-size: 19px;
    line-height: 1em;
    color: #fff;
  }

  .sidbar_mobile_menu li div {
    display: grid;
    grid-template-columns: auto 20px;
    gap: 10px;
  }

  .sidbar_mobile_menu li ul.submenu {
    margin: 6px 0 0 !important;
    display: none;
    /* Hide submenu by default */
  }

  .sidbar_mobile_menu li ul li {
    border-top: 1px solid #667174;
    border-bottom: none !important;
  }

  .sidbar_mobile_menu li a {
    padding: 0 !important;
  }

  .content-wrap {
    position: relative;
  }

  .nd_filter_form,
  #footerwrapper,
  div#headerwrapper {
    position: sticky;
    left: 0;
  }
  html,
  body,
  .content-wrap {
    overflow: auto !important;
  }

  #headerwrapper .main_header .logo img {
    max-width: 100px;
  }

  #headerwrapper .main_header .south_shore_logo img {
    max-width: 90px;
  }
}