/*#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:0;  padding:0;  -moz-box-sizing: border-box; box-sizing: border-box;  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, serif !important;  }

/*PERSONALIZZAZIONE COLORI*/
body a{color: #e30613;}
.color-page{ color:#e30613  !important; }
body a:hover{ color:#e30613  ; }
body button{/* background-color: #e30613; *//*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: #e30613; color:white;}
.bk-page{background-color: #e30613   !important;/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */}
body .bk-page{background-color: #607D8B!important;}
body .filterMenu li.sel{ color:#e30613 !important; }
body ul.tab li.sel{  border-bottom: 2px solid #e30613 !important; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span {/* background-color:#e30613 ; */}
.panelAdmin ul.tab.main li{background-color:transparent; }
.panelAdmin ul.tab.main li.sel{color: #e30613 !important;z-index:99;position:relative;border-radius: 0;background-color:rgba(0,0,0,0.01);border-color: #e30613 !important;}
button.button-border{ background-color:transparent; color:#e30613; border:3px solid #e30613;}
button.login{
    background-color: rgba(0,0,0,0.05) !important;
    color: black;
    font-size: 0.8rem;
}

/*BODY*/
body {
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding:0;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial;
    font-size:1rem;
    font-weight: 400;
    line-height: 1.4rem;
    letter-spacing: 0.00em;
    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;
}


/*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{
    background-image: url(/public/images/background.jpg);
    -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; }

    
    .form-input input.ng-invalid-required,
    .form-input input.ng-invalid,
    .form-input input.ng-invalid-requireds,
    .form-input input.invalid,
    .form-input .dropdown.invalid,
    .form-input textarea.ng-invalid-required,
    .form-input select.ng-invalid-required{border-radius:4px 4px 0px 0px;  background-color: #ffeff2 !important;}


    .form-input input.ng-valid.ng-not-empty,
    .form-input input.ng-valid.ng-not-empty,
    .form-input input.valid,
    .form-input textarea.ng-valid.ng-not-empty,
    .form-input select.ng-valid.ng-not-empty{position:relative;  background-color:#E8F5E9;  }




/* - - - - - - - - - - - - - - - - - - - - - -
  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;}

/*INPUT*/
.panelInput.rows input, .panelInput select{height: 46px !important;font-size: 0.86rem !important;}
.panelInput.rows input.big{ height: 64px !important; font-size:1.2rem !important;}
.panelInput.rows input.big.ic-left{  background-size:24px !important; background-position:left 16px center; padding-left:56px !important; }
.panelInput.rows .label{ color:rgba(0,0,0,1); font-weight:800; font-size:.7rem; min-height:18px;}
.panelInput.rows .input{ color:rgba(0,0,0,.47); font-weight:400; }

.panelInput .title{background-color:white;width:auto;float:left;text-transform:uppercase;border-bottom: 0px 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; */}
.panelInput .titles{position:relative;padding: 24px 24px 12px 24px;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: white;color: #607d8b;font-size: 1.1rem;border-top: 3px solid #607d8b;}
.panelInput .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; */}


.panelAdmin .panelInput.filter .dropdown.dropdown-button ,.panelInput.filter input,.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,.dropdown.dropdown-button > a.drop-title, .panelInput.filter input, .panelInput.filter select, .panelInput.filter .input > span{font-size: 0.76rem !important;background-size: 20px;padding-left: 12px; color:black; font-weight:500 !important;}
.panelAdmin .panelInput.filter label, .panelInput.filter .label, .panelInput.rows.filter .label{min-height:20px;font-weight:600;font-size: 0.70rem;}
.dropdown.dropdown-button > a.drop-title{ padding-left:0;}
.panelAdmin .panelInput.filter .checkbox {min-height: 20px;height:20px;padding-left:24px !important;margin-top: -2px;}
.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:#eeeeee; }
.panelAdmin .panelInput.filter  input::-webkit-input-placeholder {font-size:0.9rem; }
.panelAdmin .panelInput.filter.rows input, .panelAdmin .panelInput.filter.rows select, .panelAdmin.filter.rows .panelInput textarea{background-color:#f5f5f5;border-color:#e5e5e5;border-radius:2px;height: 52px;font-weight: 600;height: 46px;/* font-size: 0.8rem !important; */}

.dialogs .panelInput.filter .dropdown.dropdown-button , .dialogs .panelInput.filter input, .dialogs .panelInput.filter select{background-color:#f5f5f5;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);border:1px solid #ddd;height:46px;}
.dialogs .panelInput.filter .dropdown.dropdown-button, .dialogs.panelInput.filter input, .dialogs .panelInput.filter select, .dialogs .panelInput.filter .input > span{font-size: 0.8rem !important;background-size: 20px;padding-left: 12px;}
.dialogs .panelInput.filter label, .dialogs .panelInput.filter .label, .dialogs .panelInput.rows.filter .label{min-height:20px;font-weight:600;font-size: 0.70rem;}
.dialogs .panelInput.filter .checkbox {min-height: 20px;height:20px;padding-left:24px !important;margin-top: -2px;}
.dialogs .panelInput.filter .checkbox span { height:16px; width:16px;}
.dialogs .panelInput.filter .dropdown.dropdown-button:active ,.dialogs .panelInput.filter input:active,.dialogs .panelInput.filter select:active{ background-color:#eeeeee; }
.dialogs .panelInput.filter  input::-webkit-input-placeholder {font-size:0.9rem; }
.dialogs .panelInput.filter.rows input, .dialogs .panelInput.filter.rows select, .dialogs.filter.rows .panelInput textarea{background-color:#f5f5f5;border-color:#e5e5e5;border-radius:2px;height: 52px;font-weight: 400;height: 46px;/* font-size: 0.8rem !important; */margin-bottom: 12px;}


.dialogs .panelInput.filter .label{min-height:20px;font-weight:600;font-size: 0.64rem;}

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: #e30613;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); */}
    .panelAdmin menu ul>li.ic-left{font-size: 0.78rem !important;font-weight: 600;background-size: 20px !important;line-height: 2.8rem;letter-spacing: 0.04rem;}
    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; }

    .form-input .input input.big {font-weight:800 !important;font-size: 1.5rem;height: 50px;}

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

}


 ul.step.flex { background-color:transparent; }
 ul.step.flex>li { opacity:0.47; font-weight:600; background-color:#eeeeee; counter-increment: number;}
 /*ul.step.flex>li.sel, ul.step.flex>li.complete { opacity:1;}
 ul.step.flex>li.complete { color:white; background-color:#43A047; cursor:pointer;}
 ul.step.flex>li.complete:before { content:''; background-color: #43A047;color:white;background-image: url(https://i.etnasoft.it/include/icons/ic_action_accept_w.png); background-size:26px; background-position:left 12px center; width:46px; height:100%; position:absolute; left:0; top:0; background-repeat:no-repeat;}
*/
    ul.step.flex li{line-height:2rem; opacity:0.4;text-transform:uppercase;border-bottom:1px solid #eeeeee;padding:6px 16px;cursor: pointer; font-size:0.84rem;}
    ul.step.flex li.sel{opacity:1;background-color:#e5e5e5;}
    ul.step.flex li.complete{ color:#43A047; opacity:0.87 !important;  }
    ul.step.flex li.complete span{ background-color:#43A047; color:transparent;  background-image:  url(http://inc.etnasoft.it/include/icons/ic_done_white_18dp.png) ;  background-position:center; background-size:70%; background-repeat:no-repeat;}
    ul.step.flex li span{  border-radius:400px; background:#888; width:22px; height:22px; line-height:22px; float:left; text-align:center; margin-right:12px; margin-top:6px; color:white; font-size:0.9rem;}



ul.tab.no-border{}
ul.tab.no-border li{margin: 0;padding: 0 16px; line-height:3rem; border-radius:8px;  border: none;font-size: 0.96rem;color:rgba(0,0,0,0.6);margin-right:0px !important; border:0 !important; border:1px solid #ddd!important;}
ul.tab.no-border li.sel{color:black;background-color:transparent;box-shadow: 0 -0px 0 0 #00796b inset; border:1px solid #eee!important;}