/*!
 * Copyright 2021 BoomApp
 CUSTOM CSS
 
 */

/*COLOR*/
.bg-gradient-primary {
    background-color: #63d054 !important;
}

.e-btn.e-flat.e-primary {
    background-color: #2cae83 !important;
    border-color: #2cae83 !important;
}
.e-btn.e-flat.e-primary:hover{
    background-color: #1c9b71 !important;
    border-color: #1c9b71 !important;
}

.e-css.e-btn {
	background-color: #18A1D7 !important;
    border: none !important;
}

.e-css.e-btn:hover {
    background-color: #197193 !important;
    border-color: #197193 !important;
}

/**LABEL**/
#GridProdottiEditForm label#IdListini-info.e-error{
    margin-bottom: 0 !important;
}

/* USER FORM*/
form.user .btn-user {
    font-size: 1rem;
    border-radius: 0.35rem;
    padding: 0.75rem 0.75rem;
}

form.user .form-control-user{
    border-radius: 0.35rem;
    padding: 1.5rem 1rem;
    font-size: 1rem;
}
.col-form-label {
    padding-top: calc(0.375rem + 7px);
}

.btnShowPwd {
    border-top-right-radius: 0.35rem !important;
    border-bottom-right-radius: 0.35rem !important;
}

.btnShowPwdProfilo {
    border-top-right-radius: 0.35rem !important;
    border-bottom-right-radius: 0.35rem !important;
}

.logo {
    border: solid 0.5px #ccc;
    box-shadow: none !important;
}

/* FONT*/
.text-xs {
    font-size: .85rem;
    font-weight: 600 !important;
}

a {
    color: #757575;
}
a:hover {
    color: #333;
    text-decoration: underline;
}

.e-grid, .e-control, .e-upload.e-control-wrapper{
	font-family: 'Source Sans Pro', sans-serif !important;
}
.e-dialog .e-dlg-header {
    font-weight: 600 !important;
}

.e-grid .e-rowcell {
    font-size: 1.1em !important;
    overflow: auto !important;
}

.text-secondary{
	color: #9372b5 !important;
}

.border-left-secondary{
	border-left: 0.25rem solid #9372b5 !important;
}

.border-left-dark {
    border-left: 0.25rem solid darkorange !important;
}

.text-left-dark{
	color: darkorange !important;
}

.new-add{
	float:right ;
}

.text-welcome-index{
	color: #666 !important;
	font-size: 18px;
	}
	
/*#GridCarrelliEditForm .text-xs, #GridAziendeTrasportatriciEditForm .text-xs, #GridRivenditoriEditForm .text-xs, #GridMovimentazioniEditForm .text-xs, #GridProdottiEditForm .text-xs {
    font-size: .8rem;
    font-weight: 600 !important;
}*/

.rounded_info {
    border-radius: 7.35rem !important;
    background: rgba(255, 255, 255, 0.58);
    height: 30px;
    display: inline-block;
    width: 30px;
    color: #fff ;
    padding: 3px;
    cursor: pointer;
}

.rounded_info:hover {
    color: rgba(255, 255, 255, 0.64);
} 
div.assistant{
	text-align: center;
	padding-bottom: 30px
}

.rounded {
    border-radius: 2.35rem !important;
}

/***> Scheda prodotto >****/


#GridProdottiEditForm .form-group {
    margin-bottom: 1.3rem;
}

.detailtable td{
	font-size: 1em !important;
	padding: 0 !important;
}

.detailtable td span{
	line-height: 25px;
}

/*** HEADER ***/
	
.topbar .topbar-divider {
    border: none !important;
}

/*** Categorie, Trasportatori, Listini, Cataloghi, Carrelli ****/
#GridCategorie_content_table tr td:nth-child(2), #GridAziendeTrasportatrici_content_table tr td:nth-child(2), #GridListini_content_table tr td:nth-child(2), #Cataloghi_content_table td:nth-child(3), #GridCarrelli_content_table td:nth-child(2), .table-riv-mov td:nth-child(1), #GridTipiCarrello_content_table td:nth-child(2), #GridImpostazioni_content_table td:nth-child(2), #GridProdotti_content_table td:nth-child(3), #GridProdotti_content_table td:nth-child(5), #GridRivenditori_content_table td:nth-child(3), #GridMovimentazioni_content_table td:nth-child(3), #GridUtenti_content_table tr td:nth-child(3){
    font-weight: 600 !important;
}

