/*#F44336*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:,100,300,400,400italic,500,500italic,700|Roboto+Mono:400,500,700'); */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:,100,300,400,500,600,700');

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

/*PERSONALIZZAZIONE COLORI*/
body a{color: #13a8bc;}
.color-page{ color:#13a8bc  !important; }
body a:hover{ color:#13a8bc  ; }
body button{background-color: #13a8bc;/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */font-size: 0.9rem;height: 42px;}
#maschera #windows .interaction button[type="button"].submit{background-color: #13a8bc; color:white;}
.bk-page{background-color: #13a8bc   !important;/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */}
body .bk-page{background-color: #13a8bc !important;}
body .filterMenu li.sel{ color:#13a8bc !important; }
body ul.tab li.sel{  border-bottom: 2px solid #13a8bc !important; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span {/* background-color:#13a8bc ; */}
ul.tab li{ padding:8px; border-radius:4px; background-color:rgba(0,0,0,0.05);}
ul.tab li:hover{  background-color:rgba(0,0,0,0.1);}
ul.tab li.sel{cursor:default;border-bottom: 2px solid #13a8bc;color:white;background-color: #13a8bc;/* padding:8px; */opacity:1;}
.panelAdmin ul.tab.main li{background-color:transparent; }
.panelAdmin ul.tab.main li.sel{/* color: #13a8bc !important; */z-index:99;position:relative;border-radius: 0;background-color:rgba(0,0,0,0.01);/* border-color: #13a8bc !important; */}

button.login{
    background-color: rgba(0,0,0,0.05) !important;
    color: black;
    font-size: 0.8rem;
}

html{
    font-size:0.94rem !important;
}
body {
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0;
    padding:0;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial;
    font-size:0.94rem;
    font-weight: 400;
    line-height: 1.2rem;
    letter-spacing: 0.00em;
    letter-spacing: -0.02em;
    color: rgba(0,0,0,0.87);
}
.pageWidth{
    position: relative;
    width:100%;
    margin:auto;
    text-align:left;
    float: none !important;
    /* padding:0 24px; */
    margin: auto !important;
    max-width: 1000px;
}
body.newsletter {
overflow-y:auto;
}

/*HEADER MENU*/
nav#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: 70%;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;}

/* SIGN IN */

body.signin {  background-color:#263238;  overflow-y: hidden;}
body.signin #content>div>center{  margin-top:36px;  padding-bottom:50px;}
#bk{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #263238;}
#bk:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://i.etnasoft.it/include/icons/mask_grid.png); background-color: #263238; opacity: 0.7;}
.signup{  margin-left: -20%;  margin-top:-80px; font-size:0.8rem; line-height:1rem; }
.signup h1{text-align:left;font-size: 0.9rem;text-transform:uppercase;font-weight: 600;/* color: #00a1e1; */margin-bottom: 12px;}
.dashboard .box { margin-bottom:8px !important; }

body #content{ position:fixed; left:0; top:0; width:100%; height:100%; background-image:url(/public/images/maintenance.png); }
body h1 { font-size:1.6rem; line-height:2.8rem; font-weight:800; }
body h2 { font-size:1.5rem; line-height:2rem; font-weight:100; }


/* - - - - - - - - - - - - - - - - - - - - - -
  FORM
- - - - - - - - - - - - - - - - - - - - - - - */
.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;}
.panelInput .label{font-size: 0.91rem;}


/* - - - - - - - - - - - - - - - - - - - - - -
  FORM
- - - - - - - - - - - - - - - - - - - - - - - */
    /* LABEL */
    .form-input .title-search{ position:relative;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: #13a8bc;font-size: 1.1rem;border-top: 3px solid #13a8bc; }
    .form-input .label,.form-input{font-size:0.64rem;text-transform:uppercase;font-weight:800;color:#343741;letter-spacing: -.005em;margin-top:4px;}

    /* 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:#e9edf1;box-shadow: 0px 0px 0px 1px #dfe5ea inset;border-radius:6px;}
    .form-input .input input.ic-search-b{ padding-right:36px; }

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

    .form-input .dropdown.desktop-tab .content { background-color:transparent; padding:0; }
    .form-input .dropdown.desktop-tab .content ul { background-color:transparent; border:0;}
    .form-input .dropdown.desktop-tab .content ul li { background-color:transparent; margin:0;}
    .form-input .dropdown.desktop-tab .content ul li.sel { background-color:#dbe3e8; }

    .form-input .title-put{  position:relative;padding: 12px 24px; background-color:white; border-bottom: 1px solid #f5f5f5;color: #13a8bc;font-size: 1rem; border-radius: 6px 6px 0 0; border:1px solid #eee; border-bottom:1px solid #f5f5f5;  }
    .form-input .title-put + .row{   background-color:white;  padding:24px; margin-bottom:24px; border-radius:0 0 6px 6px; border:1px solid #eee; border-top:0;  }

    .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 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 .dropdown.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;  }



/*INPUT*/
    .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; }
    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 .dropdown.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.8rem !important;}
    .panelInput.rows .label{/* color: rgba(0,0,0,0.1); */font-weight:600;line-height: 0.7rem;min-height: 18px;}
    .panelInput.rows .input{color:rgba(0,0,0,.47);font-weight:400;margin-bottom: 4px;}

    .panelAdmin .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: #13a8bc;font-size: 1.1rem;border-top: 3px solid #13a8bc;}
    .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);}


    .panelAdmin .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; }
    .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,
    .panelInput p.title + .row input, .panelInput p.title + .row textarea, .panelInput p.title + .row select{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;}
    .panelAdmin .panelInput.filter label, .panelInput.filter .label{font-size: 0.70rem !important;min-height: 14px;color: rgba(0,0,0,0.87);}
    .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; }

form{font-size:0.9rem;}

/*GALLERIA FOTOGRAFICA*/
#backToTop{position:absolute;top:0;float:right;right: 0%;margin-right: 32px;margin-top: -32px;width:64px;height:64px;background: #bf0122;border-radius:400px;cursor:pointer;background-position:center;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-repeat:no-repeat;background-image:  url(http://inc.etnasoft.it/include/icons/ic_keyboard_arrow_up_white_18dp.png);background-repeat:no-repeat;}
#backToTop.fix{ position:fixed; top:auto; bottom:24px;  }

/* DASHBOARD */ 

    .MenuAdmin:before{content:'';background-size: cover; background-position: center center; background-image:url(/public/images/background.jpg); position:absolute;width:100%; height:100%; z-index:-10; opacity:0.2}
    .MenuAdmin ul li.sel,.MenuAdmin ul li.sel:hover{background-color: #13a8bc;color: #ffffff !important;opacity:1 !important;}
    .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: 70%;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;}
    .panelAdmin menu .bk-background{/* background-image: url(/public/images/background.jpg); */}
 
    ul.choose>li {cursor:pointer; float:left; -webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s; opacity:0.47; text-transform:uppercase; font-weight:600;}
    ul.choose>li:hover { background-color:#f5f5f5 ; }
    ul.choose>li.sel { background-color:#eeeeee !important; cursor:default; opacity:1; }


    p{  color:rgba(31, 37, 50,0.87); }
    p.title{border:none !important;padding-bottom:16px;font-weight: 300;font-size: 1.1rem;}
    p.overview{ font-size:1.3rem;line-height:2rem; font-weight:800;  }
    p.overview b{ font-size:1.3rem; font-weight:500; color:black; }
    p.overview span{ font-size:0.87rem; line-height:1.2rem; clear:both; width:100%; float:left; color:rgba(31, 37, 50,0.6); font-weight:400; }
    
   
    .dashboard.interaction{ margin-top:-32px !important;  }
    .dashboard.interaction a.button{background-size:32px !important;background-position:left 24px center;cursor:pointer;opacity: 1;background-color:white;text-align:left;width:100%;color:black;height:auto;line-height:86px;padding-left:72px !important;font-size:0.96rem;font-weight:800;border-radius:4px;Z-INDEX: 1;}
    .dashboard.interaction a.button:hover{  opacity: 1; }
    .dashboard.interaction a.button:active{  background-color:#dddddd; }

@media (max-width: 990px){

    .panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], .panelInput select, .panelInput textarea{float:left;font-size: 17px;width:100%;height: 42px;border:none;border: none;border-bottom:1px solid #dddddd;background-color: white !important;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;}
    .pageWidth{ padding:0 16px; width:100%; }

}