@import url("../css/bootstrap-glyphicons.css");

@font-face {
  font-family: "Myriad Pro";
  src: url("fonts/MyriadPro-Regular.otf");
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #eaeaea;
  color: #666;
}

.clearfix {
  clear: both;
}

.progress {
  text-align: center;
  margin-right: 4%;
  color: #fff;
}

.LoginMarginBox {
  margin: 30px 0px;
}

.sitecolor {
  color: #037041;
  font-size: 20px;
}

.LoginBox {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
}

.ErrorDiv {
  background-color: #ff5454;
  /* border: 3px double #ffffff; */
  padding: 3px;
  color: #ffffff;
  border-radius: 7px;
}

.menuboxbar {
  background: #037041;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}

.TextField {
  width: 380px;
  height: 35px;
  border: 0px;
  font-size: 13px;
  padding: 0px 10px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px #ccc;
  border-radius: 7px;
  outline: none;
  margin-bottom: 5px;
}

.headerrightbar {
  font-size: 12px;
}

.footer,
.footer a {
  color: #fff;
}

.footer {
  line-height: 30px;
  width: 100%;
  background-color: #037041;
  padding: 0px 10px;
  font-size: 12px;
}

.containerbox {
  width: 1280px;
  margin: 0 auto;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 10px 2px #d9d9d9;
  border: 1px solid #ccc;
}

.headerbtnbox {
  text-align: right;
  float: right;
}

.pageheading {
  float: left;
  color: #037041;
  font-weight: bold;
  font-size: 22px;
}

.horizintalline {
  border-bottom: 1px solid #d9d9d9;
  height: 10px;
}

.headerbtnbox a {
  display: inline-block;
  padding: 5px 15px;
  color: #fff;
  background: #037041;
  border-radius: 5px;
}

.searchbtn {
}

.search-box {
  background-color: #eaeaea;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

.searchlabeltext {
  font-size: 14px;
  margin: 5px 0;
  display: block;
}

.searchtextbox {
  border: 1px solid #ccc;
  font-size: 12px;
  width: 96%;
  height: 36px;
  box-shadow: 2px 2px 2px #ccc;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 7px;
  background: #fff;
}
.searchselectbox {
  border: 1px solid #ccc;
  font-size: 12px;
  width: 96%;
  height: 36px;
  box-shadow: 2px 2px 2px #ccc;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 7px;
  background: #fff;
}

.searchsubmitreset {
  text-align: right;
  margin-right: 1%;
  margin-top: 10px;
}

.searchresetbtn {
  padding: 5px 15px;
  color: #fff;
  background: #037041;
  border-radius: 5px;
  border: 0;
}

.searchsubmitbtn {
  padding: 5px 15px;
  color: #fff;
  background: #037041;
  border-radius: 5px;
  border: 0;
}

.data-listing {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 10px;
}

.displaylistingtitle {
  padding: 5px 15px;
  color: #fff;
  background: #037041;
  border-radius: 5px 5px 0 0;
  font-size: 18px;
  font-weight: bold;
}

.data-table,
.data-table2 {
  border-collapse: collapse;
  border-color: #fff !important;
  border: 1px #fff solid;
  border-left: 0px;
  border-bottom: 0px;
}

.data-table thead,
.data-table2 thead {
  background: #8d3435;
  color: #fff;
  position: relative;
}

.data-table tr th,
.data-table2 tr th {
  background: #fff;
  padding: 6px 6px;
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.data-table tr td,
.data-table2 tr td {
  background: #fff;
  padding: 6px 6px;
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.data-table thead td,
.data-table2 thead td {
  background: #3a3a3a !important;
  padding: 10px 5px !important;
  position: relative;
}

.data-table thead th,
.data-table2 thead th {
  background: #3a3a3a !important;
  padding: 10px 5px !important;
  position: relative;
}

.data-table thead th a,
.data-table2 thead th a {
  color: #fff;
}

.data-table thead td.deletebox,
.data-table2 thead td.deletebox {
  background: #d9534f !important;
  color: #fff;
}

.data-table thead th.deletebox,
.data-table2 thead th.deletebox {
  background: #d9534f !important;
  color: #fff;
}

.data-table tr td.available,
.data-table2 tr td.available {
  background: #00833c !important;
  color: #fff;
}
.data-table tr td.jcopen,
.data-table2 tr td.jcopen {
  background: #4463a0 !important;
  color: #fff;
}
.data-table tr td.onuse,
.data-table2 tr td.onuse {
  background: #ff964f !important;
  color: #fff;
}
.data-table tr td.accident,
.data-table2 tr td.accident {
  background: #d9534f !important;
  color: #fff;
}

.data-table tr td.checkout,
.data-table2 tr td.checkout {
  background: #824733 !important;
  color: #fff;
}

.data-table tr td.checkout,
.data-table2 tr td.checkout {
  background: #824733 !important;
  color: #fff;
}

.data-table tr td.pendingforrepair,
.data-table2 tr td.pendingforrepair {
  background: #000 !important;
  color: #fff;
}

.data-table tr td.readyfordelivery,
.data-table2 tr td.readyfordelivery {
  background: #00143c !important;
  color: #fff;
}

.data-table tr td.block,
.data-table2 tr td.block {
  background: #f32200 !important;
  color: #fff;
}

.data-table tr td.green,
.data-table2 tr td.green {
  background: #00833c !important;
  color: #fff;
}

.data-table tr td.brown,
.data-table2 tr td.brown {
  background: #824733 !important;
  color: #fff;
}

.data-table tr td.blue,
.data-table2 tr td.blue {
  background: #4463a0 !important;
  color: #fff;
}
.data-table tr td.orange,
.data-table2 tr td.orange {
  background: #ff964f !important;
  color: #fff;
}
.data-table tr td.red,
.data-table2 tr td.red {
  background: #d9534f !important;
  color: #fff;
}
.data-table tr td.purple,
.data-table2 tr td.purple {
  background: #1f9dce !important;
  color: #fff;
}
.data-table tr td.yellow,
.data-table2 tr td.yellow {
  background: #d3d606 !important;
  color: #fff;
}

.data-table tr td.gold,
.data-table2 tr td.gold {
  background: #bdb700 !important;
  color: #fff;
}

.data-table tr td.black,
.data-table2 tr td.black {
  background: #000000 !important;
  color: #fff;
}

.data-table tr td.viloet,
.data-table2 tr td.viloet {
  background: #00a3bd !important;
  color: #fff;
}

.data-table tr td.skyblue,
.data-table2 tr td.skyblue {
  background: #7d00bd !important;
  color: #fff;
}

.data-table tr td.active,
.data-table2 tr td.active {
  background: #00833c !important;
  color: #fff;
  font-weight: bold;
}

.data-table tr td.inactive,
.data-table2 tr td.inactive {
  background: #d9534f !important;
  color: #fff;
  font-weight: bold;
}

.data-table tr td.inactive-red,
.data-table2 tr td.inactive-red {
  color: #d9534f;
}

.data-table tr td.activeboxdata,
.data-table2 tr td.activeboxdata {
  color: #00833c;
  font-weight: bold;
}

.data-table tr td.inactiveboxdata,
.data-table2 tr td.inactiveboxdata {
  color: #ff964f;
  font-weight: bold;
}

.data-table tr:hover {
  background: #ccc !important;
}

.sortarrowbox {
  float: right;
  margin-left: 2px;
}

.displaydata-box {
  background-color: #eaeaea;
  border-radius: 0 0 8px 8px;
  border: 1px solid #d9d9d9;
  margin-bottom: 10px;
  padding: 10px;
}

.formlabeltext {
  font-size: 14px;
  margin: 5px 0;
  display: inline-block;
  color: #3a3a3a;
}

.formtextbox {
  border: 1px solid #ccc;
  font-size: 12px;
  width: 96%;
  height: 36px;
  box-shadow: 2px 2px 2px #ccc;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 7px;
  background: #fff;
  margin-bottom: 5px;
  color: #3a3a3a;
}

.formtextarea {
  border: 1px solid #ccc;
  font-size: 12px;
  padding: 8px;
  width: 100%;
  box-shadow: 2px 2px 2px #ccc;
  border-radius: 7px;
  background: #fff;
  height: 100px;
  resize: none;
  margin-bottom: 5px;
  color: #3a3a3a;
}

.formselectbox {
  border: 1px solid #ccc;
  font-size: 12px;
  width: 96%;
  height: 36px;
  box-shadow: 2px 2px 2px #ccc;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 7px;
  background: #fff;
  margin-bottom: 5px;
  color: #3a3a3a;
}

.formselectboxtime {
  border: 1px solid #ccc;
  font-size: 12px;
  width: 47%;
  height: 36px;
  box-shadow: 2px 2px 2px #ccc;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 7px;
  background: #fff;
  color: #3a3a3a;
}

.formshortwidth {
  border: 1px solid #ccc;
  font-size: 12px;
  width: 35%;
  height: 36px;
  box-shadow: 2px 2px 2px #ccc;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 7px;
  background: #fff;
  color: #3a3a3a;
}

input[type="range"] {
  display: inline-block;
  width: 80%;
  background: #d9534f;
  margin-top: 15px;
}

input[type="range"]::-webkit-slider-runnable-track {
  background: #d9534f;
  border: none;
  height: 4px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 10px;
  width: 16px;
  border-radius: 50%;
  background: goldenrod;
  margin-top: -8px;
}

.form-group input[type="checkbox"] {
  display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
  width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
  display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
  display: inline-block;
}

.form-group
  input[type="checkbox"]:checked
  + .btn-group
  > label
  span:first-child {
  display: inline-block;
}
.form-group
  input[type="checkbox"]:checked
  + .btn-group
  > label
  span:last-child {
  display: none;
}

ul.servicereposts {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.servicereposts li {
  float: left;
  margin-right: 10px;
}

#ageOutputId {
  display: inline-block;
}
.rangeoutput {
  display: inline-block;
  float: right;
  margin-right: 3%;
}

.requiredbox {
  color: #d9534f;
  display: inline-block;
}

.AccountStatus a.Active.Selected,
.AccountStatus a.Inactive.Selected,
.AccountStatus a.InactiveOut.Selected {
  background: #037041;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}

.AccountStatus a.Active {
  background: #fff;
  padding: 0px 10px;
  text-decoration: none;
  display: block;
  float: left;
  text-align: center;
  line-height: 33px;
  border-radius: 5px 5px 5px 5px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  color: #666;
  cursor: pointer;
}

.AccountStatus a.Inactive {
  background: #fff;
  padding: 0px 10px;
  text-decoration: none;
  display: block;
  float: left;
  text-align: center;
  cursor: pointer;
  line-height: 33px;
  border-radius: 5px 5px 5px 5px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  color: #666;
  cursor: pointer;
}

.AccountStatus a.InactiveOut {
  background: #fff;
  padding: 0px 10px;
  text-decoration: none;
  display: block;
  float: left;
  text-align: center;
  cursor: pointer;
  line-height: 33px;
  border-radius: 5px 5px 5px 5px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  color: #666;
  cursor: pointer;
}

.setplussign {
  float: right;
  margin-top: 10px;
  margin-right: 1%;
}

.submitandresetbtn {
  text-align: right;
}

.formreset {
  padding: 5px 15px;
  color: #fff;
  background: #037041;
  border-radius: 5px;
  border: 0;
  font-size: 16px;
}

.formsubmit {
  padding: 5px 15px;
  color: #fff;
  background: #037041;
  border-radius: 5px;
  border: 0;
  font-size: 16px;
}

.formsubmit:hover {
  color: #fff;
}

.addmasterdata {
  margin-left: 1%;
  display: inline-block;
}

.popupsubmitresetbtn {
  text-align: right;
  margin-right: 1.5%;
  margin-top: 10px;
}

.popupsubmitresetbtn input[type="submit"] {
  font-size: 14px;
}
.popupsubmitresetbtn input[type="reset"] {
  font-size: 14px;
}

.displayviewdata {
  border-collapse: collapse;
  border-color: #fff !important;
  border: 1px #eaeaea solid;
  border-left: 0px;
  border-bottom: 0px;
}

.displayviewdata tr td.headerbar {
  background: #037041;
  color: #fff;
  font-size: 16px;
  padding: 2px 2px;
}

.displayviewdata tr td {
  padding: 6px 6px;
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.displayviewdata span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 165px;
  display: block;
}

.displayviewdata tr td.labelheading {
  background: #eaeaea;
  color: #000;
}

.displayviewdata tr td.labelheading-red {
  background: #d9534f;
  color: #fff;
  font-weight: bold;
}

.displayviewdata tr td.labelheading-green {
  background: #093;
  color: #fff;
  font-weight: bold;
}

.displayviewdata tr td.labelheading-orange {
  background: #ff964f;
  color: #fff;
  font-weight: bold;
}

.displayviewdata tr td.labelheading-blue {
  background: #4463a0;
  color: #fff;
  font-weight: bold;
}

.displayviewdata tr td.labelheading-brown {
  background: #824733;
  color: #fff;
  font-weight: bold;
}

ul.mastertablist {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.mastertablist li {
  float: left;
  width: 170px;
  text-align: center;
}

ul.mastertablist li a {
  display: block;
  line-height: 40px;
  background: #d9d9d9;
  color: #000;
  border: 1px solid #cacaca;
}

ul.mastertablist li a.active {
  color: #fff;
  background: #824733;
  text-decoration: none;
}

ul.mastertablist li a:hover {
  color: #fff;
  background: #824733;
  text-decoration: none;
}

.EnglishText {
  text-align: left;
}

.ArabicText {
  text-align: right;
}

.SetStatus {
  font-weight: bold;
  cursor: pointer;
}

.mm-listview li a:hover {
  color: #037041;
}

.mm-listview li:hover span {
  color: #037041 !important;
}

h4.modal-title {
  font-size: 22px;
}

.SetStatus a {
  background: #fff;
  padding: 0px 10px;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 33px;
  border-radius: 5px;
  border: 1px solid #666;
  color: #666;
}

.SetStatus a.Selected {
  background: #037041;
  color: #ffffff;
}

.data-table3 {
  border-collapse: collapse;
  border-color: #fff !important;
  border: 1px #fff solid;
  border-left: 0px;
  border-bottom: 0px;
}

.data-table3 thead {
  background: #8d3435;
  color: #fff;
  position: relative;
}

.data-table3 tr td {
  background: #fff;
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.data-table3 thead td {
  background: #3a3a3a !important;
  padding: 10px 5px !important;
}

.deletebtnbox {
  padding: 5px 15px;
  color: #fff;
  background: #d9534f;
  border-radius: 5px;
  border: 0;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 5px;
}

.returnrecivebox {
  float: left;
  margin-top: 5px;
}

.returnrecivebox img {
  margin-right: 10px;
}

.addmasteroption {
  float: left;
}

.tabitemdisplay {
  display: none;
}

.osrtableitemdisplay {
  display: none;
}

.PrefixTextBox {
  text-align: center;
}
.AccountStatus a.redactivecolor.Selected {
  background: #d9534f;
}

.AccountStatus a.orangeactivecolor.Selected {
  background: #ff964f;
}

.carimage {
  position: absolute;
}
.SetMarkonImage {
  width: 490px;
  height: 243px;
  position: relative;
  margin-top: 50px;
}

.displayfiled {
  background: #efefef;
  color: #000;
}

.tooltip-inner {
  background-color: #000;
  color: #fff;
  font-size: 14px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #000;
}

.totalvaluesdisplay {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  padding: 7px 15px;
  background: #824733;
  color: #fff;
  border-radius: 5px;
  display: none;
}

.serviceswork {
  width: 200px;
  text-align: left;
}

.groupremovemargin {
  margin-bottom: 0;
}

.jobcardlisting {
  display: none;
}

.myaccountbox {
  position: absolute;
  right: 5px;
  border-radius: 0 0 10px 10px;
  background: #fff;
  color: #666;
  min-width: 300px;
  text-align: center;
  z-index: 999;
  box-shadow: 0px 0px 10px 2px #c1c1c1;
  display: none;
}

.laguageicons {
  background: #037041;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  margin-bottom: 10px;
  margin-right: 20%;
  margin-left: 20%;
  border-radius: 10px;
}

.laguageicons:hover {
  background: #037041;
  color: #fff;
  text-decoration: none;
}

.lastloginbox {
  line-height: 30px;
}

.changepassword {
  display: block;
  background: #4caf50;
  color: #fff;
  line-height: 35px;
  text-align: center;
  border-radius: 0 0 0px 10px;
  border-right: 1px solid #fff;
}

.changepassword:hover {
  background: #037041;
  color: #fff;
  text-decoration: none;
}

.logout {
  display: block;
  background: #d9534f;
  color: #fff;
  line-height: 35px;
  text-align: center;
  border-radius: 0 0 10px 0;
}

.logout:hover {
  background: #981f1b;
  color: #fff;
  text-decoration: none;
}

.welcomebox {
  background: rgba(119, 119, 119, 0.16);
  color: #037041;
  padding: 0px 10px;
  display: block;
  border-bottom: 1px solid rgba(140, 140, 140, 0.18);
}

.displayserialbox {
  position: absolute;
  top: 45px;
  border: #037041;
  background-color: #eaeaea;
  border: 1px solid #037041;
  padding: 10px;
  width: 350px;
  right: 0;
  display: none;
  z-index: 999;
}

.rackdivdisplay {
  float: left;
  width: 110px;
}
.rowcoldivdisplay {
  float: left;
  width: 100px;
}

.seriallizeproduct tr td {
  padding: 5px !important;
}

.seriallizeproduct tr td .formtextbox {
  width: 100%;
  height: 30px;
}

.selectserie {
  display: none;
}

.greenbox {
  background: #5cb85c;
  color: #fff;
  font-weight: bold;
}

.orangebox {
  background: #ff964f;
  color: #fff;
  font-weight: bold;
}

.redbox {
  background: #c9302c;
  color: #fff;
  font-weight: bold;
}

#HideScreen {
  background: url(../images/pageloader.gif) no-repeat center #fff;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99999999;
  opacity: 0.9;
  filter: alpha(opacity = 90);
  -moz-opacity: 0.9; /* Mozilla 1.6 and older */
}

.validation,
.filevalidation {
  display: none;
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 13px;
  color: #de5959;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.validation.showError,
.filevalidation.showError {
  opacity: 1;
  display: block;
  margin-top: 5px;
}
.invalid {
  /*border-color: #E9322D!important;
    box-shadow: 0 0 6px #F8B9B7!important;*/
  outline: none;
}

#weballmessages {
  position: fixed;

  bottom: 0px;

  left: 0px;

  padding: 10px 0;

  text-align: center;

  font-size: 15px;

  background: #d31a29;

  color: #fff;

  width: 100%;

  font-weight: bold;

  display: none;

  opacity: 0;

  z-index: 99999;
}

.loginbtn {
  background: url(../images/loginkey.png) no-repeat center left #037041;
  color: #fff;
  border: 0px;
  font-size: 16px;
  border-radius: 5px;
  padding: 10px;
  padding-left: 40px;
}

.languagecss {
  background: url(../images/translation.png) no-repeat 3px center #037041;
  color: #fff;
  border: 0px;
  font-size: 16px;
  border-radius: 5px;
  padding: 10px;
  padding-left: 40px;
  display: inline-block;
}

.progress {
  margin-bottom: 0;
}

table.dataTable thead th.setarrowright:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: "Glyphicons Halflings";
  opacity: 0.5;
}

table.dataTable thead th.setarrowleft:after {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: block;
  font-family: "Glyphicons Halflings";
  opacity: 0.5;
}

table.dataTable thead th.setsortingarrow:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: "Glyphicons Halflings";
  opacity: 0.5;
}

.norecordfound {
  padding: 10px;
  border: 1px #ccc solid;
}

.fleft {
  float: left;
}
.fright {
  float: right;
}

.vehicleimages {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  width: 100px;
}

.removepaddingbottom {
  margin-bottom: 0;
}

.applydateanchor {
  display: inline-block;
  float: right;
  text-decoration: none;
  padding: 0 5px;
  color: #fff;
  background: #824733;
}

.errormessagedisplay {
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
  display: none;
}

.checkwidthheight {
  width: 35px;
  height: 35px;
}
ul.pagination li a {
  background: #3a3a3a;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

ul.pagination li a.active {
  background: #037041;
}

ul.pagination li a:hover {
  background: #037041;
  color: #000;
}

a.greencolor {
  background: #00833c;
}

a.redcolor {
  background: #d9534f;
}

a.orangecolor {
  background: #ff964f;
}

a.browncolor {
  background: #824733;
}
a.bluecolor {
  background: #2b499c;
}
a.purplecolor {
  background: #1f9dce;
}

ul.dasobardiconslinks {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.dasobardiconslinks li {
  width: 244px;
  display: inline-block;
  text-align: center;
}

ul.dasobardiconslinks li span {
  display: block;
  width: 220px;
  margin: 0 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

ul.dasobardiconslinks li img {
  border-radius: 50%;
}

ul.dasobardiconslinks li.blurbox {
  opacity: 0.5;
}

ul.dasobardiconslinks li a {
  color: #037041;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.remove-table-border {
  border-collapse: collapse;
}

.remove-table-border tr td {
  border: 0;
}

.unitofmenasurementtextbox {
  width: 50px;
  display: inline-block;
}

.unitofmenasurementsize {
  display: inline-block;
}

/*//////// Tablet css //////////*/
.headerboxsectionbox {
  padding: 10px;
  border-bottom: 1px solid #037041;
}
.headertext {
  color: #037041;
  font-size: 24px;
  margin-top: 30px;
  font-weight: bold;
}

.tabletbuttonbox {
  display: block;
  background: #037041;
  color: #fff;
  font-size: 40px;
  text-align: center;
  border-radius: 10px;
  line-height: 90px;
  margin: 20px;
  text-decoration: none;
}

.tabletbodysection {
}

.gobackbtn {
  color: #037041;
  text-decoration: none;
}

.formtablettextbox {
  border: 1px solid #ccc;
  font-size: 24px;
  width: 96%;
  height: 60px;
  box-shadow: 2px 2px 2px #ccc;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 7px;
  background: #fff;
  margin-bottom: 5px;
  color: #3a3a3a;
}
.redoptioncolor {
  background: #d9534f !important;
  color: #fff !important;
}
.orangeoptioncolor {
  background: #ff964f !important;
  color: #fff !important;
}
.browneoptioncolor {
  background: #824733 !important;
  color: #fff !important;
}

a.redoptioncolor:hover {
  background: #d9534f !important;
}
a.orangeoptioncolor:hover {
  background: #ff964f !important;
}

a.applyalldata {
  color: #fff;
  text-decoration: underline;
  float: right;
  display: inline-block;
  cursor: pointer;
}
.bs-select-all {
  color: #fff;
  background: #037041;
}
.bs-select-all:hover,
.bs-deselect-all:hover {
  color: #fff;
  text-decoration: none;
}
.bs-deselect-all {
  background: #d9534f;
  color: #fff;
}
/* Hard "outline" with box-shadow: */
input[type="text"]:focus,
select:focus,
textarea:focus,
.bootstrap-select:focus {
  outline: none;
  box-shadow: 0 0 0 1pt green;
}
.btn.active,
.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.data-noborder tr td {
  border: none !important;
  background-color: #eaeaea;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  max-width: 80%;
  text-overflow: ellipsis;
}
.sdtabledata .formtextbox {
  width: 94%;
}

a.editaggrnotebtn {
  background-color: #037041;
  color: #fff;
  padding: 2px 10px;
  border-radius: 8px;
  float: right;
  line-height: 16px;
  outline: none;
}

.InputFieldCenter {
  text-align: center;
}
.InputFieldCenter[readonly] {
  background: #f7f7f7;
}
.HeadingTableBg {
  background: #037041;
  color: white;
}
.HeadingTableBg .formlabeltext {
  color: white;
  font-size: 1.7rem;
  font-weight: bold;
}
.PaddingTable table td,
th {
  padding: 0 10px;
  border-color: #bfbfbf;
}
.HeadingPriceBg {
  background-color: #666666;
  color: white;
}
.HeadingPriceBg .formlabeltext {
  color: white;
  font-size: 1.7rem;
  font-weight: bold;
}