/* FINE FONT*/

.e-grid .e-headercelldiv{
	font-weight: 600 !important;
	color: #858796;
}
.e-grid tr td.e-active:nth-child(3)  {
	font-weight: 600 !important;
}

/* POPUP*/

#dlDettaglioMovimenti_dialog-header .e-dialog{
	background-color: inherit !important;
}

#dlDettaglioMovimenti_dialog-header .e-dialog .e-dlg-header-content{
	background-color: #000;
}


/* NASCONDERE OGGETTI*/
#GridRivenditoriEditForm #RappresentanteLegale { display: none !important}
#GridRivenditoriEditForm label[for=RappresentanteLegale]{ display: none !important}
#GridRivenditori_content_table tr tr:nth-child(4) td:nth-child(1){ display: none !important}
label[for=PathLogo]{ display: none !important}

/**** BOTTOM****/

a#searchDropdown{
	display: none !important;
}


#GridRivenditori_content_table .e-btn.e-flat{
    background-color: #35b59b;
    border-color: #35b59b;
    color: #fff;
    box-shadow: none;
}

#GridRivenditori_content_table .e-btn.e-flat:hover{
    background-color: #28a68c;
    border-color: #28a68c;
    color: #fff;
    box-shadow: none;
}

.e-dialog .e-footer-content .e-btn {
    font-size: 16px !important;
}


/**** FINE BOTTOM****/


.bg-login-image {
    background: url(images/Logo_ok.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}

.rounded-circle {
    border-radius: 50% !important;
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.e-upload.e-control-wrapper {
    text-align: left;
}

/*.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name{
	overflow: inherit !important;	
}
*/
.form-control-grid.text-box {
    padding: 10px !important;
}

textarea {
    padding: 5px 10px !important;
}

.qnt{
	font-weight: bold;
	font-size: 90%;
}
span.lblHome{
	color: #ccc;
}

home.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 0.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1.25rem;
}
.card-body .text-xs {
    font-size: 1.1rem;
    font-weight: 600 !important;
    line-height: 1.1;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}

.qntperc{
	color: #777 !important;
	font-weight: 500 !important;
	margin-right: 1rem !important;
	font-size: 1.8rem;
	margin-bottom: -12px;
}


/*** PRODOTTI***/

#GridProdotti_content_table .detailtable tr:nth-child(2) td:nth-child(1), #GridProdotti_content_table .detailtable tr:nth-child(2) td:nth-child(2),#GridProdotti_content_table .detailtable tr:nth-child(3) td:nth-child(1),#GridProdotti_content_table .detailtable tr:nth-child(4) td:nth-child(1){
	display: inherit;
}
#GridProdotti_content_table .detailtable td{
	width: 16% !important;
}

#GridProdotti_content_table .detailtable tr{
    font-weight: 600;
    color: #333;
}

#GridProdotti_content_table .detailtable tr span{
    font-weight: normal;
}

#GridProdottiEditForm .img-thumbnail {
    padding: 0;
    background-color: inherit;
    border: none;
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 0.35rem;
}

#GridProdotti_content_table .img-thumbnail {
    padding: 0;
    background-color: inherit;
    border: none;
    height: 100px;
    width: 100px;
    object-fit: cover;
    border-radius: 0.35rem;
}

.e-upload {
    border: 1px dashed rgba(0,0,0,0.15) !important;
    border-radius: 10px !important;
    margin-top: 22px !important;
}

#GridProdotti_dialogEdit_wrapper{
	width: 53% !important;
}

#GridProdottiEditForm .e-upload {
    margin-top: 0 !important;
}

.e-upload .e-upload-files .e-upload-file-list{
    line-height: 0.8em !important;
    border-bottom: none !important;
    min-height: 70px !important;
}

/***** BOTTOM *****/

.e-btn.e-flat {
    border:none !important;
    box-shadow: none;
    color: #fff;
    /*border-radius: 8px;*/
}


/***** TEXT *****/
.e-all-text {
    color: #999 !important;
    font-size: 1em !important;
}

/***** DISPONBILITÀ *********/


.e-toolbar-items {
    float: left !important;
}

#inviaCatalogo .e-tbar-btn-text:after {
	content: "\f1d8";
	font-family: "Font Awesome 5 Free";
    padding-left: 5px;
}

