body {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    font-weight: normal;
    background: #fafafa;
    color: gray;
}
.row{
	margin-right: 0px;
    margin-left: 0px;
}
.sidebar-content{
	padding: 0;
    background: #0b7bb8; 
} 
.path-frontpage{ 
	padding: 0;
    background: #fff; 
} 
 
.d-flex {
    display: block !important;
}
.site-logo {
    background: #0b7bb8;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 16px;
}
.site-logo img{
	width:90%;
}
.views-exposed-form .form--inline .form-actions{
	padding-top: 5px;
} 
.view-header a.custom-action-icon {
    float: right;
    padding-right: 10px;
    font-size: 14px;
    font-family: inherit;
	font-weight: bold;
	color:#0b7bb8;
	text-decoration:none;
}
.view-header a.custom-action-icon::before{
    font-size: 14px;
    font-family: 'Font Awesome 6 Free';
    font-weight: bold;
    padding-right: 4px;
}
.custom-action-icon.button {
    color: #fff;
    font-weight: bold !important;
    margin-bottom: 15px;
}
.headerNew { 
  width: 100%;
  height: 50px;
  background: #dfdfdfa3;
  border-bottom: 2px solid #5397bd;
}
.RightHeaderNew {
    width: 19%;
    height: 50px;
    float: left;
    padding: 0px;
    margin: 0;
    text-align: left;
}

.leftHeaderNew {
    width: 79%;
    height: 50px;
    float: left;
	overflow:hidden;
}
.scndLine {
    float: right;
    padding: 0;
    margin: 0;
} 
.logoutNew {
     float: right;
    margin-left: 22px;

    z-index: 5;
    position: relative;
    font-weight: bold;
}
.welcomeName.userSettings {
    font-weight: bold;
}
.headerSrcBox {
    height: 20px;
}

/*superfish*/ 
ul#superfish-main ul li a {
    padding: 8px 0 8px 15px;
}
ul#superfish-main li a {
    padding: 10px 0;
    display: block;
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

ul#superfish-main li a {
	padding: 15px 0 15px 15px;
	text-decoration: none;
}
ul#superfish-main li {
    font-size: 16px;
}
ul#superfish-main li a:hover {
    color: #fff;
}
ul.sf-menu.sf-vertical {
    width: 100%;
}
ul#superfish-main ul{
	background:#0b7bb8;
}
ul#superfish-main li.active-trail  > a.is-active {
    background: transparent;
    color: #fff;
    font-weight: bold;
	z-index:1;
}
ul#superfish-main li.active-trail {
    background-color: #5397bd;
}
#superfish-main a{
	color:#fff;
}
ul#superfish-main li.sf-depth-1{
  color: #ffffff;
  text-decoration: none;
}
ul#superfish-main li.sf-depth-1:hover {
  background-color: #5397bd;
  transition: 0.9s;
}
.btn-primary{
	border-color:#0b7bb8;
}
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
    padding: 0px;
}
.main-content #block-mlshub-local-tasks{
	display:none; 
}
.leftHeaderNew h1 {
    font-size: 20px;
    text-align: left !important;
    padding-left: 15px;
    padding-top: 0.6em;
    color: #0b7bb8;
    font-weight: bold;
} 
.profile-container{
	 padding-top: 0.7em;
}
/*exposed*/
.views-exposed-form .form-select {
    color: #80808096; 
	margin-top: 3px;
    height: 41px !important;
}
.views-exposed-form .form-item.js-form-type-textfield {
    width:15%;
} 
.views-exposed-form .form-select option{
	color:#000;
}
.element-hidden,
.views-data-export-feed{ 
	display:none !important;
}
.main-content .region.region-content {
    padding-left: 15px;
    padding-right: 15px;
}
.btn.btn-primary { 
    font-weight: bold;
	font-size:14px;
	color: #fff;
	background: #0b7bb8;
}
.views-exposed-form .form--inline .form-actions{
	padding-top:1px;
} 
.form--inline .form-actions {
    clear: revert;
}
form#views-exposed-form, div.form-actions {
    float: left !important;
}
a.use-ajax.custom-action-icon {
    text-decoration: none;
} 
.user-logged-in .modal-dialog.mini{
	margin: 30px auto;
    max-width: 55% !important;
}
.user-logged-in .modal-dialog {
    margin: 30px auto;
    max-width: 85% !important;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
} 
/*View*/
.view-common-customer {
   border: 1px solid rgba(0, 0, 0, 0.125);
   /*border-radius: 0.25rem;*/
}

