@charset "utf-8";

/* Create order */

.create-order-manually-tab-company-info button.order-site-button.active[data-v-b396cba6], .create-order-manually-tab-company-info button.order-site-button[data-v-b396cba6]:hover
{border:1px solid #ced4da }

.order-site-button {
-webkit-transition: all 0.0s ease-in-out 0s;
    -moz-transition: all 0.0s ease-in-out 0s;
    -ms-transition: all 0.0s ease-in-out 0s;
    -o-transition: all 0.0s ease-in-out 0s;
    transition: all 0.0s ease-in-out 0s;}




/* STATUS */
.state-needed {
    color: #ff7e00!important;
}

.state-needed[data-v-195bdc5c] {
    color: #ff7e00!important;
}

/*Alerts*/

.alert {
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: .1.5rem 1.25rem!important;
}



/* Order lines*/
.product-name-column  .over-size {font-weight: 900; margin-left:15px;}

/* Order overview flags*/

.icon-flag {
    width: 16px;
    height: 16px;}
.order-list-column-delivery	.icon-flag {padding-top:2px;}

/* Order history*/

.order-history-item[data-v-147abc42] {
    line-height: 30px;
    background-color: #f0f0f0;
    color: #000;
    border-radius: 5px;
    padding: 6px 3px;
    margin: 5px 10px 0;
}

.order-history-link {padding-left:6px;}



/*Order line buttons*/
.btnAct.pupple {
    background: #ff9000!important;
}

.btnAct.warning {
    background: #8200bf!important;
}

/*Not on stock overview*/

.dot[data-v-37283068] {
    height: 7px!important;
    width: 7px!important;
    border-radius: 50%;
    display: inline-block;
    margin-top: 5px;
}



/*misc*/

.btn-validation {
height:29px;
line-height: 16px;
font-size:12px!important;

}


.styleSelect {
padding: 0px 3px;
}

.table td, .table th {
    padding: 0.5rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}


/*Products search*/

.title_style .d-block {margin-top:-20px;}





/* top nav bar width*/
.col-10 {
flex: 0 0 100%;
max-width: 100%;	
	
}

/* Edit order - space around order number and top section*/
.pb-5, .py-5 {
    padding-bottom: 2rem!important;
}
.mt-5, .my-5 {
    margin-top: 2rem!important;
}


/*Edit order margin below weight*/
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}


/*edit order - pencil*/

.btnEdit i {
    font-size: 17px;
}


/*editorder - dropdown font size*/
.form-control{
font-size:13px;		
}


.printLabel {
padding: 0px 22px;	
margin: 10px 0px;	
	
}


/*Payment info section*/

.invoicePayment {
cursor: pointer;
background-color:#f0f0f0!important;
	margin-top:10px;
}

.btn-danger, .btn-success, .btn-primary{
/*width:120px;*/
font-weight:700;
font-size:13px;
line-height: 15px;
}
.btn-success {
	background-color: #27a500;
    border-color: #27a500;}

.btn-success:hover {
	background-color: #1f8500;
    border-color: #1f8500;}

.state-needed.btn {background-color: #ff7e00!important; color:#000!important; height: 24px!important}
.state-ok.btn, .state-old.btn {height: 24px!important;}

/* Order popups - Delete, duplicate, credit information etc

.modal-content {
 background-color: #f0f0f0; 
}
.modal-title {font-weight:700; color: #21425f}

.modal-content .title_style {font-size: 17px; margin:20px;}
.modal-content .form-control {  text-align:center; margin:20px 100px; width:60%; font-size:16px; padding:5px 10px;}
.modal-content .btn-success {margin:20px 100px; width:60%!important; height:42px!important; font-size:14px}

#deletePopup .form-control {  text-align:left; margin:20px 100px; width:60%; font-size:16px; padding:5px 0px;}
#duplicatePopup .form-control {margin:0px 0px; }

#duplicatePopup .modal-body {background: #27a500; color: #fff;}
#duplicatePopup .col-form-label {text-align:right}


#creditLimit .modal-dialog{
    display: flex;
    align-items: center;
	min-height: calc(100% - 1rem);
	}

#creditLimit .modal-content{width:500px;}*/





/*Overstock*/

.btn-actions[data-v-3d742b4d] {
    width: auto!important;
	padding-left:0.5rem;
	padding-right:0.5rem;
    font-weight: 700;
}


/*Resseller bar*/

.dealer-group-message { line-height: 18px!important; font-size: 18px!important;}
.dealer-group-message-second {line-height: 18px!important; font-size: 14px!important;}
.dealer-price { padding: 15px 15px 5px 20px; font-size: 14px;}	
.dealer-group-price-type-regular {
    line-height: 55px;
    font-size: 16px!important;
    color: #fff;
}
.dealer-group-price {border-radius: 5px;margin: 0px 8px 0px 0px;}


/*STATUS*/

.back-status {padding:10px 0px;}

.second-title-status-create-custom {padding-left:10px;}
.status-create-name {font-weight:700;}
.status-create-name-input {text-align: left; font-size: 14px!important;}

.status-create-name-input::placeholder {display:none; text-align: left}

.status-search-product-input {text-align: center; font-size: 14px!important; text-transform: capitalize;}

.status-select-btn {height: 32px;}
.start-status-btn {font-size:18px!important;}


/* Product search */ 
.product-details-packaging-title {padding:15px 0px;}


/*Create order*/

.create-order-manually-tab-company-info {padding-top:20px;;}
.create-order-manually-customer-details {font-size:14px;}


/*EMail popup*/
.rounded-lg {border: 0px !important;}
.rounded-lg .subject-input {padding-left:10px!important; font-size: 14px!important;}
.note-editable {height:400px!important;}

.modal-body .mb-4 {margin-bottom:0px!important;}


/*Order note*/
.comment-row {padding-bottom:0.4rem; padding-top:0.4rem!important;}
.comment-message {padding-left:5px;}
.comment-delete-btn {margin-left:10px!important; border:0px!important;}



/*Purchase*/
/* upload files */

.dropzone-container {padding: 1rem!important;  }
.file-label {font-size: 14px!important; }

.fa-paperclip {padding-right:10px;}


/*iPhone optimization*/

@media screen and (max-width: 489px) {
	.stateTop, .scan-container, .p-1 {display:none!important}
	.flex-1 h2 {display:none}
	
	.col-4 {
    flex: 0 0 100%;
    max-width: 100%!important;
	margin-top:20px;
	}
	
	.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255,255,255, 0.3)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
	!important}	
		
	.navbar-light .navbar-toggler {
    color: rgba(255,255,255, 0.9)!important;
    border-color: rgba(255,255,255, 0.9);
	background-color: #7e9fbc!important;
	}
	.col-5 span {display:none;}
	.col-5 {flex:100%; max-width:100%;}
	

	.pl-0, .px-0 {
    padding-left: 15px!important;
}
	
	.tabs .d-flex {display:block!important}
	
	.title_style .d-block {display:none!important}
	.col-md-12 .title_style {text-align: center}
	.col-md-7 {text-align: center; margin-bottom:10px;}
	.col-md-7 .h5 {margin-bottom:0px}
	.bg-white .line {margin-bottom: 0px!important; margin-top:15px!important;}
	
	.btn-import-product, .input-import-product {display:none}
}