#Cataloghi_content_table .e-share::before {
  content: "\f086";
    font-family: "Font Awesome 5 Free";
      padding-right: 5px;
  }
#Cataloghi_content_table .e-unboundcelldiv button:nth-child(3){
  background-color: #29AD17;
}
  
#Cataloghi_content_table .e-unboundcelldiv button:nth-child(1){
	background-color: red;
}
#Cataloghi_content_table .e-unboundcelldiv button:nth-child(1):before{
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	padding-right: 5px;
}



#Cataloghi_content_table .e-unboundcelldiv {
  text-align: right !important;
  display: block !important;
}

#Cataloghi_content_table .e-unboundcelldiv button:nth-child(2){
	background-color: #32bbdc;
}


/**** CLIENTI  ****/
input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    height: auto !important;
    padding: 0;
}

#IdListino.e-control.e-dropdownlist.e-lib.e-input{
    padding: 0;
}


#GridRivenditoriEditForm .e-input-group.e-control-wrapper .e-input-group-icon {
    display: inline-grid !important;
}


.e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-listbox-wrapper .e-list-nrt, .e-listbox-wrapper .e-selectall-parent, .e-listbox-container:not(.e-list-template) .e-list-item, .e-listbox-container .e-list-nrt, .e-listbox-container .e-selectall-parent {
  height: auto !important;
}

 .e-pager .e-pagerdropdown {
  margin-top: -30px !important;
  width: 80px !important;
}

#e-pagesizes .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
height: 37px;
}
/*** MOVIMENTAZIONI***/
#GridMovimentazioni_content_table .detailtable{
	width: 40% !important;
}

#GridMovimentazioni_content_table .detailtable td{
	width: 40% !important;
	padding-right: 20px !important;
}

#GridMovimentazioni_content_table .celTitleCarico td{
	padding-right: 20px
}
#GridMovimentazioni_content_table .celTitleCarico {
    font-weight: 600;
    color: #65bb1d;
    text-transform: uppercase;
}
#GridMovimentazioni_content_table .btn-carico {
    width: 100px;
    background-color:#65bb1d !important;
}
#GridMovimentazioni_content_table .btn-scarico {
    width: 100px;
    background-color:#BD1414 !important;
}

#GridMovimentazioni_content_table .celTitleScarico {
    font-weight: 600;
    color: #BD1414;
    text-transform: uppercase;
}

#GridMovimentazioni_content_table .qtaScarico, #GridMovimentazioni_content_table .qtaCarico {
	color: #444;
	float: right;
	font-weight: 700;
}

#dialogDettagliMovimentazione .form-group:nth-child(3) .col-md-10{
	padding: 10px;
	margin: 0 auto;
}

#dialogDettagliMovimentazione .e-dialog .e-dlg-content {
    width: 90%;
    margin: 0 auto;
}

#dialogDettagliMovimentazione.e-control.e-dialog.e-lib.e-dlg-modal.e-popup.e-popup-open{
	width: 25% !important;
}
#dialogDettagliMovimentazione .form-group:nth-child(3) .col-md-10 .form-group .col-md-4:nth-child(1){
	flex: 0 0 45%;
	max-width: none;
}

#dialogDettagliMovimentazione .form-group:nth-child(3) .col-md-10 .form-group .col-md-4:nth-child(2){
	flex: 0 0 35%;
	max-width: none;
}

#dialogDettagliMovimentazione .form-group:nth-child(3) .col-md-10 .form-group .col-md-4:nth-child(3){
	flex: 0 0 20%;
	font-weight: 600;
}

#dialogDettagliMovimentazione_dialog-content .well {
	text-align: left !important;
}

#dialogDettagliMovimentazione_dialog-content .form-group:nth-child(4) .col-md-12:nth-child(1) .form-group:nth-child(1) .col-md-12:nth-child(1), #dialogDettagliMovimentazione_dialog-content .form-group:nth-child(4) .col-md-12:nth-child(1) {
	padding-right: 0 !important;
}


#dialogDettagliMovimentazione_dialog-content .col-md-12:nth-child(1) .form-group:nth-child(1){
    width: 60%;
	float: left;
	margin-bottom: 0.5rem;
}

#dialogDettagliMovimentazione_dialog-content .col-md-12:nth-child(1) .form-group:nth-child(2){
    width: 48%;
	float: right;
	margin-bottom: 0.5rem;
}
#dialogDettagliMovimentazione_dialog-content .form-group:nth-child(4) .col-md-12:nth-child(1) .form-group:nth-child(1){
    width: 100%;
}