.view-common-customer legend,
.overview-count-wrapper .panel-title {
    background-color:gray !important;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 14px !important;
	color:#fff; 
	font-size: 14px !important;
}
.view-common-customer .field {
    width: 50% !important;
    float:left;
    padding-bottom: 15px;
}
.view-common-customer .label{
    width:30%;
    float:left;
    text-align:right;
    padding-right:10px;
}
.overview-report .heading {
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}
.views-table tr td a{
	 text-decoration: none; 
	 color:#0b7bb8;
}
.view-common-customer .row{
    width:50%;
    float:left;
}
.view-common-customer .value{
    width:50%;
    float:left;
} 
.po-download {
    height: 20px;
}
.view-common-customer .view-header a{
    display:none;
}
.header.bill-title-wrapper,
.field--name-comment-body{
	clear:both;
}
.inner-w33 .custom-title{
    text-align:center;
    font-size:33px;
    font-weight:bold;
    color:#508ec5;
    margin-top: -15px;
}
.custom-term-wrapper{
	clear:both;
	padding-bottom:20px;
}
.custom-term-wrapper .condition-label {
    font-weight:bold;
}
.sig-underline{
    border-top: 2px solid #000;
	margin-left: 20px;
    margin-right: 20px;
}
.inner-w33 {
    width:33.3%;
    float:left;
}
.inner-w33 .custom-title {
    text-align:center;
    font-size:33px;
    font-weight:bold;
    color:#508ec5;
    margin-top: -15px;
}
.custom-bill-wrapper .items-wrapper{
	clear: both;
    padding-top: 20px;
}
.custom-bill-wrapper table.table thead {
    
    border-top: 3px solid #508ec5;
    border-bottom: 3px solid transparent !important;
    text-transform: capitalize;
}

.custom-bill-wrapper .client-address-wrapper {
    clear: both;
}
.custom-bill-wrapper .client-address-wrapper {
    padding-top:20px;
}
.custom-bill-wrapper .content-4 {
    width:25%;
    float: left;
}
.custom-bill-wrapper .content-4:last-child > div{
    float: right;
	width: 40%;
	overflow:hidden;
}
.custom-bill-wrapper .inner-label {
    font-weight: bold;
}
.custom-bill-wrapper .installment-tag {
    padding-top:25px
}
.inner-value.dollar {
    font-size: 36px;
    font-weight: bold;
	color:#508ec5;
}
.custom-bill-wrapper  .po-condition{
    width:50%;
    float:left;
}
.custom-bill-wrapper .po-total-inner {
    clear: both;
    float: right;
    width: 69.1%;
}
.clr{ 
	clear:both;
}
.custom-bill-wrapper .po-price-label {
     width: 31%;
    float: left;
    clear: both;
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
    padding-top:9px;
    padding-bottom:9px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #e4e8f5;
}
  
/** Login **/
form#user-login-form .inner-container {
    max-width: 420px;
    margin: 0 auto;
    background: #fff;

   
    color: #fff;
    min-height: auto !important;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    height: auto;
    overflow: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    top: 50%;
    left: 50%;
}
form#user-login-form .form-element{
    padding: 10px 25px;
    color: #000;
}

form#user-login-form .custom-dialog{
  color:#fff;
}
form#user-login-form .form-element{
    color: #9a9898;
    text-decoration:none;
    font-size:15px;
}
form#user-login-form .form-element a{
    color: #0b7bb8;
}
form#user-login-form .form-element .form-control{
	background:#f4f4f5;
}
.login-logo{
  text-align: center;
  padding: 10px 0;
  background: #0b7bb8;
  border-bottom:2px solid #000;
}
.login-logo img{
  width:90%;
}
form#user-login-form {
  overflow: hidden;
}
form#user-login-form .inner-container .form-actions{
  width: 100%;
  text-align: center
}
form#user-login-form .inner-container .form-actions .button{
  background-color: #fff;
  border-color: #fff;
  margin-right: 0;
  color:#fff;
  background: #0b7bb8;
}
form#user-login-form .inner-container .form-actions .button:hover {
  color: #fff;
  background-color: #0b7bb8;
  border-color: #0b7bb8;
}  
.form-field-forgot-password{
	text-align:center;
}
.custom-bill-wrapper .po-price-value {
  width: 69%;
  float: left;
  text-align: center;
  border-bottom: 1px solid #e4e8f5;
  padding: 7px;
}
/*item edit - Block*/
.customer-edit-form div,.item-edit-form div{
    width:50%;
    float:left;
    height:60px;
}
.customer-edit-form div:nth-child(odd),.item-edit-form div:nth-child(odd){
  padding-right:5px;
}
.customer-edit-form div:nth-child(even),.item-edit-form div:nth-child(even){
  padding-left:5px;
}
.item-edit-form div input{
  margin-top:0;
}
.customer-action{
  clear: both;
  width: 100% !important;
  text-align: right;
}
.item-edit-form div:last-child{
	display:none;
}
div[class^="row-item-qbid-"] {
  padding-right: 3px;
  float: left;
} 
div[class^="row-item-nid-"] {
  padding-right: 3px;
  float: left;
} 
i.custom-action-icon{
	padding-right: 4px;
}
.ui-widget.ui-widget-content {
	z-index: 10000;
}
a.custom-action-icon.button.btn { 
    color: #fff;
}
#edit-created-wrapper {
	/*width: 26%;*/
}
#edit-created-wrapper div[class*='form-item-created']{
    width: 46%;
}
 
