body a{ color:#315da3; }
/*#315da3*/

*{  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: #315da3;color:#315da3;/* color:#046973; */}
.color-page{color:  #315da3  !important; }
body a:hover{color:  #315da3; }
body button, body .button{background-color: #315da3;/*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: #315da3;}
body button.button-border{background-color:rgba(0,0,0,0.6); border:1px solid #315da3; color: #eee; border-radius:4px; font-size:0.9rem;height:46px;font-weight: 800;}
body button.submit{background-color: #315da3 !important;/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */font-size:0.9rem;height:46px;color: white !important;}
.bk-page{background-color: #315da3   !important;/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */}
body .bk-page{background-color: #315da3   !important;}
body .filterMenu li.sel{ color:#315da3  !important; }
body ul.tab li.sel{  border-bottom: 2px solid #315da3 !important; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span { background-color:#315da3 ; }

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 {
        background-color: #212121;
        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:#315da3; }
    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; }

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



/* - - - - - - - - - - - - - - - - - - - - - -
  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.8rem !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;border-radius: 10px;font-size: 0.87rem !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: #315da3;font-size: 1.1rem;border-top: 3px solid #315da3;}
    .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;}


    /* LABEL */
    .form-input.filter .titles{position:relative;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: #315da3;font-size: 1.1rem;border-top: 3px solid #315da3;margin: 0;}
    .form-input.filter .label,.form-input.filter{font-size:0.64rem;text-transform:uppercase;font-weight:800;color:#343741;letter-spacing: -.005em;margin-top:8px;}

    .form-input.filter .label.checkbox{margin-top:3px;}
    /* BACKGROUND */
    .form-input.filter .input select,
    .form-input.filter .input input,
    .form-input.filter .input textarea,
    .form-input.filter .input input,
    .form-input.filter .input .dropdown.dropdown-button
    {border:0;box-shadow:0 0;background-color:#f3f5f7;border-radius:6px;border: 1px solid #eaeaea;}
    .form-input.filter .input input.ic-search-b{ padding-right:36px; }

    .form-input.filter .dropdown.desktop-tab .content { background-color:transparent; padding:0; }
    .form-input.filter .dropdown.desktop-tab .content ul {background-color:transparent;border:0;font-weight: 800;}
    .form-input.filter .dropdown.desktop-tab .content ul li {background-color:transparent;margin:0;line-height: 40px;text-transform: uppercase;}
    .form-input.filter .dropdown.desktop-tab .content ul li.sel {color: black;background-color:#dbe3e8;font-weight: 600;}
    .form-input .label, .form-input .title-put, .form-input .sub-title-put{font-size:0.64rem;line-height: 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 .title-put, .form-input .title-put + .row .sub-title-put{ width:100%; position:relative;padding: 8px 24px;background-color:white;border-bottom: 1px solid #f5f5f5;color: #0f5f8b ;font-size: 0.96rem;border-radius: 6px 6px 0 0;border:1px solid #eee;border-bottom:1px solid #f5f5f5;clear: both;float: left;}
    .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: 12px 24px;background-color:white;border-bottom: 1px solid #f5f5f5;color: #0f5f8b;font-size: 0.96rem;border-radius:0;border:1px solid #ccc;border-bottom:1px solid #f5f5f5;clear: both;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 #eee; border-top:0;  }


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


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



/* 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: #315da3;color: #ffffff !important;opacity:1 !important;}
    #responsive-menu ul>li.sel,#responsive-menu ul>li.sel:hover{background-color: #315da3;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.8rem;}
    ul.list-reg li.title{ font-size:0.9rem; padding:16px; background-color:#eee; font-weight:600; }
    .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); }

@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;}
}