@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700,800'); body a {
    color: #e0d2b8;
}

:root {
    --primary: #85744e;
}


body a{ color:var(--primary); }
/*#F44336*/

*{  margin:0px;  padding:0px;  -moz-box-sizing: border-box; box-sizing: border-box;  font-family:'Montserrat', 'Open Sans', 'Helvetica Neue', Helvetica, Arial !important;  }

/*PERSONALIZZAZIONE COLORI*/
body a{color: var(--primary);color:var(--primary);/* color:#046973; */}
.color-page{color:  var(--primary)  !important; }
body a:hover{color:  var(--primary); }
body button, body .button{background-color: var(--primary);/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */font-size:0.9rem;/* height:46px; */line-height:46px;font-weight: 800;color: white;}
body .button:hover{background-color: var(--primary);}
body button.button-border{background-color:rgba(0,0,0,0.6); border:1px solid var(--primary); color: #eee; border-radius:4px; font-size:0.9rem;height:46px;font-weight: 800;}
body button.submit{background-color: var(--primary) !important;/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */font-size:0.9rem;height:46px;color: white !important;}
.bk-page{background-color: var(--primary)   !important;/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */}
body .bk-page{background-color: var(--primary)   !important;}
body .filterMenu li.sel{ color:var(--primary)  !important; }
body ul.tab li.sel{  border-bottom: 2px solid var(--primary) !important; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span { background-color:var(--primary) ; }
.border-radius-10{border-radius: 8px;}
button.login{
    background-color: rgba(0,0,0,0.05) !important;
    color: black;
    font-size: 0.8rem;
}

/*BODY*/
html{ font-size:0.94rem !important;}
body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial;
    background-color: #f5f5f5;
    overflow-x: hidden;
    margin: 0;
    padding:0;
    font-size:0.94rem;
    font-weight: 400;
    line-height: 1.2rem;
    letter-spacing: 0.02em;
    color: rgba(0,0,0,0.87);
}

body header { position: relative; z-index: 100; }
body header .pageWidth{ background:white; float: left; padding: 16px 24px; }
body header #logo { float:right;}
body header h1 { float:left; font-weight:600; color:var(--primary); }
body header .breadcrumb {padding:0;margin-top: 4px;}
body #content  {padding: 24px 96px;}
.pageWidth.left{position: relative;width:100%;max-width: 50%;margin:auto;text-align:left; float:left !important; clear:both;}
.pageWidth{position: relative;width:100%;margin:auto;text-align:left; float:none !important; clear:both;}
.content{padding:36px 16px;}

/* TEXT */
h1{ font-size: 1.4rem; line-height: 1.7rem; }
h2{ line-height:1.8rem; }

.PageAdmin.reservations.tab-new-reservation .pageWidth.ng-view{
    margin-top: 60px; 
    max-width:none;
}
/* PAGE */

body.notfound{background-color:transparent;}
body .signup{margin-left:-20%;margin-top:-80px;}

/* HOME */
#bk{ background-image:url(/public/images/3048.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#bk.bk-maison{ background-image:url(/public/images/background_maison.jpg);}

#bk > .absolute.center{padding: 0 24px;}
#bk:after{content:'';position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,0,0,0.1);}


/* SIGN IN */
body.signin {background-color: #212121;overflow-y: hidden;}
body.signin #content>div>center{ margin-top:36px;padding-bottom:50px; }

/* PREVIEW OBJECT */
#view-product .pageWidth{ position: relative; width:100%; margin:auto; text-align:left; float: none !important; max-width:600px; margin: auto !important; }

.interaction h2 { margin-top:24px; color:black !important; font-size:1.2rem; }

/* - - - - - - - - - - - - - - - - - - - - - -
  FORM
- - - - - - - - - - - - - - - - - - - - - - - */
p.title{/* margin-bottom:24px; */border:none;margin-top:12px;font-weight:800;text-transform:uppercase;}
.panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], select, textarea{font-size: 0.9rem;/* margin-bottom: 4px; */border-radius: 4px;}
.panelInput .row{padding: 0 0px;}
.panelInput .label, .panelInput .input,.panelInput input,.panelInput textarea,.panelInput select{ font-size:0.9rem !important;}
.panelInput .label{ font-size:0.91rem !important;}

.panelInput input::-webkit-input-placeholder, .panelInput textarea::-webkit-input-placeholder{ font-size: 0.87rem !important;}
.panelInput.rows input, .panelInput select{height: 48px;}
.panelInput.rows .label, .panelInput.rows label.input{color:rgba(0,0,0,1);font-weight: 900;font-size: 0.70rem !important;}

.panelInput.rows .input{ color:rgba(0,0,0,.47); font-weight:400;;  }
.panelInput label.checkbox { color:black; padding-left:28px !important; }

.panelInput p.title + .row input.ng-invalid-required,
.panelInput p.title + .row input.ng-invalid-requireds,
.panelInput p.title + .row input.invalid,
.panelInput p.title + .row textarea.ng-invalid-required,
.panelInput p.title + .row select.ng-invalid-required{box-shadow: -3px 0 0 0 #d12e26 inset;border-radius:4px 0px 0px 4px;background-color: #ffeff2 !important;}

.panelInput .autocomplete input {padding-right: 38px;}
.panelInput .autocomplete input + .ic{opacity:0.87;cursor:pointer;position:absolute !important;top: 9px;right: 4px;z-index: 9;margin:0 !important;}

.panelInput p.title + .row input.ng-valid.ng-not-empty,
.panelInput p.title + .row input.ng-valid.ng-not-empty,
.panelInput p.title + .row input.valid,
.panelInput p.title + .row textarea.ng-valid.ng-not-empty,
.panelInput p.title + .row select.ng-valid.ng-not-empty{position:relative;  box-shadow: -0px 0 0 0 #80e887 inset; border-radius:4px 4px 4px 4px; background-color:#E8F5E9;  }

.panelInput.rows input, .panelInput select{height: 46px !important;font-size: 0.867rem !important;}
.panelInput.rows .label{/* color: rgba(0,0,0,0.1); */font-weight:600;line-height: 1.2rem;min-height: 14px;}
.panelInput.rows .label .checkbox{font-weight:600;line-height: 1.2rem;min-height: 14px; font-size:0.7rem;}
.panelInput.rows .label .checkbox span{ width:16px; height:16px; padding:0; margin:0; }
.panelInput.rows .label .value{ color:black; line-height:1.3rem; margin-bottom:12px; color:rgba(0,0,0,.47);  }
.panelInput.rows .input{ color:rgba(0,0,0,.47); font-weight:400; }

.panelInput p.title{background-color: #ffffff;float:left;text-transform:uppercase;border-bottom: 0 solid  #4285f4; padding: 12px 24px;border-radius:5px 5px 0 0px;font-weight: 800;color: black;font-size: 0.94rem;/* z-index: 10; */position: relative;/* border: 1px solid #e5e5e5; *//* border-bottom: 0; *//* z-index: 100; */width: 100%;line-height: 1rem;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);}
.panelInput p.titles{position:relative;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: var(--primary);font-size: 1.1rem;border-top: 3px solid var(--primary);}
.panelInput p.titles:after{content:'';position:absolute;left:24px;bottom: -8px;background-color: #607D8B;width: 18px;height: 18px;visibility: hidden;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);/* border-top:1px solid #e5e5e5; *//* border-left:1px solid #e5e5e5; */}
.panelInput p.title+.row{font-size: .9rem;float: left;padding: 24px;background-color: #fff;margin-top: -8px;border-radius: 0 0 4px 4px;margin-bottom: 24px;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);}

.panelInput.filter .dropdown.dropdown-button ,.panelAdmin .panelInput.filter input,.panelAdmin .panelInput.filter select{ background-color:#f5f5f5; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); border:1px solid #ddd; height:46px; }
.panelInput.filter .dropdown.dropdown-button,.panelAdmin .panelInput.filter input,.panelAdmin  .panelInput.filter select,.panelAdmin  .panelInput.filter .input > span,
.panelInput.filter label, .panelInput.filter .label{font-size: 0.70rem !important;min-height: 14px;color: rgba(0,0,0,0.87);}
.panelInput.filter .dropdown.dropdown-button span.single-line{ font-size:0.78rem; }
.panelAdmin .panelInput.filter .checkbox {min-height: 20px;height: 20px;margin-top: -6px;padding-left:24px !important;}
.panelAdmin .panelInput.filter .checkbox span { height:16px; width:16px;}
.panelAdmin .panelInput.filter .dropdown.dropdown-button:active ,.panelAdmin .panelInput.filter input:active,.panelAdmin .panelInput.filter select:active{background-color: #f1ede8;}
.panelAdmin .panelInput.filter  input::-webkit-input-placeholder {font-size:0.8rem; }
.dialogs .panelInput.rows selects,.dialogs .panelInput.rows textareas, .dialogs .panelInput.rows inputs{font-size: 0.8rem !important;background-size: 20px;padding-left: 8px;border: none;box-shadow: 0 0;border-radius: 6px;text-transform: initial;background-color: #f5f3f0;}
#maschera #windows .interaction button[type="button"],  #maschera #windows .interaction button[type="submit"] {height:36px;line-height:36px;padding: 0 16px;border:0;box-shadow:0 0;}

.form-input .input p.values{ padding:0px 12px;; line-height:42px; height:42px; font-size:1rem; }
.form-input .input p.values b{ font-weight:900; }


/* DASHBOARD */

.panelAdmin menu .logo{-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;background-image:url(/logo.png);background-position: center;height: 100%;width: 100%;background-size: 50%;background-repeat:no-repeat;/* float: left; *//* max-height: 88px; *//* max-width: 220px; *//* color: black; *//* font-size: 2rem; *//* margin-top: 8px; */text-transform: uppercase;height: 63px;}

.MenuAdmin:before{content:'';background-size: cover; background-position: center center;  position:absolute;width:100%; height:100%; z-index:-10; opacity:0.2}
.MenuAdmin ul li.sel,.MenuAdmin ul li.sel:hover{background-color: var(--primary);color: #ffffff !important;opacity:1 !important;}
#responsive-menu ul>li.sel,#responsive-menu ul>li.sel:hover{background-color: var(--primary);color: #ffffff !important;opacity:1 !important;}
ul.listHour .hour{-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;padding:0 16px;cursor:pointer;background-color: #e4e4e3;color: #940707;height:52px;border-radius:400px;width:52px;padding:0;font-weight: 800;text-align: center;position: relative;}
ul.listHour .hour:hover{background-color: #cececd;}
ul.listHour .hour .remained{position:absolute;margin: -6px;font-size:0.6rem; border: 2px solid #ffffff;line-height: 18px !important;font-weight:500;background-color: #a5a5a0 !important;float: right;}
ul.listHour ul.pdv{margin-top:12px;margin-bottom:8px;}
ul.listHour ul.pdv li{line-height:52px;background: white; padding:18px 0; border-bottom:1px solid #ddd; }
ul.list-reg{font-size: 0.78rem; line-height:1.2rem;}
ul.list-reg>li{padding: 24px 12px 24px 24px;border-bottom: 0px solid #eee; position:relative; }
ul.list-reg>li .ic-32{background-size: 20px !important;background-color:#eee;border-radius:100px;margin-left:0px; z-index:1; width:36px !important ; height:36px !important ;}
ul.list-reg>li .ic-32:after{content:''; height:100px; width:4px; background:#eee; position:absolute;  top:36px; margin-left:16px; left:0; z-index:0; } 
ul.list-reg>li.title{ font-size:0.9rem; padding:16px; background-color:#eee; font-weight:600; }
ul.list-reg>li .title{font-size:1.1rem;line-height:1.4rem;font-weight:900;padding-bottom: 2px;}
ul.list-reg>li .date{font-size:0.79rem;line-height:1.2rem; color:rgba(0,0,0,0.57)}
.dashboard.interaction.agents{ margin-top:-52px !important; font-size:0.87rem; }
.dashboard.interaction.agents .overview-agents{ margin-top:76px;  }
.dashboard.interaction.agents h1{ font-weight:800; font-size:1.2rem;  }
ul.legend{font-size:0.8rem; }
ul.legend li{list-style-type: circle !important;padding-top:6px;margin-left: 18px;}
ul.legend li label{ color:#007eaf !important; font-weight:600; }
.history-client:after{content:'';left:42px;height: 100%;width:2px;background-color: #eeeeee;position:absolute;z-index: -1;}
.panelAdmin menu .bk-background{opacity: 0.05;background-image: none;}
.new-reservation h4 {background-color:rgba(0,0,0,0.1);border-radius: 166px;padding:10px;font-size:0.87rem;line-height:1.2rem;position:relative;padding-left:62px !important;}

.new-reservation h4:before { content:''; background-color:#2E7D32; opacity:01; position:absolute; width:48px; height:100%;  left:0; top:0; z-index:0; border-radius:100px 0 0 100px;  background-repeat:no-repeat; background-position:center; background-size:50%; }
.new-reservation h4.error:before { background-color:#F44336; }
.new-reservation h4.ic-date:before {background-image:  url(https://i.etnasoft.it/include/icons/ic_today_white_24dp.png); }
.new-reservation h4.ic-location:before {background-image:  url(https://i.etnasoft.it/include/icons/ic_location_on_white_24dp.png); }
.new-reservation h4.ic-user:before {background-image:  url(https://i.etnasoft.it/include/icons/ic_person_white_24dp_2x.png); }
.new-reservation h4.ic-store:before {background-image:  url(https://i.etnasoft.it/include/icons/ic_store_white_48dp.png); }

ul.list-contract-items {
    padding:0;

}
ul.list-contract-items > li {
     border-radius:12px;
    display:block;
    overflow:hidden;
    margin-bottom:12px;

}
ul.list-contract-items > li .item-header{
    background-color:#e2f1ea; 
       border-radius:4px;
  padding:12px;
    border-left:8px solid #049b82;
    font-size:1rem;
    font-weight:800;
}

ul.list-contract-items > li .item-header .item-header-num{
    
}
ul.list-contract-items > li .item-body{
    padding:24px;
        border:4px solid #eee;
    border-top:none;

}



.dialogs ng-dashboard-calendar{ margin-top:12px;}



@media (max-width: 990px){
    .fixed.full > .absolute.center{position:relative !important;top: 0;left: 0;-ms-transform: translate(0%,0%);-webkit-transform: translate(0%,0%);transform: translate(0%, 0%);margin: auto;  margin-top:36px; }
    .panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], .panelInput select, .panelInput textarea{padding: 6px 12px;float:left;font-size: 17px;width:100%;height: 42px;border:none;border: none;border: 1px solid #dddddd;border-radius: 0px;color: black;/* border: none; *//* background: none; */margin-bottom: 12px;/* border-bottom: 1px solid #dddddd; */}
    nav#menu .logo{width: 80%; max-width:200px; height:80px;max-height:80px;background-size:100%;float:left;margin-left: 72px;}
    #responsive-menu .logo{width: 80%; max-width:200px; height:80px;max-height:80px;background-size:100%;float:left;margin-left: 72px;}
    .pageWidth{padding: 0px; width:100%; max-width:100%;}
    body #content{ padding:16px;}
    .signup{margin-left:0;margin-top:0;}
    .dashboard.interaction.agents .overview-agents{ margin-top:12px;  }
    .dashboard.interaction.agents h3 label{ margin-top:12px; float:left; width:100%;   }
    .dashboard.interaction.agents a{ margin-top:16px; float:left; width:100%;   }
    .panelAdmin .panelInput.filter .dropdown.dropdown-button,.panelAdmin .panelInput.filter input,.panelAdmin  .panelInput.filter select,.panelAdmin  .panelInput.filter .input > span,
    .dialogs .panelInput.rows select,.dialogs .panelInput.rows textarea{font-size: 0.8rem !important;background-size: 20px;padding-left: 8px;border: none;box-shadow: 0 0;border-radius: 6px;text-transform: initial;background-color: #f5f3f0 !important;}
}


.panelAdmin menu ul>li {
    font-size:0.73rem !important;
}

.form-input .input select, .form-input .input input, .form-input .input textarea, .form-input .input input, .form-input .input .dropdown.dropdown-button {
    border: 0;
    box-shadow: 0 0;
    background-color: #f3f5f7;
    box-shadow: 0px 0px 0px 1px #dfe5ea6e inset;
    border-radius: 6px;
    font-size: 0.87rem;
    font-weight: 500;
    color: #000000;
    letter-spacing: -.00em;
    height: 42px;
}

.form-input .input {
    /* margin-bottom: 0; */
    float: left;
    width: 100%;
}

.form-input .input button.small {
    height: 40px;
    border-radius: 6px;
    box-shadow: 0 0;
}

/* LABEL */
.form-input .title-search {
    position: relative;
    padding: 16px 24px;
    /* background-color: #607D8B; */
    border-bottom: 1px solid #f5f5f5;
    color: #85744e;
    font-size: 1rem;
    border-top: 3px solid #85744e;
    font-weight: 800;
}

.form-input .label, .form-input .title-put, .form-input .sub-title-put {
    font-size: 0.69rem;
    line-height: 1.1rem;
    text-transform: uppercase;
    font-weight: 800;
    color: #343741;
    letter-spacing: -.005em;
    margin-top: 0;
    float: left;
    width: 100%;
}

.form-input .label {
     margin-top: 12px;
    float: left;
    width: 100%;
}
.form-input  ul.infoSup li .label {
    margin-top:0;
    height: auto;
    padding: 0;
}
ul.infoSup li .value label{
    font-weight:300;
    font-size: 0.76rem; 
    line-height:0.9rem; 
    clear:both; width:100%; float:left; 
}

ul.infoSup li{
    padding-left:0;
    background-size:20px !important; 
    background-position:left 0 top; 
}

.pageWidth.home {
    width: 1200px;
    max-width: 100%;
}

.form-input.form-signin h1 {
    font-weight: 800;
    font-size: 1.3rem;
    letter-spacing: 0;
    color: #e0d2b8;
    text-align: left;
}

/* BACKGROUND */
.form-input .input select, .form-input .input input, .form-input .input textarea, .form-input .input input, .form-input .input .dropdown.dropdown-button {
    border: 0;
    box-shadow: 0 0;
    background-color: #f3f5f7;
    box-shadow: 0px 0px 0px 1px #b6bcc06e inset;
    border-radius: 10px;
}

.form-input .input input.ic-search-b {
    padding-right: 36px;
}

.form-input .title-search .input select, .form-input .title-search .input input, .form-input .title-search .input textarea, .form-input .title-search .input input, .form-input .title-search .input .dropdown.dropdown-button {
    border: 0;
    box-shadow: 0 0;
    background-color: #f3f5f7;
    box-shadow: 0px 0px 0px 0px #dfe5ea inset;
    border-radius: 6px;
}

.form-input label.checkbox {
    color: black;
    font-size: 0.94rem;
    line-height: 1.4rem;
    font-weight: 500;
    text-transform: initial;
    padding-top: 4px;
}

.form-input .input .switch {
    margin-top: 8px;
}

.form-input .input textarea {
    min-height: 100px;
}

.form-input label.checkbox input[type="checkbox"] + span {
    width: 22px;
    height: 22px;
}

.form-input .dropdown.dropdown-button.desktop-tab {
    padding: 0;
}

.form-input .dropdown.desktop-tab .content {
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0;
    display: block;
    overflow: hidden;
}

.form-input .dropdown.desktop-tab .content ul {
    background-color: transparent;
    border: 0;
    padding: 0 !important;
}

.form-input .dropdown.desktop-tab .content ul li {
    border-left: 1px solid #ddd;
    /* background-color:transparent; */
    /* margin:0; */
    -webkit-transition: all 0.260s;
    -moz-transition: all 0.260s;
    -ms-transition: all 0.260s;
    -o-transition: all 0.260s;
}

.form-input .dropdown.desktop-tab .content ul li.title-icon {
    background-color: rgba(0,0,0,0.05);
    border: 0;
}

.form-input .dropdown.desktop-tab .content ul li.sel {
    background-color: rgb(15, 95, 139,0.8);
    color: white;
}

.form-input .title-put, .form-input .title-put + .row .sub-title-put {
    width: 100%;
    position: relative;
    padding: 16px 24px;
    background-color: white;
    border-bottom: 1px solid #f5f5f5;
    color: var(--primary);
    font-size: 1rem;
    border-radius: 6px 6px 0 0;
    border: 1px solid #eee;
    border-bottom: 1px solid #f5f5f5;
    clear: both;
    float: left;
    line-height: 1.5rem;
    text-align: left;
    font-weight: 900;
}

.form-input .title-put label.checkbox {
    color: #0f5f8b ;
    font-size: 0.96rem;
}

.form-input .title-put + .row .sub-title-put {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0 12px 0 0;
    background-color: white;
    border-bottom: 1px solid #f5f5f5;
    color: #0f5f8b;
    font-size: 0.96rem;
    line-height: 1.6rem;
    border-radius: 0;
    border: 0px solid #ccc;
    clear: both;
    font-weight: 700;
    float: left;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}

.form-input .title-put + .row {
    background-color: white;
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 0 0 6px 6px;
    border: 1px solid #ddd;
    border-top: 0;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1); */
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    /* margin:0; */
}
#maschera .form-input .title-put + .row  p.values{
    font-size:0.87rem !important;
}
.form-input .title-put + .row input.ng-invalid-required, .form-input .title-put + .row input.ng-invalid-requireds, .form-input .title-put + .row input.invalid, .form-input .title-put + .row input.ng-invalid-minlength, .form-input .title-put + .row input.ng-invalid-maxlength, .form-input .title-put + .row input.ng-invalid, .form-input .title-put + .row textarea.ng-invalid-required, .form-input .title-put + .row input.ng-invalid-required, .form-input .title-put + .row input.ng-invalid-pattern, .form-input .title-put + .row select.ng-invalid-pattern, .form-input .title-put + .row select.ng-invalid-required {
    box-shadow: -0px -0px 0px 1px #ffc5c2 inset;
    background-color: #fff1f4 !important;
}

.form-input .title-put + .row input.ng-valid.ng-not-empty, .form-input .title-put + .row input.ng-valid.ng-not-empty, .form-input .title-put + .row input.valid, .form-input .title-put + .row textarea.ng-valid.ng-not-empty, .form-input .title-put + .row select.ng-valid.ng-not-empty {
    box-shadow: -0px -0px 0px 1px #baecbe inset;
    background-color: #E8F5E9;
}

.form-input p {
    line-height: 1.3rem;
    color: rgba(31, 37, 50,0.87);
    font-size: 0.96rem;
    font-weight: 500;
}
.form-input .input p {
    line-height: 1.2rem;
    color: rgba(31, 37, 50,0.87);
    font-weight: 500;

    text-transform:initial !important;
}

.form-input p.small {
    line-height: 1rem;
    color: rgba(31, 37, 50,0.87);
    font-size: 0.74rem;
    font-weight: 500;
}

.form-input label.error {font-size: 0.76rem;line-height: 1.2rem;font-weight: 500;}

.item-box:before{
    position:absolute;
    left:-78px;
    top: 50%;
    width:42px;
    height:42px;
    margin-top: -21px;
    background-size:22px;
    background-color: rgba(0,0,0,0.1);
    border-radius:100px;
    z-index:109999;
    background-repeat:no-repeat;
    background-position:center;
}
.item-box.error:before{
    background-color:#F44336 ;
}

.item-box.item-box-date:before{  background-image: url(https://include.b-cdn.net/icons/ic_today_white_24dp.png); }
.item-box.item-box-document:before{  background-image: url(https://include.b-cdn.net/icons/ic_document_white.png); }
.item-box.item-box-user:before{     background-image: url(https://include.b-cdn.net/icons/ic_person_white_24dp_2x.png); }
.item-box.item-box-waste:before{     background-image: url(https://include.b-cdn.net/icons/ic_delete_white_2x.png); }
.item-box.item-box-shipping:before{     background-image: url(https://include.b-cdn.net/icons/ic_local_shipping_white_24dp_2x.png); }
.item-box.item-box-binder:before{     background-image: url(https://include.b-cdn.net/icons/ic_store_white_48dp.png); }
.item-box.item-box-producer:before{      background-image: url(https://include.b-cdn.net/icons/ic_store_white_48dp.png); }
.item-box.item-box-info:before{      background-image: url(https://include.b-cdn.net/icons/ic_info_outline_white_24dp_2x.png); }
.item-box h2 {font-size:1rem; line-height:1.4rem; overflow:auto !important;  height:auto; display:inline;   }


#maschera #windows .interaction{
    padding:24px;
}