.views-exposed-form  fieldset legend,
.views-exposed-form  fieldset{
    background:transparent !important;
    border:transparent;
    padding:0;
    margin: 0;
}
.views-exposed-form .fieldset-wrapper{
    padding:0 !important;
}
.views-exposed-form .fieldset-wrapper label{
    display:none;
}
.view .view-content {
    padding-top: 20px; 
}
.spv-popup-link i.custom-action-icon {
    font-size: 20px;
    font-weight: bold;
    color: #0b7bb8;
    text-decoration: none;
}
.info-wrapper,.simple-popup-views-global {
    float:left;
    padding-right:4px;
    width:auto;
}
.spv-popup-content { 
    border: 2px solid #0b7bb8;
    box-shadow: 0px 0px 17px 2px #0b7bb8;
}
.logoutNew span{
    color: #0b7bb8;
}
.logoutNew .logout-fa{
    font-size: 25px;
}

.form-control {
  height: 38px !important;
  background: #fff;
  color: #000;
  font-size: 13px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #ced4da;
}

.profile-items {
  padding-top: 2px;
  float: right;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 600;
}
a.logout-link {
  text-decoration: none;
  color: #0b7bb8;
}
.profile-img {
  width: 30px;
  float: right;
  margin-right: 10px;
}
img.profile-container-image {
  width: 100%;
  border-radius: 50%;
}
.col-lg-2 {
	flex: 0 0 auto;
	width: 12%;
}
.col-lg-10 {
  flex: 0 0 auto;
  width: 88%;
}
input[class ^="mandatory form-checkbox"]{
	margin-top: 5px !important;
}
.jconfirm-content div{
    text-align:center;
}  
table thead tr th > a[title^=sort]{
	color: #0b7bb8;
	text-decoration: none;
}
body.not-logged-in{
	background:#bed8e5;
	/*	background-image: url(../images/laundry.jpg);
    background-repeat: no-repeat; 
    background-attachment: fixed;
    background-position: top center; */
}
ul#superfish-main-accordion {
    position: absolute;
    z-index: 1;
    opacity: 0.9;
    width: 100%;
    background-color: rgb(11 123 184 / .9);
    
}
ul#superfish-main-accordion a{
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-weight: bold;
    font-size:18px;
}
.show {
    display: block !important;
}
.mobile-menu, #navbar-close-icon{
	display:none; 
}
.sf-accordion-toggle{
	clear: both;
}
.sf-accordion-toggle a{
	display:none;
} 
.navbar-toggler:focus {
    box-shadow: none;
}
@media (min-width: 280px) 
    and (max-height: 896px)
	and (orientation : portrait) { 
	.mobile-menu{
		float: left;
		display:block;
		width:10%;
        padding-top: 15px;
		padding-left: 2px;
	}
	.site-logo{
		float: right;
		width: 85%;
	} 
	form#user-login-form .inner-container {
       width: 330px;
	}
	.col-lg-2,.col-lg-10 {
	    width: 100%;
	} 
	.leftHeaderNew h1 {
		font-size: 17px;
	}
	.RightHeaderNew {
	    width: 60%;
	}
	.leftHeaderNew {
	    width: 40%;
	}
	.logoutNew {
        margin-left: 5px;
	} 
	.view-header {
		text-align: center;
	}
	.view-header a.custom-action-icon {
		float: revert;
		margin-top: 15px;
	}
	.views-exposed-form .form-item.js-form-type-textfield {
        width: 100%;
     }
	.views-exposed-form .form--inline .form-actions {
        width: 100%;
        text-align: center;
	}
	#edit-created-wrapper div[class*='form-item-created'] {
		width: 100%;margin-right: 0;
	}
	#edit-created-wrapper{
	    width: 100%;
		text-align:left;
	}
	 
    .view-common-customer .label{
		width:54%;
		float:left;
		text-align:left;
	}
	.view-common-customer .value{
		width:46%;
		float:left;
	}
	.view-common-customer .row{
	    width: 100%;
		text-align:left;
		padding-top:10px;
	}  	
	.customer-edit-form div, .item-edit-form div{
		width: 100%;
		height:auto;
	}
	.customer-action{
		padding-top:10px;
	}
	.table-responsive-mobile {
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
     }
	.custom-left .field__label,.custom-right .field__label {
	    width: 50% !important;
	    float: left !important;
        text-align: unset !important;
         padding-right: 0px !important;
	}
	.custom-left, .custom-right {
	    width: 100% !important;
	}
	form[class^="node-statement-invoice"] .custom-right-side,
	form[class^="node-statement-invoice"] .custom-left-side{
		width:100% !important;
		float:reset !important;
	}
}   
 

