/************************************ Global Classes ***********************************/
.margin-1em-all     { margin:15px;}
.margin-1em-top     { margin-top:15px;}
.margin-1em-right   { margin-right:15px;}
.margin-1em-bottom  { margin-bottom:15px;}
.margin-1em-left    { margin-left:15px;}
.margin-2em-all     { margin:30px;}
.margin-2em-top     { margin-top:30px;}
.margin-2em-right   { margin-right:30px;}
.margin-2em-bottom  { margin-bottom:30px;}
.margin-2em-left    { margin-left:30px;}
.margin-top-20      { margin-top:20px;}
.margin-top-60      { margin-top:60px;}
.padding-1em-all    { padding:15px;}
.padding-1em-top    { padding-top:15px;}
.padding-1em-right  { padding-right:15px;}
.padding-1em-bottom { padding-bottom:15px;}
.padding-1em-left   { padding-left:15px;}
.padding-2em-all    { padding:30px;}
.padding-2em-top    { padding-top:30px;}
.padding-2em-right  { padding-right:30px;}
.padding-2em-bottom { padding-bottom:30px;}
.padding-2em-left   { padding-left:30px;}
.width100 { width:100% !important;}

.padding-none { padding: 0; margin: 0; }
.no-side-padding { padding-left: 0 !important;  padding-right: 0 !important; margin-right: 0 !important; margin-left: 0 !important; }
.option-control { display: inline-table !important ; width: 65% !important; }
.btn-round-sm { border-radius: 50%; padding: 6px; color: white; color: white !important; font-size: 12px; }

/*********************** Slim Scroller *********************/
.scroll { overflow-y:auto; scrollbar-face-color:rgba(0,0,0,.2); scrollbar-track-color:rgba(0,0,0,.3); scrollbar-arrow-color:rgba(0,0,0,.2); }
.scroll::-webkit-scrollbar        { width:7px; background:rgba(0,0,0,.1);}
.scroll::-webkit-scrollbar-thumb  { background:rgba(0,0,0,.2);}
.scroll:hover::-webkit-scrollbar  { background:rgba(0,0,0,.15);}


/************************************ Page Create Form ***********************************/
.mobile-img-div { background: url("/admin-dependencies/dist/img/mobile-frame.png") no-repeat top center; min-height: 600px; padding: 0; margin:0; }
.mobile-layout-div { padding-left: 12px; padding-right: 16px; }
.mobile-inner-div { padding: 3px; margin: 0; max-height: 440px; overflow-x: hidden; overflow-y: scroll; }


/************************************ Page Form List ***********************************/
.view-mobile-img-div { background: url("/admin-dependencies/dist/img/mobile-frame.png") no-repeat top center; min-height: 550px;padding: 0; margin:0; }
.view-mobile-layout-div { padding-left: 12px; padding-right: 12px; }
.view-mobile-inner-div { padding:3px; margin:0; max-height: 430px; overflow-x: hidden; overflow-y: scroll; }