#dialogDettagliMovimentazione_dialog-content .form-group {
    margin-bottom: 0.3rem;
}

#GridStoricoMovimentazioni span.e-input-group.e-control-wrapper{
    height: 29px !important;
}


/*****SIDEBAR***/
.sidebar .nav-item .nav-link{
	padding: 0.8rem !important;
}

/***** ADMIN CSS ***/
.logo {
    object-fit: contain;
}


/***** UTENTI  ***/
#GridUtenti_content_table .detailtable tr td:nth-child(1) {
    width: 15% !important;
	padding-right: 20px !important;
}


/********** CATALOGHI funzioni importanti ********/


.detailText-title {
    font-size: 20px !important;
    font-weight: 500 !important;
}

.parent-img-responsive {
    object-fit:cover !important;
}

i.detailText-note {
    width: 95% !important
}

.parent-img-responsive {
  border-radius: 10% !important;
}

.zoom {
    cursor: url("https://api.iconify.design/akar-icons/zoom-in.svg?color=white&width=30&height=30"), pointer !important;
}

.zoomOpen {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 25px;
    z-index: 99999;
    zoom: .85;
    opacity: 0;
    cursor: url("https://api.iconify.design/akar-icons/zoom-out.svg?color=white&width=30&height=30"), pointer !important;
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	  
/*** HEADER***/
.d-md-none {
    display: inherit !important;
}	 

#dialogDettagliMovimentazione.e-control.e-dialog.e-lib.e-dlg-modal.e-popup.e-popup-open{
	width: 50% !important;
}


}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) {
	  
.cellClass {
	width: 45% !important;
	display: inline-block !important;
	background-color: #000 !important;
	}


/*LOGIN*/
.col-lg-6.d-none.d-lg-block.bg-login-image{
	height: 100px;
	background-size: contain !important;
}

.bg-login-image {
    background: url(images/Logo_mobile_ok.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
img.img-profile {
    max-width: none !important;
}
/**** FIX SCROLL GRID***/
#GridRivenditori tr:last-child td, #GridProdotti tr:last-child td, #GridCategorie tr:last-child td, #GridAziendeTrasportatrici tr:last-child td, #GridListini tr:last-child td, #Cataloghi tr:last-child td, #GridMovimentazioni tr:last-child td {
    padding-bottom: 20px;
}

.text-xs {
    font-size: 0.9rem !important;
}

.form-control-grid {
    font-size: 14px !important;
}
	
.sidebar .sidebar-brand {
	    height:4.3rem !important;
	    padding: 0.5rem 0.3rem !important;
	    object-fit: contain;
		}
	    
.sidebar-dark .nav-item .nav-link i {
	    font-size: 22px !important;
		}
.sidebar .nav-item .nav-link span {
	    font-size: 0.80rem !important;
		line-height: 0.8rem !important;
		font-weight: bold;
		}

.sidebar .sidebar-heading {
    text-align: center;
}

.sidebar #sidebarToggle {
    margin: 0 auto;
}

.sidebar .nav-item .nav-link{
	width: auto !important;
}
.sidebar {
	width: 8rem;
	}
.column {
	width: 800%;
}

/** Header*/
.d-none {
    display: inherit !important;
}
#GridProdottiEditForm .col-md-2{
		width: 49%;
		height: 180px;
	}
#GridProdottiEditForm .form-group .col-md-10{
		width: 49%;
}

#GridProdottiEditForm .e-upload {
    height: 100%;
}

/*** DETTAGLI PRODOTTO***/

#GridProdotti_content_table .detailtable tr:nth-child(1) td:nth-child(1) {
    width: 18% !important;
    padding-right: 10px !important;
}
#GridProdotti_content_table table{
    width: 105% !important;
}

#GridProdotti_content_table .detailtable td{
	white-space: normal !important;
}

#GridProdottiEditForm .e-upload {
    margin-top: 0 !important;
    border: none !important;
}
#GridProdotti_dialogEdit_wrapper{
	width: 90% !important;
}

#GridProdottiEditForm .e-upload .e-file-select-wrap{
    /*padding: 5px 0 5px 5px !important;*/
}

