/*#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=Montserrat:100,300,400,500,600,700,800');

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

/*PERSONALIZZAZIONE COLORI*/
body a{color: #003393 !important; text-decoration:underline; }
.color-page{color:  #003393 !important; }
body a:hover{color:  #003393 !important; }
body button{background-color: #003393;font-size:0.9rem;height:46px;border-radius:4px;font-weight:500;font-size:0.87rem;}
body button.submit{background-color: #003393 !important;font-size:0.9rem;height:46px;color: white !important;}
body button.button-border{background-color: transparent !important;color:#102027;border: 1px solid #102027;box-shadow:0 0; border-radius:6px; }
.bk-page{background-color: #003393   !important;}
body .bk-page{background-color: #003393 !important;}
body .filterMenu li.sel{ color:#003393  !important ; }
body ul.tab li.sel{  border-bottom: 2px solid #003393 !important ; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span { background-color:#003393 ; }
body button.bk-confirm{color:white;}
.bk-accent{background-color:#455A64 !important;}
/*BODY*/
html{
    font-size:0.95rem;
}


body {
    background-color: #fafafa;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding:0;
    font-size: 0.87rem;
    font-weight: 500;
    line-height: 1.3rem;
    letter-spacing: 0.00em;
    color: rgba(0,0,0,0.87);
    /* padding-top: 90px; */
    float: left;
    width: 100%;
}

.pageWidth{
    position: relative;
    width:1000px;
    margin:auto;
    text-align:left;
    float: none !important;
    margin: auto !important;
}
.divHome.white{background:#fff}
.divHome.dark{background:0 0}
.divHome.grey{background:#f5f5f5;border-top:1px solid #eee!important;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.06),0 0 1px 0 rgba(0,0,0,.12)}
.divHome.sparo{background-color:#fafafa}
.divHome{padding: 36px 0;clear:both;text-align:center;z-index:5;margin:0;background-color:#fff;border-top:1px solid #000;border-color:rgba(0,0,0,.05);}
.divHome.grey .pageWidth:after{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.06),0 0 0 0 rgba(0,0,0,.12);right:0;top:-85px;width:40px;height:40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:-10000000;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee}
.shadow-card{border-radius:8px;}
/*FONT*/
a{cursor:pointer;}
.p{ font-size: 0.90rem !important; line-height: 1.4rem !important; /* text-align: justify; */ color:rgba(0,0,0,0.87); background-color: transparent !important; }

h1{}
#page h2 {font-size: 1.2rem;font-weight: 600;color: #212121;padding-bottom:16px;line-height: 1.5rem;}

.infoPage h1{font-size:2rem; line-height:2.4rem; color:#003393; margin-bottom:12px;}
.infoPage p.titles,.divHome p.titles{ color:#00000; margin-bottom:12px; font-weight:500; font-size:1.1rem;}

#page .p, #page .p p, .p{  font-size: 0.90rem !important; line-height: 1.4rem !important;  color:rgba(0,0,0,0.87); background-color: transparent !important; }
#page .p, #page .p p, #page .p span, #page , .p{  font-size: 0.90rem !important; line-height: 1.4rem !important;  color:rgba(0,0,0,0.87); }
p.title {font-weight:800;}
button{font-weight:600 !important;}
/*.round.ic-48{    border: 1px solid #003393 !important; }*/

/*INPUT*/

p.title{ margin-top:24px; }

#page{/* padding-top: 90px; */margin-top: 90px !important;background: white;}

.panelAdmin .breadcrumb { padding:0 !important; margin:0;}
.panelAdmin h1 { font-weight:500 !important; font-size:1.5rem !important;}
.panelAdmin .breadcrumb div.separator{margin-top:4px;}

.dashboard .box{ border-radius:10px; }
.dashboard .box.pos{ padding:0; }
.dashboard .box.pos button{border-radius:0 0 10px 10px;margin-top: 24px;}

/*.PageAdmin.pos-fuel .pageWidth.ng-view, .PageAdmin.pos .pageWidth.ng-view{ max-width: 100%; width: 100%; padding-top: 0px; }*/

.pos-fuel ul.tab.no-border, .pos ul.tab.no-border { border-radius:10px 10px 0 0; display:block; overflow:hidden; }
.pos-fuel ul.tab.no-border li, .pos ul.tab.no-border li { border-radius:10px 10px 0 0; border:0 !important;  background-color:#ddd; border-radius:0; font-weight: 800 !important; line-height: 3rem;font-size:0.86rem; font-weight: 6;}
.pos-fuel ul.tab.no-border li.sel, .pos ul.tab.no-border li.sel {  background-color:white; }

.form-input .pos .input select,
.form-input .pos .input input,
.form-input .pos .input .dropdown.dropdown-button>span,
.form-input .pos .input .dropdown.dropdown-button>span,
.form-input .pos .input .dropdown.dropdown-button>label,
.form-input .pos .input .dropdown.dropdown-button{font-size:1.1rem;height:52px;line-height:52px;border-radius: 8px; font-weight:600;}
.form-input .pos .input p.values{ height:52px ; font-size:0.9rem; line-height:52px ; }

.form-input .pos .input .dropdown ul li span.name {font-size: 0.87rem;line-height: 1.4rem;color:rgba(0,0,0,0.77);font-weight: 600;}
.form-input .pos .input .dropdown ul li span.info {font-size:0.87rem; line-height:1rem; color:rgba(0,0,0,0.47);  }

.dashboard .box.pos h3{ font-weight:300 !important; font-size:0.94rem; line-height:1.3rem;  }
.dashboard .box.pos h3 b{ font-weight:900 !important; font-size:1rem;  }
.dashboard .bk-gray p{ font-weight:400 !important; font-size:0.90rem; line-height:1.2rem; }

.form-input .title-put, .form-input .title-put + .row {   box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);  }

.pos-fuel  .input select,
.pos-fuel  .input input,
.pos-fuel  .input textarea,
.pos-fuel  .input input
{ border:0;box-shadow:0 0;background-color: #f3f5f7;box-shadow: 0px 0px 0px 0px #dfe5ea inset;border-radius:10px; height:56px; font-size:1rem; }


.PageAdmin.pos .pageWidth.ng-view{
  max-width: 100%;
  width: 100%;
  padding-top: 0px;
}


.pos .table.medium {
  border:0 !important; 
}

.pos .table.medium > tbody > tr > td{
  border:0 !important; 
  
}
.pos .table.medium > tbody > tr {

  border-bottom:1px solid #eeeeee;
}

.pos .table.medium > tbody > tr:last-child {

  border-bottom:0px solid #eeeeee;
}

/*MENU*/
.dropmenu.ic-user-b .option-menu {border-radius:6px;width:220px;transition-delay: 0.2s;}
.dropmenu.ic-user-b:focus .option-menu { transition-delay: 0.0s; }

#fb-root{height: 90px;float:left;display:initial;width: 100%;position: relative;/* background: rebeccapurple; *//* z-index: 90000; */}
nav#menu{height: 90px;width:100%;border-collapse: collapse;float:left;background: #ffffff;position: fixed;z-index: 1000;top:0;outline: none;/* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06); *//* box-shadow: 0 0px 8px rgba(0,0,0,0.6); *//* box-shadow: 0 0px 8px rgba(0,0,0,0.6); */}
nav#menu .fixed-on-top{ height:100%;}
nav#menu .interaction-user{margin-top:24px; }
nav#menu:after{bottom: -5px;box-shadow: inset 0px 4px 8px -3px rgba(17, 17, 17, .06);content: "";height: 5px;left: 0px;opacity: 1;pointer-events: none;position: absolute;right: 0px;width: 100%;z-index: 0;}
header.no {height:0;padding:0;border:none;visibility:hidden;margin-top: 0;}
nav#menu #logo div{-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: left center; */height: 100%;width: 100%;background-size: 100%;background-repeat:no-repeat;float: left;color:black;font-size: 2rem;padding-top: 0;text-transform: uppercase;max-width: 100%;}
nav#menu #responsive-menu { width:auto; float:right;}
nav#menu #responsive-menu > ul {}
nav#menu #responsive-menu > ul > li {font-weight: 500;-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;display: table-cell;margin: 0;position:relative;padding: 0px;color: rgba(0,0,0,.67);cursor:pointer;line-height: 90px;font-size: 0.82rem;text-align:center;letter-spacing: 0.0rem;float: left !important;padding: 0 12px;padding-top: 0px;text-transform: uppercase;border: 0px;border-radius:0px;}
nav#menu #responsive-menu > ul > li.ic-right{ padding-right:42px !important; background-size:26px; }
nav#menu #responsive-menu > ul > li > a {position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none;padding:0 0;text-align:center;/* color: white !important; */}
nav#menu #responsive-menu > ul > li > a:hover { /* text-decoration:none; */ }
nav#menu #responsive-menu > ul > li.ic-right { padding-right:36px;}
nav#menu #responsive-menu > ul > li.disabled {  text-align:left;  cursor:default;  padding-left:16px; width:300px; }
nav#menu #responsive-menu > ul > li.disabled:hover { background-color:#617900; text-align:left;  color:rgba(255,255,255,0.87);  cursor:default;  padding-left:16px; width:300px; }
nav#menu #responsive-menu > ul > li.sel, nav#menu #responsive-menu > ul > li:hover{color: #003393;}
nav#menu #responsive-menu > ul > li:after {content:''; position:absolute; left:0; top:50%; margin-top:-7px; height:14px; width:1px; background:rgba(0,0,0,0.17); }

nav#menu #responsive-menu > ul > li.dropdown:hovser:before{content:''; width:0%; background-color:#ebad77; height:0px; position:absolute; top:50%; margin-top:20px; }
nav#menu #responsive-menu > ul > li:before{content:''; width:0%; background-color:#003393; height:2px; position:absolute; top:50%; margin-top:20px; -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s; }
nav#menu #responsive-menu > ul > li:hover:before, nav#menu #responsive-menu > ul > li.sel:before {width:36%;  }


nav#menu #responsive-menu > ul > li.btn{background-color: transparent;color:#003393;border:2px solid #003393;border-radius:4px;height:38px;line-height: 36px;opacity:1;margin-top:26px;margin-left:16px;}
nav#menu #responsive-menu > ul > li.btn:hover{background-color:#003393; color:#ffffff;  }
nav#menu #responsive-menu > ul > li.btn:after, nav#menu #responsive-menu > ul > li.btn:before{display:none;}


nav#menu #responsive-menu > ul > li:nth-child(2):after {width:0px;  }
nav#menu .content li.sel{color: #003393 !important;color: rgba(146,3,9,0.95); background-color:rgba(0,0,0,.1); cursor:default;}

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: 25%;background-repeat:no-repeat;text-transform: uppercase;height: 64px;  }

.dashboard menu > ul.content { background-color:#212121 !important; }
.dashboard menu ul>li.ic-left { font-weight:400; }
.dashboard menu ul>li{ font-size:0.74rem !important; }

.dashboard menu ul>li.ic-left span { float:right; width:24px; height:24px; background-color:red;  border-radius:400px;  text-align:center;  background-color:transparent; color:white; font-weight:800; font-size:1rem !important; line-height:38px; }

/*HEADER*/
header {padding: 36px 0;/* border-bottom:1px solid #eee; */position: relative;background: #0099dc;float: left;width: 100%;}
header h1{font-size:1.5rem;line-height: 2rem;font-weight:800;color: white;}
header h2{font-size:1.5rem;line-height:2rem;font-weight:300;color:rgba(0,0,0,0.67);}

.backtoSearch  {line-height: 32px; color:white;/* background: #fafafa; */font-size:0.9rem;}
.backtoSearch .right {margin-top:4px;}
.backtoSearch button {height: 42px;line-height: 38px;/* padding: 0; */border:2px solid rgb(255, 255, 255);background-color:transparent;color:rgb(255, 255, 255);box-shadow:0px 0px;font-weight:500;}

/*DIALOG*/
#maschera #windows .dialogs { border-radius:12px;}
#maschera #windows header{padding-bottom:2px !important;font-size: 1.3rem !important;font-weight: 600;/* color: #003393; */}
#maschera #windows .interaction a.button{ color:white !important; background-color:#003393;}

/*CONTENT*/
.breadcrumb{padding: 4px 0;font-size:0.8rem; font-weight:400; color:white; }
.breadcrumb a, .breadcrumb a:hover, .breadcrumb span{font-size:0.8rem;font-weight:300 !important;color: white !important;}
.breadcrumb div.separator{   background-image:  url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_right_white_24dp_2x.png); opacity:1; margin-top:4px;}

body.home #content { background-color:#f4f4f4; }
#content {font-size:0.87rem;background-color: #fafafa;}
.infoPage{}
.panelInfoSup .label{ font-weight:600; font-size:0.9rem;}
.panelInfoSup .value{ font-weight:300; font-size:0.9rem; border-bottom:0;}


/*FOOTER*/

footer{background: #fff;padding: 24px 0;}
body.home footer{ bottom:0;left:0;width:100%;background: #f1f1f1; border-top:1px solid #ddd;}
footer a{color: rgba(0,0,0,1) !important;}
footer > .row{  padding: 16px 0; }


@media (min-width: 992px){
    nav#menu #responsive-menu > ul > li.dropdown > .content{top:80px;}
}

@media (max-width: 992px){
    body{font-size: 1em;  }
    body.home, body.signin{padding-top:70px; }
    .pageWidth{padding: 0 8px;width:100%;}
    #content .pageWidth, footer .pageWidth, header .pageWidth{padding:  0px 16px; width:100%;}
    #page {/* padding-top:24px; */margin-top: 0 !important;}

    nav#menu #responsive-menu > ul > li.btn{height:56px;line-height:56px;opacity:1;margin-top:26px;margin-left:2%;width:96%;}
    #fb-root{visibility:hidden; display:none; }

    /*INPUT*/
    .panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], .panelInput select, .panelInput textarea{ height:52px; }


    /*MENU*/
    nav#menu .pageWidth{padding:  0 0px; width:100%;}
    nav#menu{height: 70px;}
    nav#menu #responsive-menu { width:70px; height:70px; background-size:50%; background-color:#eeeeee; float:right; left:0; top:0; position:absolute; background-position:top 14px center;}
    nav#menu #responsive-menu:after {content:'MENU';position:absolute;bottom:8px;width:100%;text-align:center;font-size:0.57rem;font-weight:500;z-index: -10;}
    nav#menu #responsive-menu > ul > li {line-height: 64px;text-align:left; border-bottom:1px solid #eee; width:100%;}
    nav#menu #responsive-menu > ul > li:after {width:0px;}
    nav#menu #logo{ float:left; margin-left:90px; position:absolute; max-width:220px;}
    nav#menu +*{margin-top: 0;}
    nav#menu #responsive-menu > ul > li:before {width:0% !important;  }
    nav#menu #responsive-menu > ul > li.sel {  font-weight:800; }


    /* POS */
    #POS{padding: 24px 12px !important;}
    #POS .pos-title{ width:100%; height:36px; font-size:1rem; }
    #POS .pos-title .text-verical{ writing-mode: inherit;  text-orientation: inherit;}


    /*FOOTER*/

    body.home footer{position:relative; bottom:0; left:0; width:100%; background: #f4f4f4;}
    body.home footer>.row{background: #e2e2e2;}
}




body.home #page,
body.signin #page {
    background: linear-gradient(90deg, #0095d8, #0075b3);
}

.container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}




.container button.button-border{background-color: transparent !important;color:#ffffff;border: 1px solid #ffffff;box-shadow:0 0; border-radius:6px; }