/*#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 ; */}
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 #e30613;color:white;background-color: #e30613;/* padding:8px; */opacity:1;}
.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.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{
    -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
- - - - - - - - - - - - - - - - - - - - - - - */
.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.84rem;}
.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, .panelInput.filter input, .panelInput.filter select, .panelInput.filter .input > span{font-size: 0.71rem !important;background-size: 20px;padding-left: 12px;}
.panelAdmin .panelInput.filter label, .panelInput.filter .label, .panelInput.rows.filter .label{min-height:20px;font-weight:600;font-size: 0.70rem;}
.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 ,.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;}
.dialogs .panelInput.filter .dropdown.dropdown-button, .panelInput.filter input, .panelInput.filter select, .panelInput.filter .input > span{font-size: 0.71rem !important;background-size: 20px;padding-left: 12px;}
.dialogs .panelInput.filter label, .panelInput.filter .label, .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;}
    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; }
    .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%; }

}