#GridProdottiEditForm .e-upload .e-file-select-wrap .e-file-drop{
    display:none;
}
#GridProdottiEditForm .e-upload .e-file-select-wrap .e-btn{
	/*width: 90%;*/
}

#GridProdottiEditForm .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status{
	padding-bottom: 0;
}


#GridProdottiEditForm .form-group {
    margin-bottom: 0 !important;
}
/*
#GridProdottiEditForm button.e-css.e-btn:before{
	content: "";
	visibility: visible;
	background: url(images/upload-phone.png);
	background-size: contain;
	background-position: top center;
	height: 60px;
	display: block;
	background-repeat: no-repeat;
}

#GridProdottiEditForm button.e-css.e-btn {
	visibility: hidden;
}

#GridProdottiEditForm button.e-css.e-btn:after {
	content: "Scatta una foto o carica dalla gallery... ";
	visibility: visible;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	text-transform: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	word-break: break-word;
	white-space: normal !important;
	height: 100%;
	color: #94c11f;
	display: block;
	font-family: 'Source Sans Pro', sans-serif !important;
	text-transform: uppercase;
	margin-top: -20px;
}*/
#GridProdottiEditForm .e-upload .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container {
    margin-right: 0 !important;
}

#GridProdottiEditForm .e-upload .e-upload-files .e-file-delete-btn.e-icons{
	width: 0 !important;
}

#GridProdottiEditForm .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-listbox-wrapper .e-selectall-parent{
	font-size: 14px !important;
}

#GridProdottiEditForm .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name{
	overflow: auto !important;
	white-space: pre-line !important;	
	max-width: initial !important;
}

#GridProdottiEditForm .e-file-delete-btn.e-icons {
color: red !important;
font-size: 16px !important;
right: 2px !important;
 }
 
#GridProdottiEditForm .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
    color: #28a745;
    width: 70%;
}
 
#GridProdottiEditForm .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
    color: #6c757d;
    width: 70%;
}

#GridProdottiEditForm .img-thumbnail {
    height: 90%;
    width: 100%;
    border-radius: 0.25rem;
}

#GridProdottiEditForm .col-md-6{
	width: 50%
}
#GridProdottiEditForm .col-md-6:nth-child(2)  {
	float: right;
}


#GridProdottiEditForm .e-checkbox-wrapper .e-check::before, .e-css.e-checkbox-wrapper .e-check::before {
    content: "\e718";
    font-size: 12px !important;
    line-height: normal;
    padding: initial;
}

#GridProdottiEditForm .e-checkbox-wrapper .e-frame{
	line-height: inherit !important;
}

/**** MOVIMENTAZIONE****/

#dialogDettagliMovimentazione {
    min-width: 300px !important;
    width: 90% !important;
}

#dialogDettagliMovimentazione_dialog-content .col-md-10, #dialogDettagliMovimentazione_dialog-content .col-md-6{
    width: 100%;
    margin: 0 auto;
}

#dialogDettagliMovimentazione_dialog-content .col-md-4{
	width: 33%;
	padding:4px 4px;
}
#dialogDettagliMovimentazione_dialog-content .col-md-4:nth-child(2){
	width: 42%;
	padding:4px 4px;
}
#dialogDettagliMovimentazione_dialog-content .col-md-4:last-child{
	width: 20%;
	padding:0;
}

#dialogDettagliMovimentazione_dialog-content .well {
	text-align: center !important;
}

#dialogDettagliMovimentazione_dialog-content .col-md-12{
	padding-right:0;
}

#dialogDettagliMovimentazione_dialog-content .col-md-12:nth-child(1) .form-group:nth-child(1){
    width: 100%;
	float: inherit;
	margin-bottom: inherit;
}

#dialogDettagliMovimentazione_dialog-content .col-md-12:nth-child(1) .form-group:nth-child(2){
    width: 100%;
	float: inherit;
	margin-bottom: inherit;
}
#dialogDettagliMovimentazione_dialog-content .form-group:nth-child(4) .col-md-12:nth-child(1) .form-group:nth-child(1){
    width: 100%;
	float: inherit;
	margin-bottom: inherit;
}

#dialogDettagliMovimentazione_dialog-content .form-group {
    margin-bottom: 0.3rem;
}

/**** CATALOGHI ****/
#Cataloghicolgroup col:first-child{
	width: 35px !important}
}

#content-Cataloghicolgroup col:first-child{
	width: 35px !important}
}


/**** IN FILA DA DUE ***/


}