/************************************ Page Form Edit ***********************************/
.edit-mobile-img-div { background: url("/admin-dependencies/dist/img/mobile-frame.png") no-repeat top center; min-height: 550px;padding: 0; margin:0; }
.edit-mobile-layout-div { padding-left: 20px; padding-right: 28px; }
.edit-mobile-inner-div { padding: 3px; margin: 0; max-height: 440px; overflow-x: hidden; overflow-y: scroll; }
.edit-form { margin: 0; max-height: 510px; overflow-x: hidden; overflow-y: scroll;}
.deactive-form-field { background: ##f7c7c7; margin-left: 3px; padding-top: 10px; }

/************************ Dropdown menu customization *******************************/
.dropdown-menu { min-width: 127px !important; margin: 0 !important;  cursor: pointer;}
.menu-width { width: 202px;}
.btn-group .btn-lang { color:#fff !important;}
.btn-group.open .btn-lang { color:#000 !important;}

a.addUser { font-size: 18px; font-family: inherit;}
img#profile { height: 50px; width: 70px;
}

.easy-autocomplete-container {
	z-index: 4 !important;
}

 @media (min-width: 960px)
                {
                  .transactionDialogModal { width:800px;}
                }
.transactionDialogModal .modal-body { padding:5px 15px;}
.mdlRow { width:100%; display:inline-block; border-bottom:1px dashed #eee; padding:10px;}
.mdlRow:last-child { border-bottom:none;}
.mdlColumn { display:inline-block; float:left; padding-right:20px; margin-right:20px; border-right:1px solid #f4f4f4;}
.mdlColumn:last-child { border-right:none; margin-right:0; padding-right:0;}
.mdlBtn { display:inline-block; padding:5px 10px; margin:5px; border-radius:3px; color:#fff; text-transform:uppercase; cursor:pointer; border: none;}
.mdlBtn[disabled]{cursor: no-drop;opacity: .5}
.mdlEditAmount { display:inline-block; text-align:center; margin-left:15px; cursor:pointer; color:#00c0ef !important;}
.mdlEditAmount.done { color:#00a65a !important; margin-left:7px;}
.mdlEditAmount.cancel { color:#dd4b39 !important; margin-left:7px;}
.mdlEditAmountField { width:85px; padding:2px 5px; border-radius:3px; background:#fcfcfc; color:#666; border:1px solid #ddd;}
.mdlEditAmountField:hover { border:1px solid #bbb; box-shadow:0 0 5px 0 rgba(75,75,75,.1) inset;}
.mdlEditAmountField:focus { border:1px solid #7ebff1; box-shadow:0 0 4px 0 #96c8d9;}
.colorGreen { color:#00a65a;}
.colorYellow { color:#f39c12;}
.colorRed { color:#dd4b39;}


/*start modaltable*/

/* reset */
.srNo{width: 20px;font-size: 8px;}
/**{font-weight: inherit;}*/
.invoiceform{margin-left: 15px;}

*[contenteditable] { border-radius: 0.25em; min-width: 1em; outline: 0; }

*[contenteditable] { cursor: pointer; }

*[contenteditable]:hover, *[contenteditable]:focus, td:hover *[contenteditable], td:focus *[contenteditable], img.hover { background: #fff;}
span[contenteditable] { display: inline-block; }

/* heading */


/* table */
.transactionDialogModal{max-height: calc(100% - 60px);overflow-y: auto;}
.modalTable { font-size: 75%; table-layout: fixed; }
/*table { border-collapse: separate; border-spacing: 2px; }*/
.modalTable th, .modaltable td { border-width: 1px; padding: 0.5em; position: relative; text-align: center!important; }
.modalTable th, .modaltable td{ border-radius: 0.25em; border-style: solid; }
.modalTable th { background: #eee; border-color: #bbb; }
.modalTable td { border: 1px solid #ddd;text-align: center; }


.modalmeta.meta, .modalTable.balance { float: left; width: 40%; }
.modalmeta.uppermeta { width: 100%; margin-bottom: 25px; }
.modalmeta.meta:after, .modalTable.balance:after { clear: both; content: ""; display: table; }
table.modalbalance {float: right;}
.modalmeta th {width: 140px; }
.modalmeta tr {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } /* table meta */
.modalbalance tr {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } /* table meta */

.modalTable.meta th { width: 40%; }
.modalTable.meta td { width: 60%; }

/* table items */

.modalTable { clear: both; width: 100%; }
.modalTable th { font-weight: bold; text-align: center; }



.modalbalance th, .modalbalance td { width: 50%; }
.modalbalance td { text-align: center; }






.product-easy{ float: left; width: 90px; }
.td-easy .easy-autocomplete-container ul li.selected div{ font-size: 12px; }
.td-easy .easy-autocomplete-container ul li div{ font-size: 12px; }

.sideinvoice{ top:63px; }

.invoiceCategoryText { width: 50%; padding: 0px 20px; }

.productCell { text-align: center }

.txn_date { top: 137px; left: 68%; z-index: 10; display: block; width: 250px; }

.datepicker-dropdown { z-index: 100000 !important; }
.product-name{width: 170px;}
tr:hover .cut { opacity: 1; }

@media print {
    * { -webkit-print-color-adjust: exact; }
    html { background: none; padding: 0; }
    body { box-shadow: none; margin: 0; }
    span:empty { display: none; }
    .add, .cut { display: none; }
}

@page { margin: 0; }





/*end modaltable*/














/* Select All */
.omSelectAll{ display:inline-block; width:12px; height:12px; box-sizing:border-box; border:1px solid black; border-radius:3px; position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-6px;}
th.selected .omSelectAll:after {content:'\2714'; position:absolute; top:-6px;left:1px;    font-weight: normal;text-shadow:1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff}


td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

td.amount-column{
	text-align: right;
}

.dataTable td{
	font-weight: normal !important;
}

.loaderOverlay  { width:100%; height:100%; display:inline-block; text-align:center; overflow:hidden; position:fixed; left:0; top:0; z-index:1000; background:rgba(255,255,255,.9);}
.loaderOverlay > *{ position:absolute; left:50%; top:50% }
.loaderOverlay i{ font-size: 60px; }

.loaderuploaddoc  { width:100%; height:100%; display:inline-block; text-align:center; overflow:hidden; position:fixed; left:0; top:0; z-index:1000; background:rgba(255,255,255,.9);}
.loaderuploaddoc > *{ position:absolute; left:50%; top:50% }
.loaderuploaddoc i{ font-size: 60px; }

.dataTables_wrapper .dataTables_processing { position:initial;}
.tableLoader  { width:100%; height:100%; display:inline-block; text-align:center; position:absolute; top:0px; left:0; z-index:1000; background:rgba(255,255,255,0.9);}
.tableLoader  > img { position:absolute; top:45%; left:45%;}
/******************* LARGE TOOLTIP ***************************/
tooltip { position:relative; display:inline-block; color:#888; padding:0 5px;}
tooltip-info { width:250px; position:absolute; top:100%; left:0; padding:10px 13px; margin-top:9px; background:rgba(0,0,0,.7); color:#fff; font:13px Arial, Helvetica, sans-serif; z-index:1111; border-radius:3px; text-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2); text-align:left; display:none;}
tooltip:hover tooltip-info { display:block;}
tooltip-info:after { position:absolute; bottom:100%; left:10px; margin-top:9px; content:""; width:0; height:0; border:9px solid transparent; border-bottom-color:rgba(0,0,0,.7); z-index:1112;}
[tooltip-right] tooltip-info { left:auto; right:0;}
[tooltip-right] tooltip-info:after { left:auto; right:7px;}
tooltip:hover tooltip-info { display:block;}
/*<tooltip>
  <i class="fa fa-exclamation-circle"></i>
  <tooltip-info>...</tooltip-info>
</tooltip>*/


.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1%;
    /*height: 1px;*/
    background-color: #ccc;
    z-order: 0;
    right: 54px;
}
.stepwizard-step {
    /*display: table-cell;*/
    text-align: center;
    position: relative;
    margin-bottom: 110%;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}


.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #e6e9ed
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -12px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 30px 0 30px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #fff !important;
    text-decoration: none;
    background-color: #3bafda;
    border: 1px solid #3bafda
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #3bafda;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #2494be
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {background-color: #4fc1e9;border: 1px solid #4fc1e9}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {border-left-color: #4fc1e9}
.breadcrumb-arrow li a:active {background-color: #2494be;border: 1px solid #2494be}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
border-left-color: #2494be}
.breadcrumb-arrow li span {color: #434a54}
.breadcrumb-active {background-color: #4fc1e9 !important;border: 1px solid #4fc1e9 !important;}
.addUser, td a {cursor: pointer;}
.uploadBtn {margin: 0 ! important; padding-bottom: 0! important;}
.cbFamily { border:1px solid #ddd; background:#f4f4f4; padding:5px 10px; margin-bottom:15px;}
.cbFamily h3 { margin:0;}
.cbFamily label { font-size:14px;}
.cbFamily h3 label { color:#000; font-weight:bold; font-size:16px;}
table.receiptcopy_table tbody tr td{border: 1px solid transparent;
padding: 5px;}
.form-group { margin:0px !important;padding:0 0 0px 0;}
.amount_input{margin: 0px !important;    font-size: 14px;}
table.receiptcopy_table tbody tr td.heading_ofinput{font-weight:bold;}
.additem{cursor: pointer;padding: 5px;background-color: #00BCD4;color: white !important;border-radius: 2px;}
.type_headings{background-color: #00bcd4; padding:10px 20px; color:white; border-radius:2px;  cursor:pointer;
}
.submit_formbutton{cursor: pointer;padding: 10px 20px;background-color: #00bcd4;
box-shadow: none;border: none;border-radius: 2px;color: white;
}
.hvr-bounce-to-left:before{background:#444 !important;}
datalist option{background-color:red;}
.drTD{padding: 3px;}
table.transaction_table tbody td{
    border: 1px solid;
    padding:5px;
    text-align:center;
}

.dropzone {
  min-height: 350px;
  border: 2px dashed #03a9f4;
  background: #f5f7fa; }
  .dropzone .dz-message {
    font-size: 2rem;
    position: absolute;
    top: calc(50% - 166px);
    padding-top: 80px;
    left: 0;
    width: 100%;
    height: 300px;
    color: #03A9F4;
    text-align: center; }
  .dropzone .dz-message:before {
    content: "\e94b";
    font-family: 'feather';
    font-size: 80px;
    position: absolute;
    top: 128px;
    width: 80px;
    height: 80px;
    display: inline-block;
    left: 50%;
    margin-left: -40px;
    line-height: 1;
    z-index: 1;
    color: #03a9f4;
    text-indent: 0px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased; }
  .dropzone .dz-preview.dz-image-preview {
    background: transparent; }
  .dropzone .dz-preview .dz-remove {
    font-size: 1.1rem;
    line-height: 2rem; }
    .dropzone .dz-preview .dz-remove:before {
      content: "\e9e6";
      font-family: 'feather';
      display: inline-block;
      line-height: 1;
      z-index: 2;
      text-indent: 0px;
      font-weight: normal;
      -webkit-font-smoothing: antialiased; }
    .dropzone .dz-preview .dz-remove:hover {
      text-decoration: none; }

      @media (max-width: 576px) {
  .dropzone .dz-message {
    top: 60%; } }
table.dashboardtable {border-collapse: collapse;}
/*table.dashboardtable th{border: 1px solid black !important;}*/
/*table.dashboardtable td{border: 1px solid black; }*/
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1041;top: 0;left: 50px;background-color: #ffffff;overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: black;display: block;transition: 0.3s;}
.sidenav .closebtn {position: absolute;top: 0px;right: 34px;font-size: 36px;z-index: 999;}
.paddingzero{padding: 0px;}
.opacitystyle{display: none;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1;position: fixed;top: 0;left: 0;}

.sidebar2 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1043;
  top: 0px;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 155px;
}

.sidebar2 a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar2 a:hover {
  color: #f1f1f1;
}

.sidebar2 .closebtn {
  position: absolute;
  top: 45px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

#example2 td{padding: 3px 10px !important; vertical-align: middle !important;}
.tab-box{ width: 100%; margin-bottom: 10px;background: #fff; border-radius: 5px; min-height: 100px;}
.headingBox { background: #1ab394; color: #fff; font-size: 16px; text-align: left; padding: 10px; font-weight: 600; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.detailsBox{ padding-top: 10px;}
.detailsBox ul { list-style: none; padding-left: 15px; }
.detailsBox li{ font-size: 16px; padding-top: 7px; padding-bottom: 7px; color: #000000;}
.detailsBox span{font-size: 12px; padding-left: 30px; color: #a29999;}
.border-aqua{ border: 1px solid #00c0ef;}
.border-red{ border: 1px solid #DD4B39;  }

.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.anchorclass{padding: 17px 56px !important;background-color: #f7f7f7;font-weight: bold;}
.btnPadding { padding:6px 12px !important;}
.borderbottom{border-bottom: 3px solid #1ab394 !important;background-color: unset;}

.datatable-margin{margin-left:0 !important;width:100% !important;}
.forscrolling{overflow: scroll; height: 300px;}

.accordionOm { position:relative; padding:10px 0 10px 30px; margin:0; font:300 18px 'Oswald', Arial, Helvetica, sans-serif; cursor:pointer;}
.accordionOm:hover { color:#000;}
.accordionOm:before,.accordionOm:after { content:""; position:absolute; background:#333; display:inline-block;}
.accordionOm:before { width:20px; height:2px; left:0; top:22px;}
.accordionOm:after { width:2px; height:20px; left:9px; top:13px; transition:transform .5s; transform:rotate(0);}
.accordionOm.opened:after { transform:rotate(90deg);}
.accordionOm + div { padding:0 15px; margin-left:0px; margin-right:0; font:13px 'Open Sans', Arial, Helvetica, sans-serif; color:#666; position: relative; padding-top:25px; padding-bottom:15px; background:rgba(0, 0, 0, 0.05);}
.searchFilter { position:absolute; top:-33px; right:0px; padding-left:5px;}
.companyLogo { opacity: 1 !important; position: relative !important;}
.bookMark { background:url(../../../admin-dependencies/dist/img/bookmark.svg) no-repeat top center / cover;width:40px; height:40px; display:inline-block; position:absolute; right:8px; bottom:12px; text-align:center; font-size:12px; padding-top:12px; color:#fff;}
.overlayDivforHeader { background:rgba(0,0,0,0.7); overflow:hidden;position:absolute; top:0; left:0; width:100%; display:inline-block; padding:100px; z-index:1; display:none;}
 .spanelBox {border: none !important}
.upanelBox {border: 10px solid #00bcd4 !important}
.panelBox {border: 10px solid #ffc000 !important}

.textureDesign { background: url("../../../admin-dependencies/dist/img/manwarehouse.png") no-repeat center / cover; position:relative; color:#fff; height:100vh;}
.textureDesignOverlay { position:absolute; background:rgba(0, 0, 0, 0.5); top:0; left:0; width:100%; height:100%; padding-left:160px; padding-top:28%;}
.textureDesignOverlay h1 { font-family:'Oswald', sans-serif; font-size:90px;}
.textureDesignOverlay h3 { font-family:'Oswald', sans-serif; font-size:60px;}
.loginPadding { padding-right:50px; padding-left:50px;}
.loginPadding h3{ margin-bottom:50px;}
.loginHeading { color: #033989; border-top: 1px solid #ddd; padding-top:30px; font-weight:500;}
.gstReportTable { width:100%;}
.gstReportTable th { padding-left:5px; padding-right:5px; color:#bdbdbd; font-weight:500;}
.gstReportTable td { padding-left:5px; padding-right:5px; width:360px;}
.lvl_requirement { color:#1eaaed; background:#fff; font-weight:600;}
.lvl_approval { color:#edb51e; background:#fff; font-weight:600;}
.lvl_done { color:#0e735c; background:#fff; font-weight:600;}
.lvl_recall { color:#af174f; background:#fff; font-weight:600;}
.lvl_remove { color:#ed1e31; background:#fff; font-weight:600;}
.btn-drop { width:auto !important;}
.btn-drop-padding { padding:5px 20px !important; margin-top:5px !important;}
.btn-drop ul li a { font-size:14px;}
.text-white { color:#fff !important;}
.modal-header .close {
    margin-top: -20px;
}
.text-navy-theme {color: #033989 !important;}
.moduleDashBtn { color:white; position:relative; top:1px;}
.navtop{
    background: #033989; color:#fff;
}
.tab-content {
    padding: 40px;
    margin-top:20px; 
}
.wizard .nav-pills > li > a {color:#fff;}
.wizard .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #000;
    background-color: #fff !important;
}
.wizard .nav > li > a:hover, .nav > li > a:active {
    color: #444 !important;
    background: #f7f7f7;
}
.wizard .nav > li > a:focus {color:#fff;}
.wizard .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    border-top-color: #fff;
}
.form50 { width:49%; display:inline-block; padding:10px 5px;}
.form50 .easy-autocomplete { width:100% !important;}
.itemDescTable { width:100%; border-top:1px solid #bbb; border-left:1px solid #bbb;}
.itemDescTable thead { background:#e9e9e9 !important;}
.itemDescTable th,
.itemDescTable td { text-align:center; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:5px;}
.itemDescTable td input { width:100%; box-sizing:border-box;}
.itemDescTable2 { width:100%; border-top:1px solid #bbb; border-left:1px solid #bbb;}
.itemDescTable2 thead { background:#e9e9e9 !important;}
.itemDescTable2 th,
.itemDescTable2 td { text-align:center; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:5px;}
.dupBtn { width:100%; display:inline-block; text-align:right; padding-right:31px;}
.addConsignor { width:89%; display:inline-block;}
.distFromTo { width:85%; display:inline-block;}
.addConsignorBtn { width:8%; display:inline-block; text-align:center;}
.skin-green .text-primary { color:#033989 !important;}
.imgOutput { width:100px; display:block;}
.wizard .nav-tabs>li.active>a {color: #555 !important; cursor: default; background-color: #fff !important; border: 1px solid #ddd;  border-bottom-color: transparent; border-radius: 0px !important; font-weight:600;}
.wizard .nav-tabs > li > a:hover { background-color:#f7f7f7 !important; border-radius:0px;}
.customBorder { border:2px solid #bbb; padding:10px; margin:5px 0;}
.rightClick { cursor:pointer; background:#033989; color:#fff !important; border-radius:35px; padding:5px !important; display:inline-block !important; font-size:14px !important;}
.galleryImg img { width:100px; height:100px; margin-top:5px;}
.fileLabel { width:35%; display:inline-block; float:left;}
.viewTrash { float:left; display:inline-block;}
.viewTrash button { padding:0 5px !important;}
.viewTrash a { display:inline-block !important; padding:0 5px !important;}
#vendorWidth .easy-autocomplete { width:100% !important;}
.printDiv { display: inline-block; width: auto; margin: 5px 9px; float: left;}
.vendorWidth .form-group .easy-autocomplete { width:100% !important;}
.rcDiv { width:95%; display:inline-block;}
.lrNo { padding-top:10px;}
.lrNo strong { padding:5px; background:#fff; color:#033989;}
.vehicleMasterBtn { display:inline-block !important; padding:8px 30px !important; font-size:14px !important;}
.selectize-control {
    position: relative;
    background: transparent !important;
    border-bottom: 1px solid #ddd !important;
}
.selectize-input.focus { background:#ddd !important;}
.selectize-dropdown { background:#fff; }
.selectize-dropdown-content { background:#ddd;}
/*for table hover zoom effect*/
.tableHover tbody tr td:hover { font-weight:700 !important; transform: scale(1.1); transition: transform .4s; color:#033989; cursor:pointer;}
.uploadDocBtn { display:inline-block; width:100%;}
.inputOverlay { pointer-events: none;}
.letterHeadAddress { color:#777; font-weight:600;}
.font10 { font-size:10px;}
.textAlignLeft { text-align:left !important;}

.docLoader  { width:100%; height:100%; display:none; text-align:center; overflow:hidden; position:absolute; left:0; top:0; z-index:1111; background:rgba(255,255,255,.9);}
.docLoader .box { display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.docLoader .box img{ width: 200px;}
.docLoader i{ font-size: 60px;}
.padded { padding:0;}
.paddedLeft { padding-left:0;}
.customRow { width:100%; display:inline-block;}
.col20 { width:20%; display:inline-block; float:left; padding-left:10px; padding-right:10px;}
.selectLr .select2-container--default .select2-selection--single { border: 0px solid #aaa; border-radius: 0; border-bottom: 1px solid #aaa; margin-top: 11px;}
.selectLr .select2-container--default .select2-selection--single .select2-selection__arrow { top: 6px;}
.selectLr .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { padding: 0px;}
.goodsTableOverflow { width:100%; display: inline-block; height:200px; overflow-y:auto;}
.DTFC_LeftBodyLiner { overflow:hidden !important; }
.masterTableValign thead tr th { vertical-align:middle !important; }
.dataTables_scrollHeadInner { width:100% !important;}
.easy-autocomplete-container ul { width:450px; margin-top:5px;}
.drpBtn { width:100%; border:2px solid #ddd;}
.tableWhitespace table.dataTable tbody th,
.tableWhitespace table.dataTable tbody td { white-space: nowrap;}
.tableWhitespace table.dataTable tbody td div { white-space: pre-wrap; max-width:350px;}
#courierDiv .easy-autocomplete input { width:95%; box-shadow:none;}
#courierDiv .easy-autocomplete-container ul { width:100%;}
.trNav li a { font-size:20px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {  padding:0 !important; font-size:20px !important;}
#slabTable .nav-tabs li.active { background:#0073b7 !important;}
.slab-tab { padding:20px !important; margin-top:30px !important;}

.yearSelector {
    float: left;
    margin-top: 3px;
    margin-left: 15px;
}
.yearSelector select {
    color: #fff !important;
    padding: 2px 7px !important;
    background: transparent !important;
    border: 2px solid #fff;
    margin-top: 14px;
}
.yearSelector select option {
    color: #333 !important;
}