body a{ color:#1c9fda; }
/*#1c9fda*/

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

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:#1c9fda; }
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;}

#maschera #windows header {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
}


/* 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: #1c9fda;font-size: 1.1rem;border-top: 3px solid #1c9fda;}
.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
- - - - - - - - - - - - - - - - - - - - - - - */
.form-input .input{margin-bottom: 6px;float: left;width: 100%;}

/* LABEL */
.form-input .title-search{position:relative;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: #0f5f8b;font-size: 1rem;border-top: 3px solid #0f5f8b;font-weight: 800;}
.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 .label .value{ font-weight:900;color: black;line-height: 1.2rem;}

/* BACKGROUND */
.form-input .input select,
.form-input .input input,
.form-input .input textarea,
.form-input .input input,
.form-input .input .dropdown.dropdown-button,
.form-input .input p.values
{border:0;box-shadow:0 0;background-color: #f3f5f7;box-shadow: 0px 0px 0px 1px #dfe5ea6e inset;border-radius:6px; padding-left:12px;   font-size: 0.87rem; font-weight: 500; color: #000000; letter-spacing: -.00em;  }
.form-input .input input.ic-search-b{ padding-right:36px; }
.form-input label.checkbox{font-size: 0.70rem; padding:0;font-weight: 600;margin:0;}

.form-input label.checkbox.item-grow{padding-left: 16px !important; padding-right: 24px !important;}
.form-input label.checkbox input[type="checkbox"] + span{width:20px; height:20px;}

.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 .input .switch { margin-top:8px; }
.form-input .input textarea { min-height:100px; }

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

.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 0; margin:0 12px 0 0; background-color:white;border-bottom: 1px solid #f5f5f5;color: #0f5f8b;font-size: 0.96rem;border-radius:0;border:0px solid #ccc;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 .title-put + .row{   box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);  }

.form-input .title-put + .row input[type="checkbox"].ng-invalid-required + span,
.form-input .title-put + .row input[type="checkbox"].required + span,
.form-input .title-put + .row input[type="radio"].ng-invalid-required + span,
.form-input .title-put + .row input[type="radio"].required + span { background-color: #ffc5c2 !important; border-color:#dc8985; }{ background-color: #ffc5c2 !important; border-color:#dc8985; }
#maschera .form-input .title-put {  margin-top: 24px;}


.form-input  label.checkbox.w100  {font-size:0.87rem;/* text-transform:inherit; */font-weight:800;}

.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-search + .row input.ng-invalid-required,
.form-input .title-search + .row input.ng-invalid-requireds,
.form-input .title-search + .row input.invalid,
.form-input .title-search + .row input.ng-invalid-minlength,
.form-input .title-search + .row input.ng-invalid-maxlength,
.form-input .title-search + .row input.ng-invalid,
.form-input .title-search + .row textarea.ng-invalid-required,
.form-input .title-search + .row input.ng-invalid-required,
.form-input .title-search + .row input.ng-invalid-pattern,
.form-input .title-search + .row select.ng-invalid-pattern,
.form-input .title-search + .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 .input label.checkbox.checkbox-valid-input  input[type="checkbox"] + span {width:20px; height:20px; margin:0; padding:0; margin-top:3px; }




/* 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: #1c9fda;color: #ffffff !important;opacity:1 !important;}
#responsive-menu ul>li.sel,#responsive-menu ul>li.sel:hover{background-color: #1c9fda;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.listHour ul.pdv li .col-md-3{line-height:1.7rem; border-radius:10px 0 0 10px; }
ul.list-reg{font-size:0.8rem;}
ul.list-reg > li.title{font-size: 1.1rem; line-height:1.5rem; padding:16px;  font-weight:900 !important;}
ul.list-reg > li{ border-bottom:1px solid #e5e5e5 }
.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-products li { border-bottom:1px solid #eee; width:100%; float:left; padding-left: 24px;  }
ul.list-products li label.checkbox{ padding:0; margin:0;line-height:52px; height:52px;font-size: 0.94rem; text-transform:initial;font-weight: 300;}
ul.list-products li label.checkbox input[type="checkbox"] + span{  margin-top:16px; }
ul.list-products li.titles {padding-left: 24px; border:none; color:#1c9fda;padding-top: 18px;padding-bottom: 6px;}

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






ng-dashboard-calendar{
    margin-top:-86px;
    float:
            left;
    width: 100%;
}

.ng-calendar-scheduler {
    z-index: 10;
    width: 100%;
    left:0;
    background: #fff;
    font-size: 1rem;
    color: #565a5c;
    display: inline-block;
    border: 0;
    border-radius: 10px;
    margin: 0;
    background-color:#1c9fda;
    /* overflow:
    hidden; */
    z-index: 100;
    padding-bottom: 4px !important;padding:0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}
.ng-calendar-scheduler.ng-hide {
    -webkit-animation: anim-a 0.00s cubic-bezier(0, 0, 0, 0) !important;
    animation: anim-a 0.00s cubic-bezier(0, 0, 0, 0)!important;
}

.ng-calendar-scheduler > .controls {
    display: inline-block;
    /* padding: 12px 6px; */
    font-size: 1rem;
    height: 64px;
}

.ng-calendar-scheduler > .controls > .left {
    background-color:rgba(0,0,0,0.14);
    border-radius:0 0 10px 0
}

.ng-calendar-scheduler > .controls .ic-prev {
    float: left;
    margin: 14px 0 0 4px;
}

.ng-calendar-scheduler > .controls  .ic-next {
    float: left;
    margin: 14px 4px 0 0;
    display: block;
}

.ng-calendar-scheduler > .controls .title-put + .row{
    height:64px;
}
.ng-calendar-scheduler > .controls > .left  span.date {
    width: 65%;
    text-align: center;
    font-size: 1rem;
    color: white;
    font-weight: bold;
    text-transform :
            capitalize;
    line-height: 64px;
    float: left;
    height: 64px;
    padding: 0 0 0 0;
}

.ng-calendar-scheduler > .controls > .right {
    width: 15%;
    display: inline-block;
    float: right;
    background-position:center !important;
    padding:0;
    margin:0;
}

.ng-calendar-scheduler > .controls > .right > i.next-year-btn {
    float: left;
    display: block;
    font-size: 14px;
    opacity: 0.4;
}

.ng-calendar-scheduler > .controls > .right > i.next-month-btn {
    float: left;
    margin: -6px 9px 0 0;
}

.ng-calendar-scheduler > .day-names {
    width: 100%;
    /* border-bottom: 1px solid #c4c4c4; */
    /* background-color:#eee; */
    display: inline-block;
    padding: 24px 12px 4px 12px;
    height: 46px;
}

.ng-calendar-scheduler > .day-names > span {
    width: 14.28%;
    text-align: left;
    color: white;
    font-weight:500;
    height: 20px;
    text-transform:
            uppercase;
    font-size: 0.76rem;
    float: left;
    display: block;
    padding-left:8px;
}

.ng-calendar-scheduler > .calendar {
    width: 100%;
    display: inline-block;
    padding: 12px 12px 12px 12px;
    background-color: white;
    background-color:#fff;
}

.ng-calendar-scheduler > .calendar > div > div.day-prev {

    opacity:0;
    visibility:hidden;

}
.ng-calendar-scheduler > .calendar > div > div.day {
    width: 14.28%;
    height: auto;
    line-height: 1rem ;
    position:relative;
    float: left;
    color: #565a5c;
    font-weight:900 ;
    color: rgba(0,0,0,0.67);
    text-align:left;
    margin: 0;
    font-size: 0.76rem;
    min-height:1px;
    border:0px solid #aaa;
    padding: 4px;
}


.ng-calendar-scheduler > .calendar > div > div.day > div {
    width: 100%;
    height:  100%;
    border: 0px solid #f5f5f5;
    border-radius:10px;
    padding: 0px;
    -webkit-transition:all 0.260s;
    -moz-transition:all 0.260s;
    -ms-transition:all 0.260s;
    -o-transition:all 0.260s;
    /* overflow:hidden; */
}
.ng-calendar-scheduler > .calendar > div > div.day > div:hover{
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
}
.ng-calendar-scheduler > .calendar > div > div.day .d{
    color:#1c9fda;
    float:left;

    padding: 8px;
}



.ng-calendar-scheduler > .calendar > div > div.day .ic-option-b,
.ng-calendar-scheduler > .calendar > div > div.day .ic-new-b{
    -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;
    opacity:0;
    visibility:hidden;
}
.ng-calendar-scheduler > .calendar > div > div.day:hover .ic-option-b,
.ng-calendar-scheduler > .calendar > div > div.day:hover .ic-new-b{
    opacity:1;
    visibility:visible;
}

.ng-calendar-scheduler > .calendar > div > div.day:after { content:''; padding-bottom:100%; position:relative;}
.ng-calendar-scheduler > .calendar > div:last-child > div.day { }
.ng-calendar-scheduler > .calendar > div > div.day.disabled {
    cursor: default;
    opacity:0.37;
    pointer-events: none;
}
.ng-calendar-scheduler > .calendar > div > div.day.sel {
    border-left: 1px solid transparent;
    cursor: default;
    pointer-events: none;
    background: #4285f4 !important;
    color: #fff;
}
.ng-calendar-scheduler > .calendar > div > div.day.selToday {
    background: rgba(0,0,0,0.1);
}

.ng-calendar-scheduler > .calendar > div > div.day:hover > div  {
    color:black;
}

/*
.ng-calendar-scheduler > .calendar > div > div.day > div:hover ul.list-schedules{
  position:absolute;
  left:0;
  top:0;
  width:200px;
  height:200px;
  z-index:10;
  background: #fafafa;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
  border-radius:0 10px 10px 10px;
  display:block;
  overflow:hidden;
}*/
.ng-calendar-scheduler .calendar .content-schedule{
    height: 92px !important;
    background: #f5f5f5;
    border-radius:0 0px 10px 10px;
    padding:4px;
}
.ng-calendar-scheduler .calendar .content-schedule:hover{
    /*display:block; overflow:initial;*/
}


.ng-calendar-scheduler .calendar .content-schedule > .row{
    min-height:92px;
    position:absolute;
    left:0;
    top:0;
    float:left; width:100%;
    height:100%;
    -webkit-transition:all 0.260s;
    -moz-transition:all 0.260s;
    -ms-transition:all 0.260s;
    -o-transition:all 0.260s;
    background: #f5f5f5;
    border-radius:0 0px 10px 10px;

}

.ng-calendar-scheduler .calendar .content-schedule.show-more > .row{

    display:block;
    overflow:hidden;

}

.ng-calendar-scheduler .calendar .content-schedule:hover > .row{
    height:auto;
    border-radius:0 0px 10px 10px;
    z-index:10000;
    display:initial;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);

    padding-bottom:6px;

}
.ng-calendar-scheduler .calendar .content-schedule ul.list-schedules{
}

/*
.ng-calendar-scheduler .calendar .content-schedule:after{
  content:'';
  height: 92px;
  z-index:-1;
}*/

.ng-calendar-scheduler .calendar ul.list-schedules li{
    margin-top:2px;
    padding: 2px 4px;
    color: white;
    width:100%;
    font-weight:500;
    font-size:0.64rem;
    opacity:0.96;
    cursor:  pointer;
    z-index:10;
    -webkit-transition:all 0.260s;
    -moz-transition:all 0.260s;
    -ms-transition:all 0.260s;
    -o-transition:all 0.260s;
    opacity: 0.9;

    border-radius:4px;
    border:none;
    box-shadow:0 0;
}


.ng-calendar-scheduler .calendar ul.list-schedules li.next-day{
    width:107%;

    border-radius:0;
}


.ng-calendar-scheduler .calendar ul.list-schedules li:hover{
    opacity:1;
    width:156%;
    border-radius:0 10px 10px 0;


}
.ng-calendar-scheduler .calendar ul.list-schedules li.show-more{
    color: #444;
    bottom:0;
    left:0;
    width:100% !important;
}
.ng-calendar-scheduler .calendar ul.list-schedules li.show-more:hover{
    background:#eeeeee
}
.ng-calendar-scheduler .calendar ul.list-schedules li.event{
    background: #2196f3;
}
.ng-calendar-scheduler .calendar ul.list-schedules li.event-note{
    background: #607d8b;
}
.ng-calendar-scheduler .calendar ul.list-schedules li.reservation{
    background: #f44336;
}


.ng-calendar-scheduler .calendar ul.list-schedules.list-schedules-day li{
    background: #f5f5f5;
    color:black;
    padding:12px;
    font-size:1rem;
    margin-bottom:8px;

    border-radius:10px !important;
    display:block;
    overflow:hidden;


}



.ng-calendar-scheduler .calendar ul.list-schedules.list-schedules-day li:hover{
    background: #eeeeee;
    width:100%;


}



.ng-calendar-scheduler .calendar ul.list-schedules.list-schedules-day li.event-note{
    border-left:6px solid #3f51b5 !important;
}
.ng-calendar-scheduler .calendar ul.list-schedules.list-schedules-day li.event{
    border-left:6px solid #2196f3;
}
.ng-calendar-scheduler .calendar ul.list-schedules.list-schedules-day li.reservation{
    border-left:6px solid #f44336;
}


.ng-calendar-scheduler .calendar ul.list-schedules .time{
    cursor:pointer;
}


.ng-calendar-scheduler .calendar ul.list-schedules.list-schedules-day .time{
    font-weight:900;
}





.bk-event{
    background: #2196f3;
}
.color-event, .color-wedding, .color-matrimonio{
    color: #2196f3 !important;
}
.color-battesimo{
    color: #e91e63 !important;
}
.color-18simo{
    color: #7B1FA2 !important;
}
.color-comunione{
    color: #FB8C00 !important;
}

.bk-reservation{
    background: #e91e63;
}
.color-reservation{
    color: #f44336 !important;
}

.border-windows-reservation{
    border-left:10px solid  #f44336 ;
}

.border-windows-note{
    border-left:10px solid  #607d8b ;
}

.border-windows-wedding{
    border-left:10px solid  #2196f3 ;
}

.color-note{
    color: #607d8b !important;
}


ul.list-info-schedules { width:100%; clear:both;background: #f5f5f; border-radius:10px; display:block; overflow:hidden;}
ul.list-info-schedules li { width:100%; clear:both;padding: 1px;}
ul.list-info-schedules li .label {padding: 12px 8px 12px 0; background:transparent;}
ul.list-info-schedules li .value { font-weight:900; text-align:right; padding:12px 6px; background:white;  min-height:42px;  }