@media only screen 
  and (min-width: 360px) 
  and (max-width: 896px) 
  and (orientation: landscape){
	.leftHeaderNew {
	    width: 76%;
	}
	.RightHeaderNew {
	    width: 24%;
	}
	.view-header{
		padding-bottom: 20px;
	}
	.view-common-customer .label {
		width: 40%;
	}
	.customer-edit-form div, .item-edit-form div{
		height:auto;
	}
	#edit-created-wrapper div[class*='form-item-created'] {
		width: 46%;
	}
	#edit-created-wrapper {
		width: 39%;
	}
	ul#superfish-main li a {
	    padding: 15px 0 15px 8px;
	    text-decoration: none;
	    font-size: 15px;
	}   
	.custom-left .field__label,.custom-right .field__label {
	    width: 50% !important;
	    float: left !important;
        text-align: unset !important;
         padding-right: 0px !important;
	}
	.custom-left, .custom-right {
	    width: 100% !important;
	}
}      
 
 
@media only screen  and (min-width: 712px) and (max-height: 1180px) and (orientation: portrait) {
    .leftHeaderNew {
	    width: 74%;
	}
	.RightHeaderNew {
	    width: 26%;
	}
	.view-header{
		padding-bottom: 20px;
	}
	ul#superfish-main li a {
	    padding: 15px 0 15px 8px;
	    text-decoration: none;
	    font-size: 15px;
	} 
    .customer-edit-form div, .item-edit-form div{
		height:auto;
	}	
	.view-common-customer .label {
		width: 48%;
	}
	#edit-created-wrapper div[class*='form-item-created'] {
		width: 46%;
	}
	#edit-created-wrapper {
		width: 34%;
	}
	.views-exposed-form .form-item.js-form-type-textfield {
		width: 18%;
	}
	.view-header{
		padding-bottom: 20px;
	}
}        
   
@media only screen 
  and (min-width: 712px) 
  and (max-width: 1180px) 
  and (orientation: landscape){
	.leftHeaderNew {
	    width: 74%;
	}
	.RightHeaderNew {
	    width: 26%;
	}
	#edit-created-wrapper div[class*='form-item-created'] {
		width: 46%;
	}
	#edit-created-wrapper {
		width: 39%;
	}
	.view-common-customer .label {
		width: 48%;
	}
	.customer-edit-form div, .item-edit-form div{
		height:auto;
	}
	.view-header{
		padding-bottom: 20px;
	}
} 
.form-control, .btn, .node-preview-container .node-preview-backlink, a.button, .button, button.link{
	border-radius: 0px !important;
}

.custom-left, .custom-right {
    width:50%;float:left;
}

.custom-left .field__label,.custom-right .field__label {
    width: 30%;
    float: left;
    text-align: right;
    padding-right: 10px;
}
.custom-left .field__item,.custom-right .field__item {
    width: 50%;
    float: left;
}
.spv-popup-content{
	width:400px !important; 
}
.custom-left-side{
    width:50%;
    float:left;
    padding-right:1%;
}
.custom-right-side{
    width:50%; 
    float:left;
    padding-left:1%;
}  
.custom-left-side30{
    width:30%;
    float:left;
    padding-right:1%;
}
.custom-right-side70{
    width:70%; 
    float:left;
    padding-left:1%;
}  
.field--name-field-statement-date.field--widget-datetime-default input{
    width: 100%;
    border: 1px solid #ced4da;
    height: 38px !important;
}
.field--name-field-statement-date.field--widget-datetime-default h4.label {
    font-weight:normal;
}
.field--name-field-statement-date.field--widget-datetime-default div{
    width:100%
}
form[class*='statement-invoice-'] .field--name-field-invoice{
	clear:both;
}
form[class*='statement-invoice-'] .field--name-field-invoice .paragraph-type-title,
form[class*='statement-invoice-'] .field--name-field-no-service  .paragraph-type-title{
    display:none;
}

