h1.page-title{font-size: 30px;margin-bottom: 20px;}
.title-separator{border-bottom:1px solid #ccc;margin-bottom: 15px;clear:both;}
.create-button{float: right;margin-bottom: 15px;}
.page-header .header.panel {padding-bottom: 5px;padding-top: 5px;}
.header.panel>.header.links>li{font-size:1.4rem;}
.block-customer-login{margin: auto;float: none;}
.login-container .block .block-title{font-size: 2.5rem;padding-bottom: 5px;}
 span.login{font-size:1.5rem;}
.page-header .panel.wrapper{border-bottom:none;background-color: #3c9963;}
.page-header{background:#fff;}
.copyright{background-color: #3b3e43;}
.header.content{padding: 10px 0 0;}
.logo {position: relative; left: 50%;transform: translateX(-50%); display: block; margin: 0px auto; padding: 0px;}
.nav-sections{margin-bottom: 10px;}
.account-nav{display:none;}
.page-title-wrapper{float:left}
.plant-wrapper{float:right;}
.plant-wrapper select{width:auto;}
.source-wrapper select{width:auto;}
.back-wrapper{float: right;}
.form-group.required .control-label:after {content:"*";color:red;}
.form-group.required .label-control:after {content:"*";color:red;}
.actions-toolbar .primary .action{margin:0px;}
h1.page-title {margin:0 0 15px 0;}
.actions-toolbar>.secondary .action.back{display:block;}
.action.primary{background-color:#009441;border: 1px solid #009441;}
.action.primary:hover{background-color: #00c657;border: 1px solid #00c657;}
.action.primary:focus, .action.primary:active{background: #009441;border: 1px solid #009441;}
.secondary .action ,.secondary .action:hover,.action.primary:active{color: #000;}
.customer-account-login .authorization-link{display:none;}
.modal-content{box-shadow: none;border: none;}
.modal-footer,.modal-header{border-bottom:none;border-top:none;}
.modal-popup .modal-inner-wrap{width: 55%;}
.nav-toggle{display:none;}
.welcome{line-height: 20px;}
.modal-tree-product-item{cursor: pointer;}
/*************For Magento pager**********/

.limiter {
display: block !important;
}
/*************For Custom Navigation**********/
.page-message-plant{
  background-color: #c3ecda;
  font-size: 14px;padding: 10px;
  color: #00785d;
  font-weight: 600;
  text-align: center;
}
.nav-active{
  background:#c3ecda;
}
.nav.item.item a:hover{
  background:#c3ecda;
}
span.left-menu-list{
  padding-left: 10px;
  color: #253746;
}
.report-padding{
  padding-left:25px;
  padding-right:25px;
}

/**depreacated align css**/
.table-column-left{
  text-align:left;
}
.table-column-right{
  text-align: right;
}

/*************For Catalog & Brochures Page**********/
.file_thumb {
    border: 1px solid #666666;
    height:285px;
}

/*************Theme css start***********************/
.column.main {
    background-color:#ffffff;
    /* padding: 30px;
    border:1px solid  #eef1f5; */
}
h1.page-title {
    font-size: 28px;
    margin-bottom: 20px;
     font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
body{
  font-family: 'Open Sans', sans-serif;
}
.block-collapsible-nav .content{
	background-color: #eef1f5;
}
.block-title.order strong {
    font-weight: 600!important;
    color: #3c9963;
    font-size: 18px!important;
}
.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong{
	    border-color:#3c9963;
      color:#00785d;
      padding-left: 5px;
}
.left-menu-title{
color: #00785d;
font-size: 1.5rem;
letter-spacing: 0.025em;
padding-left: 5px;
}
.profile-link{
color: #253746;
font-size: 1.4rem;
padding-left: 5px;
}
.authorization-link a:hover{
  background:#c3ecda;
}
.block-collapsible-nav-content{
border-radius: 15px;
background-color: #fafafa!important;
border: 3px solid rgba(31, 45, 65, 0.05);
}
/*************Theme css end***********************/


/*************dataTable***********************/
.plant-wrapper a.action.login.primary {
    height: 100%;
    vertical-align: middle;
    padding: 4px 15px;
}

div.price-approval div.col-sm-3{
  padding-left: 1px;
}
.margin-right-5{
	margin-right: 5px;
}
/*.table-bordered {
    border-right: 0;
}
table tr td:last-child {
  border-right: 0;
}
table tr th:last-child {
  border-right: 0;
}
table tr:last-child th {
  border-right: 0;
}
table tr:last-child td {
  border-right: 0;
}
table tr:last-child td {
  border-bottom: 0;
}*/
table.dataTable.compact tbody th, table.dataTable.compact tbody td{padding: 10px;}
table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
   border-right: 0.1px solid #ddd;
    border-top: 0px solid #ddd;
    border-left: 0px solid #ddd;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-right: 0.1px solid #ddd;
    border-top: 0px solid #ddd;
    border-left: 0px solid #ddd;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #ddd;
}
table.dataTable tbody tr{font-size: 12px;}
/*table.dataTable th{border-top:1px solid #b6dfc3;}*/
table.dataTable.compact thead th, table.dataTable.compact thead td{padding: 10px 10px 10px 10px}
.dataTables_length select,.dataTables_filter input{width:auto;margin-bottom: 20px;}
/*accurate-pavers-start*/
table.dataTable{border-collapse: collapse}
table.dataTable tbody tr {background-color: #ffffff;border: 1px solid #e1e1e1;}
table.dataTable tfoot th, table.dataTable tfoot td {    border: 1px solid #e1e1e1;background-color: #f2f2f2;}
table thead tr th {border: 1px solid #e1e1e1;}

/***product-sales-category-start***/
.sales-graph-wrapper {margin-bottom: 30px;}
.mrgn-btm-25{margin-bottom:25px}
.custom-top-label-mrgn {margin: 7px 0;}
.no-border-radius{border-radius: 0;}
.panel-heading h4 {margin: 10px 0 0 0;padding: 0;font-weight: 600;text-transform: uppercase;color: #3c9963;font-size: 17px;}
.alert-sub-wrapper .alert {padding: 5px 15px;margin-bottom: 10px;border-bottom: 1px solid #e1e1e1;border-radius: 0px;font-size: 12px;color: #555;}
/***product-sales-category-end***/

/*accurate-pavers-end*/
/*************dataTable***********************/


/*****Responsive******/
@media (max-width: 320px){
  .mrgntp32{
    margin-top:10px;
  }
  .page-title{
    margin-right: 0px!important;
  }
}

@media (max-width: 355px){
  .mrgntop{
    margin-top: 5px;
  }
}

@media (max-width: 991px){
.txtlft{
  text-align: left;
}
#openViewUpdateOrderModal .modal-dialog{
  width: auto !important;
}
#FreightchargeModal .modal-dialog {
  width: auto!important;
}

.shiprequestmodal{
  width: auto!important;
}

.resbiz{
  display: none!important;
}

}

@media (max-width: 767px){
  .panel.header .links{
    display: block;
  }
  .header.panel>.header.links {
    margin: 0;
    padding: 0;
    list-style: none none;
    float: right;
    margin-left: auto;
  }
  .customer-welcome .customer-name {
    cursor: pointer;
  }
  .customer-welcome .customer-menu {
    display: none;
  }
  .customer-welcome.active .customer-menu {
    display: block;
  }
  .customer-welcome ul li {
    margin: 5px;
    padding: 2px;
  }
  .customer-welcome li a:visited {
    color: #333;
    text-decoration: none;
  }
  .customer-welcome:after {
    clear: both;
  }
  .customer-welcome:after {
    content: '';
    display: table;
  }
  .customer-welcome .header.links {
    min-width: 125px;
  }
  .customer-welcome ul:before {
    right: 10px;
    top: -12px;
  }
  .customer-welcome ul:before {
    border: 6px solid;
    border-color: transparent transparent #fff;
    z-index: 99;
  }
  .customer-welcome ul:after {
    right: 9px;
    top: -14px;
  }
  .customer-welcome ul:after {
    border: 7px solid;
    border-color: transparent transparent #bbb;
    z-index: 98;
  }
  .customer-welcome ul:before, .customer-welcome ul:after {
    border-bottom-style: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
  }
  .customer-welcome .action.switch {
    background-image: none;
    background: 0 0;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    display: inline-block;
  }
  .customer-welcome ul {
    margin: 0;
    padding: 0;
    list-style: none none;
    background: #fff;
    border: 1px solid #bbb;
    margin-top: 4px;
    min-width: 100%;
    z-index: 101;
    box-sizing: border-box;
    display: none;
    position: absolute;
    right: 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,.15);
  }
  .customer-welcome .action.switch>span {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .customer-welcome .action.switch:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 22px;
    color: inherit;
    content: '\e622';
    font-family: 'luma-icons';
    margin-left: 2px;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .page-header .header.panel:before,
  .customer-welcome:before
  {
    content: '';
    display: table;
  }
  .displygrid{
    display: inline-grid;
  }
  .menunone{
    display: none!important;
  }
}

@media (max-width: 375px){
  .mrgntp375{
    margin-top:10px;
  }
  .pull-right {
    float: none!important;
  }
  .dright{
    float:right!important;
  }
}

@media (max-width: 425px){
  .mobileres{
    width: 60% !important;
  }
  small.copyright{
    font-size: 65% !important;
  }
  .forgot .action {
     margin-left: 0px !important;
  }
  .mrgntp{
    margin-top:10px;
  }
  .btncustmrprice{
    display: block;
    margin: 10px;
  }
  .drpdwnres{
    float: left;
    margin-bottom: 10px;
  }
  .prdbtnhgt{
    height: auto !important;
  }
  .datedropdown{
    left: auto !important;
    margin-top: 32px !important;
    margin-left: -1px !important;
  }
}

@media (max-width: 768px){
  .plant-wrapper select{
    width: -webkit-fill-available;
  }
  .plant-wrapper a.action.login.primary {
    float: left;
    margin-top: 10px;
  }
  .drpdwnresponsive{
    float: left;
    width: -webkit-fill-available;
    position: inherit !important;
  }
  .ntoplnt{
    width: -webkit-fill-available;
    margin-bottom: 10px;
  }
  .cstmrresponsive{
    float: left;
    margin-bottom: 10px;
  }
  .mrgnbtm{
    margin-bottom: 10px;
  }
  .exprtcustmr{
    position: inherit !important;
  }
  .prdhgt{
    height: auto !important;
  }
  .customer-name{
    display: -webkit-inline-box !important;
  }
  .displaynone{
    display: none !important;
  }
  .mrgntp21{
    margin-top: 21px;
  }
/* responsive table*/
  .tablhed {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .tablhedship {
    border: none;
    clip: rect(0px 40px 45px 0px);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .tabltr {
    border-bottom: 1px solid #b1b1b1;
  }

  .tabltd {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  .tabltd::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .tbltrlast{
    border-bottom: 0;
  }

  .mergtr{
    display: -webkit-box;
    border-bottom: 1px solid #ddd;
  }

  .brdrnone{
    border: white !important;
  }

  .mrgn{
    margin-inline-start: auto;
  }
  .chckbx{
    display: flow-root;
  }
  .disply{
      display: block!important;
      margin-top: -8px;
  }
/* responsive table*/
}

@media (min-width: 768px){
  .nopadding-right {padding-right:0px !important}
}
/*****Responsive******/

/*************Login***********************/
.block-customer-login{margin: auto;float: none;margin-top: 20px;float:none !important;}
.login-container .fieldset>.field>.control{width: 100%;}
.main .login-container .block-customer-login{width: 30%;}
.secondary .action{margin-left:20px;}
.fieldset>.field.required>.control-label:before,
.fieldset>.fields>.field.required>.control-label:before,
.fieldset>.field._required>.control-label:before,
.fieldset>.fields>.field._required>.control-label:before {content: '*';color: #e02b27;font-size: 1.2rem;margin: 0 5px 0 0px;}
.customer-account-login .header.panel>.header.links{display:none;}
.customer-account-forgotpassword .header.panel>.header.links,
.customer-account-createpassword .header.panel>.header.links{display:none;}
.form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account{min-width: auto;width:100%;}
.action.primary{font-size: 1.3rem;line-height: 2.2rem;font-weight: 500;}
/*************Login***********************/
.product-index-add fieldset,
.product-index-edit fieldset,
.product-index-index fieldset,
.contractors-index-add fieldset,
.contractors-index-edit fieldset ,
.contractors-index-index fieldset ,
.contractors-index-view fieldset,
.rolepermission-index-index fieldset,
.support-index-view fieldset,
.support-index-index fieldset,
.shiprequest-index-add fieldset,
.shiprequest-index-view fieldset,
.shiprequest-index-edit fieldset,
.shiprequest-index-index fieldset,
.orders-index-add fieldset,
.orders-index-view fieldset,
.orders-index-edit fieldset,
.contractors-profile-index fieldset,
.contractors-import-edit fieldset,
.manageconfiguration-index-index fieldset,
.product-colors-index fieldset,
.product-import-form fieldset,
.catalogs-index-deliveryrelease fieldset,
.orders-index-orderreport fieldset,
.orders-index-ntoreport fieldset,
.approval-index-index fieldset,
.approval-index-authorizedusers fieldset,
.reports-transaction-view fieldset,
.reports-transaction-index fieldset,
.reports-product-index fieldset,
.orders-index-uploadsalespersonform fieldset,
.price-index-uploadopenorders fieldset
{
	border: 1px solid #ddd !important;
	margin: 0;min-width: 0;
	padding: 10px;
	position: relative;
	border-radius:4px;
	padding-left:10px!important;
}

.product-index-add legend,
.product-index-edit legend,
.product-index-index legend,
.contractors-index-add legend,
.contractors-index-edit legend,
.contractors-index-index legend,
.contractors-index-view legend,
.rolepermission-index-index legend,
.support-index-add legend,
.support-index-index legend,
.support-index-view legend,
.shiprequest-index-add legend,
.shiprequest-index-edit legend,
.shiprequest-index-index legend,
.shiprequest-index-view legend,
.orders-index-add legend,
.orders-index-view legend,
.orders-index-edit legend,
.contractors-profile-index legend,
.contractors-import-edit legend,
.manageconfiguration-index-index legend,
.product-colors-index legend,
.product-import-form legend,
.catalogs-index-deliveryrelease legend,
.orders-index-orderreport legend,
.orders-index-ntoreport legend,
.approval-index-index legend,
.approval-index-authorizedusers legend,
.reports-transaction-view legend,
.reports-transaction-index legend,
.reports-product-index legend,
.orders-index-uploadsalespersonform legend,
.price-index-uploadopenorders legend
{
	font-size:14px;
	font-weight:bold;
	margin-bottom: 0px;
	width: auto;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px 5px 5px 10px;
	background-color: #ffffff;
}

.responsive-tabs-container .tab-pane{padding: 25px;}
.responsive-tabs-container .tab-pane{margin-bottom: 0px;}


.nav-tabs a.error-tab{color:#e02b27 !important;}
.export-link{margin-top: 2px;left:40.5%;z-index: 999;text-align: left;padding-bottom: 20px;}
.export-inactive-link{margin-top: 2px;left:42%;z-index: 999;position: absolute;padding-bottom: 20px;}
.payment-status{margin-top: 2px;left:45.5%;z-index: 999;position: absolute;padding-bottom: 20px;}
.source-wrapper{margin-top: 2px;left:60.5%;z-index: 999;position: absolute;padding-bottom: 20px;}
.mrgn-t-5{margin-top: 5px;}

.panel{margin-bottom:0px;background-color: inherit;border-radius:0px;}
.page-header{padding-bottom:0px;margin: 0px 0 20px;}


.btn-default:visited{color:#333}

.modal-backdrop {
    visibility: hidden !important;
}
.modal.in {
    background-color: rgba(0,0,0,0.5);
}


/******************** Contractor page css start ********************/
.view-tabs-wrapper .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,
.view-tabs-wrapper .nav-tabs>li.r-tabs-state-active>a {
    color: #555;
    cursor: default;
    background-color: #c3ecda;
    font-weight: 600;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs>li.active>a:hover{
  background-color: #c3ecda !important;
}
.view-tabs-wrapper .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #999;
}
.responsive-tabs-container .tab-content,#responsive-tabs .tab-content {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.top-right-green-btn,.top-right-green-btn:visited {
    height: 100%;
    vertical-align: middle;
    padding: 5px 15px;
    background-color: #009441;
    border: 1px solid #009441;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: #fff;
    margin-top: 1px;
    margin-left: 12px;
    display: inline-block;
}
.action.primary {
   height: 100%;
    vertical-align: middle;
    padding: 5px 15px;
    background-color: #009441;
    border: 1px solid #009441;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: #fff;
    display: block;
}
.top-right-green-btn:hover {
   text-decoration:none;
    color: #fff
}
.container-border.main-padding{

	border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}
.container-border
{
  background-color: #ffffff;
  z-index: 1
}
.row-postion-dv{
	position: relative;
	z-index: 0;
}
.container-border:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 0;
    right: auto;
    left: 19px;
    width: 53%;
    top: 55px;
    max-width: 300px;
    background: #777;
    box-shadow: -9px 21px 10px #777;
    transform: rotate(85deg);
    height: 50%;
    opacity: 0.3;
}
span.customer-sub-details2 {
    font-weight: 600;
    text-transform: uppercase;
}
.container-border:after {
    opacity: 0.3;
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 0;
    right: 19px;
    left: auto;
    width: 53%;
    top: 64px;
    max-width: 300px;
    background: #777;
    box-shadow: -4px 32px 10px #777;
    transform: rotate(185deg);
    height: 50%;
}
.account-info-wrapper {
    margin-bottom: 22px;
}
.bill-address-wrapper p {
    margin-bottom: 0;
}
.mail-address-wrapper p {
    margin-bottom: 0;
}
.customer-sub-details {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px;
        text-transform: uppercase;
}
.customer-details-wrapper p{
	margin-bottom: 3px;
}
.top-branding-section {
    padding: 40px 10px;
}
p.contractor-tagline {
        margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 9px;
}
p.contractor-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
}
.main-padding{
	padding:0 30px 30px 30px;
}
.strip-labels {
    background-color: #e9f5ed;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #bfbfbd;
    border-bottom: 1px solid #bfbfbd;
}
.strip-labels p{
	margin-bottom: 0;
	font-weight: 600;
	font-size: 14px;
}
.strip-labels {
    background-color: #e9f5ed;
    text-align: center;
    padding: 8px 10px;
    border-top: 1px solid #bfbfbd;
    border-bottom: 1px solid #bfbfbd;
    margin-bottom: 20px;
}
#openViewUpdateOrderModal .modal-dialog {
    width: 630px;
  }

#FreightchargeModal .modal-dialog {
    width: 400px;
  }
#openViewUpdateOrderModal .modal-header {
      padding:5px;
    }
#strips-label{
    background-color: #e9f5ed;
    text-align:right;
    border-bottom: 4px solid white;
    margin-bottom:2px;
}
#ticket_details{
  text-align: left;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
}
#strips-labels{
    background-color: #e9f5ed;
    text-align:left;
    border-top: 4px solid white;
    border-bottom: 4px solid white;
    margin-bottom:2px;
}
#order-line-item-for-ship-request-table p {
    margin:0px;
}
.container-border{border-top: 1px solid grey;border-left: 1px solid grey;border-right: 1px solid grey;}
section.top-branding-section img{width: 70%;}
/******************** Contractor page css start ********************/

.control-label{padding-right:0px;}
.label-control{padding-left:0px;}
.label-control-config{padding-left:0px;}
form .error {
    color: #e02b27;
    font-weight: normal;
    font-size: 1.2rem;
    border-color: #ed8380;
}

.parmission-title{
    text-align: left;
    color: #1f2d41;
}

.striped-odd{
  background-color:#FFFFFF;
  margin-right:0px !important;
  margin-left:0px !important;
  padding:0 10px;
}
.striped-even{
  background-color:#f2f2f2;
  margin-right:0px !important;
  margin-left:0px !important;
  padding:5px 0;
}

.striped-even div,.striped-odd div{
	line-height:15px;
}
.parmission-checkbox{
    margin-right: 40px;
}

.customer-tabs select:disabled{
  border: 0;
  background: transparent;
  opacity: 1;
  padding: 0;
}

.customer-tabs label.control-label.font-weight-500{font-weight: 500;}
.width-80p{width: 55%;}
.padding-0{padding: 0;}

/************************ History Log Display Start **********************/
div.historypage fieldset fieldset>legend{
      /* width: 80%!important; */
}
div.historypage .row:not(:nth-child(2))>label{
      font-weight: 500;
}
div.historypage fieldset fieldset div.row:nth-child(2) {
    background-color: #0e804e;
    margin: 0;
    color: #fff;
}
div.historypage fieldset fieldset .row:nth-child(odd) {
    background-color: #f9f9f9;
    margin: 0;
}
div.historypage fieldset fieldset .row:nth-child(even) {
    background-color: #fff;
    margin: 0;
}
div.historypage fieldset fieldset .row:not(:nth-child(2)):hover {
    background-color: #f9f9f9;
}
/************************ History Log Display End **********************/

/************************ General Start ********************************/
.padding-t-25{padding-top: 25px;}
.padding-t-10{padding-top: 10px;}
.strike{text-decoration:line-through;}
/************************ General End **********************************/

fieldset.product-border {
    border: 1px solid #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.product-border {
    font-size: 1.2em !important;
    text-align: left !important;
    width:auto;
    padding:0 20px;
    border-bottom:none;
}
div#disabled > .bootstrap-tagsinput, div#disabled > .bootstrap-tagsinput input {
  cursor:not-allowed;
  background:#eee;
  opacity:0.5
}

/************************* product add -color tab start***********************/
.m-t-80{margin-top: 80px;}
.colorlist .btn-group-vertical.btn-block button {
    margin-top: 10px;
    width: 45px;
}
/************************* product add -color tab end***********************/
.custom-mage-error{
  color: #e02b27;
  font-size: 1.2rem;
}

img.product-img {
    height: 70px;
}

img.product-img-add {
    height: 100px;
}
body.product-index-index div.row.productlist{height:800px}
body.product-index-index div#evts::after{
  content: "";
  background-color: #eef1f5;
  position: absolute;
  width: 1px;
  top: 0;
  right: 0;
  display: block;
  height: 100%;
}
body.product-index-index div#data, body.product-index-index div#evts{
  height: inherit;
  overflow-y: auto;
}
.category-separator{
  border-bottom: 1px solid #eef1f5;
  margin-bottom: 10px;
  clear: both;
}

/********************************** order page start ****************************/
body.orders-index-add ul.nav.nav-tabs.responsive-tabs li {
    padding-top: 18px;
}

.item-popup-model .modal-inner-wrap {
  width: 80%;
}

.item-popup-model .modal-tree-product-item {
  cursor: pointer;
}
/********************************** order page end ******************************/
.loaderCustom {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.3);
    top: 0;
    display: block;
    left: 0;
    margin: 0 auto;
    z-index: 9999;
}
.loaderCustom .loaderCustomS, .tableLoader .loaderCustomS, .tableLoaderShipping .loaderCustomShipping{
  position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
 width: 50px;
   height: 50px;
}

.loaderCustom .loader, .tableLoader .loader, .tableLoaderShipping .loadershipping {
    width: calc(100% - 0px);
	height: calc(100% - 0px);
	border: 8px solid rgba(0,0,0,0.3);
	border-top: 8px solid #008052;
	border-radius: 50%;
	animation: rotate 1s linear infinite;
}

@keyframes rotate {
100% {transform: rotate(360deg);}
}
.model-width-80{width: 80%}
.model-width-95{width: 95%}
.model-width-90{width: 90%}
table.quoteitemgrid p {
    margin: 0;
}
.cursor-pointer{
  cursor:pointer;
}
.mrgn-l-5{margin-left: 5px;}

.tableLoader, .tableLoaderShipping {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
/*Order View Css*/
.orders-index-view .strip-labels {
  margin-top: 20px;
}
.orders-index-view .container-border:before{
  z-index: -1;
    position: absolute;
    content: "";
    bottom: 0;
    right: auto;
    left: 16%;
    width: 100%;
    top: -6%;
    max-width: 300px;
    background: #777;
    box-shadow: -9px 21px 10px #777;
    transform: rotate(85deg);
    height: 50%;
    opacity: 0.3;
}

.shiprequest-index-view p.contractor-tagline ,.orders-index-view p.contractor-tagline, .orders-index-print p.contractor-tagline, .approval-index-priceapproval p.contractor-tagline,.approval-reject-AuthorizedUsers p.contractor-tagline,.support-index-view p.contractor-tagline {
  letter-spacing: 0;
}
.approval-index-priceapproval .container-border.main-padding::after, .approval-index-priceapproval .container-border.main-padding::before,
.approval-index-authorizedusers .container-border.main-padding::after, .approval-index-authorizedusers .container-border.main-padding::before,
.orders-index-view .container-border.main-padding::after, .orders-index-view .container-border.main-padding::before,
.shiprequest-index-view .container-border.main-padding::after, .shiprequest-index-view .container-border.main-padding::before{
 content: none;
}
#submit-order {
  margin-top: 15px;
}
input[disabled], .style-disabled
{
  cursor: not-allowed! important;
  opacity:0.5;
}
#email-field[disabled]
{
  opacity:0.5;
  cursor: not-allowed! important;
}
#update-order{
  opacity:0.5;
}
input::-webkit-input-placeholder{
  opacity: 0.5;
}
#printlogo{
  width: 225px;
}
.print-top-branding-section{
 padding: 20px 0;
}
.print-order-section{
  padding-bottom: 20px;
}
/* status progreess bar */
/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #30D07B; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #AEF2E2; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0; background-color: #AEF2E2;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #30D07B;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #AEF2E2;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.no-padding{padding: 0;}
.padding-2px{padding: 2px;}

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.dot-bg-green{background: #00a518}
.dot-bg-red{background: #e0142c}
.dot-bg-yellow{background: #f69603}
.dot-bg-blue{background: #3771ce}
.dot-bg-info{background: #DA70D6}

/* full width screen
print.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main {
    max-width: none;
}*/

.removebold{
  font-weight: 400;
  text-align: left!important;
}

.order-status-view-top {
    color: #57A676;
    font-weight: 800;
}
.btn-default[disabled]:hover, .top-right-green-btn:hover{
  background-color: #00c657;
  border: 1px solid #00c657;
}
table th {text-align: center;}
table.support-details-row [class*='col-'] {
    margin-bottom: 5px;
    border-top: 1px solid white;
    border-bottom: 4px solid white;
}
table.support-details-row #strips-labels {
  text-align: center!important;
}
.rolepermission-index-index .striped-even, .rolepermission-index-index .striped-odd{padding: 5px 0px!important}
.sticky-notes{
  background-color: #ffff80; min-height:50px;border-radius: 5px;
}
.margin-b-20{margin-bottom: 20px;}

/** Submenu in view shiprequest page **/
ul.dropdown-menu>li{margin:0}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
}
/** End-Submenu in view shiprequest page **/
::-webkit-input-placeholder { /* WebKit browsers */
     opacity: 0.5 !important;
}
.accordion {
  /*background-color: #e9f5ed;*/
  background-color: #fff;
  border: 3px solid rgba(31, 45, 65, 0.05);
  color: #00785d;
  cursor: pointer;
  padding: .8em .5em .8em 1em;
  width: 100%;
  /*border: none;*/
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-weight: 600;
}
#order-grid .dataTables_processing{
  top:0 !important;
}

.activate, .accordion:hover {
    background:#c3ecda;
  /*background-color: #CBD6CF;*/
  /* background-color: rgba(31, 45, 65, 0.05); */
}

.accordion:after {
  content: '\002B';
  /*color: #CBD6CF;*/
  color: rgba(31, 45, 65, 0.05);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activate:after {
  content: "\2212";
}

.panelaccordin {
  padding: 0px 18px;
  background-color: white;
  margin-bottom: 0px !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.paid {
    color: white;
    padding: 8px;
    font-family: Arial;
    background-color: #4CAF50;
}
.productview{
    font-size:12px;
    height :125px;
}
table.dataTable.compact thead th {text-align: left;}
.form-group.required .label-control-plant:after {content:"*";color:red;}
.label-control-plant{padding-left:15px;}


.block-Wrapper_lifetimesale {
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.block-Header_lifetimesale {
    text-align:center;
    margin-bottom: 1rem;
    min-height: 2rem;
    font-size:1.8rem;
}

.singleRenderer-Wrapper_XPBxR {
    flex-grow: 1;
    text-align:center;
    align-items: center;
    overflow: hidden;
}

.value-Value_1Qsgv {
  color: #eb5202;
    white-space: nowrap;
    line-height: 3.5rem;
    font-size: 2.4rem;
}

.value-Value_1Qsgv-1 {
  color: #0CC845;
    white-space: nowrap;
    line-height: 3.5rem;
    font-size: 2.4rem;
}

.value-Value_1Qsgv-2 {
  color: #0B6BC4;
    white-space: nowrap;
    line-height: 3.5rem;
    font-size: 2.4rem;
}

.cchild {
  display: none;
}

#block-collapsible-nav{
	display:none;
}

/*Start Multi select dropdown*/
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}
.multiselect-container .input-group{margin:5px}
.multiselect-container>li{padding:0}
.multiselect-container>li>a.multiselect-all label{font-weight:700}
.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}
.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
.multiselect-container>li>a{padding:0}
.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}
.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}
.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline{
    padding-top: 2px !important;
}
.bootstrap-select.btn-group .dropdown-menu>.active>a,.bootstrap-select.btn-group .dropdown-menu>.active>a:focus,.bootstrap-select.btn-group .dropdown-menu>.active>a:hover {
    color: #333;
    text-decoration: none;
    background-color: #d4d4d4;
    outline: 0
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    outline: 0
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
    color:#333;
}
.multiselect {
white-space: unset !important;
}
#modal-delivery-terms .modal-dialog{
      width: 865px;
      margin: 30px auto;
      max-width: none;
}
#modal-delivery-terms .modal-footer{
  padding-top:0px !important;
}
@-moz-document url-prefix() {
input[type="checkbox"] {
 top:0px !important;
}
/*End Multi select dropdown*/