/*form[class*='statement-invoice-'] .paragraph-type-top input,
form[class*='statement-invoice-'] .tabledrag-toggle-weight-wrapper{
    display:none !important;
}*/
form[class*='statement-invoice-'] .field-add-more-submit{
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background: #0b7bb8;  
    float:right;
}

.jconfirm-buttons button.btn-default
{
	color: #fff !important;
	background: #0b7bb8 !important;
}
form[class*="node-holidays-edit-form"] .field-add-more-submit {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background: #0b7bb8;
  float: right;
}

form[class*="node-holidays-edit-form"] .field--name-field-holiday-desc label{
	font-weight: bold;
}

form[class*="node-holidays-edit-form"] .paragraph-top{
	display:none !important;
}

.tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight ,.paragraphs-actions {
	display:none;
}
.views-exposed-form .form-item-field-delivery-date-value-min,.views-exposed-form .form-item-field-delivery-date-value-max{
	width:46% !important;
}
#edit-field-delivery-date-value-min, #edit-field-delivery-date-value-max ,#edit-created-min,#edit-created-max{
	height: 38px !important;
	font-size: 13px;
 box-shadow: none !important;
border: 1px solid #ced4da;
}

.invoice-pdf-wrapper{
	width:100%;
	color: #000000;
	font-size: 18px;
}
.table-custom tr td{
    font-size:18px;
}
.invoice-50{
	width:50%;
	float:left;
}
.invoice-detail-tbl, .invoice-detail-tbl th, .invoice-detail-tbl td {
	border: 1px solid black;
    width: 40%;
    border-collapse: collapse;
    text-align: center;
}
.invoice-bill-tbl{
	width: 72.8%;
}
th.terms {
    width: 16%;
}
th.ship {
	width: 18.8%;
}

th.rep {
    width: 10.38%;
}

th.po-number {
    width: 10%;
}
th.via {
    width: 8.44%;
}
.invoice-bill-tbl, .invoice-bill-tbl th, .invoice-bill-tbl td{
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
    border-collapse: collapse;
	padding-left: 15px;
}
.clr-both{
	clear:both;
}
.invoice-bill-tbl tbody tr{
    height:140px;
}
.custom-bill-wrapper table.table thead {
    border-top:1px solid black;
    border-bottom: 1px solid black !important;
	font-size:18px;
	
}

.table-custom,.table-custom-tot {
    width:100%;
    padding:5px;
}
.table-custom-tot tbody tr{
	border-left:1px solid black;
	border-bottom:1px solid black;
	border-right:1px solid black;
}
.table-custom tr th,
.table-custom tbody tr td{
    border-right:1px solid black;
    border-left:1px solid black;

}

.table thead th{ border-bottom:none;}
.company-name{font-size:21px;font-weight:600;}
.table-custom .odd{
   background-color:#e6e6e6
}
.invoice-detail-tbl td{
    height:40px;
}
.table-custom .odd{
   background-color:#e6e6e6
}

.color-header thead th{
	background-color:#cfcfcf
}
.invoice-title h3 {
    font-size: 40px;
}
.txt-right{text-align:right;}	
.invoice-total{margin-top:0px;border-top: 1px solid black;border-bottom:1px solid black;border-left:1px solid black;border-right:1px solid black;height:40px;}
.invoice-total-label{width:87%;float:left;font-size:24px;font-weight:bold;text-align:right;padding-right: 10px;}
.invoice-total-value{width:13%;float:left;font-size:20px;font-weight:bold;text-align:right;padding-right: 10px;}
.invoice-total-value div:first-child {
    width:45%;
    float:left;
    text-align:center;
}
.invoice-total-value div:last-child {
    width:45%;
    float:left;
    text-align:right;
}
.condition-txt {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
	color: #000000;
	font-size: 18px;
}
.invoice-total-label {
    width: 78.5%;
    float: left;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    border-right: 1px solid black;
    height: 38px;
}
.invoice-total-value1 {
    width: 11%;
    float: left;
    font-size: 15px;
    font-weight: bold;
	text-align:center;	
    padding-top: 10px;
    padding-bottom: 4px;
	color: #000000;
	font-size: 16px;
}
.invoice-total-value2 {
    width: 10%;
    float: left;
    font-size: 15px;
    font-weight: bold;
    text-align:right;
    padding-top: 10px;
    padding-bottom: 4px;
	color: #000000;
	font-size: 16px;
}