/*#F44336*/
/*PERSONALIZZAZIONE COLORI*/
/*@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 !important;  }

/*PERSONALIZZAZIONE COLORI*/
body a{color: #a2185b !important; text-decoration:underline; }
.color-page{color:  #a2185b !important; }
body a:hover{color:  #a2185b !important; }
body button{background-color: #a2185b;font-size:0.9rem;height:46px;border-radius: 10px;font-weight:500;font-size:0.87rem;}
body button.submit{background-color: #a2185b !important;font-size:0.9rem;height:46px;color: white !important;}
.bk-page{background-color: #a2185b   !important;}
body .bk-page{background-color: #a2185b !important;}
body .filterMenu li.sel{ color:#a2185b  !important ; }
body ul.tab li.sel{  border-bottom: 2px solid #a2185b !important ; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span { background-color:#a2185b ; }

body button.bk-confirm{color:white;}
.bk-accent{background-color:#455A64 !important;}
body button.button-border{background-color: transparent !important;color:#102027;border: 1px solid #102027;box-shadow:0 0; border-radius:6px; }


.box-inset{ margin-top:-34px !important; float:left;}


/*BODY*/
html{
    font-size:0.95rem;
}


body {
    background-color: #f5f5f5;
    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, p{ font-size: 0.94rem; line-height: 1.5rem; color:rgba(0,0,0,0.87); background-color: transparent; }

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:#a2185b; 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 #a2185b !important; }*/

/*INPUT*/
.panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], select, textarea{border-radius:0px;border:0;border: 1px solid #ddd;border-radius: 8px;}
.panelInput input[type="text"]:focus, .panelInput input[type="password"]:focus, .panelInput input[type="email"]:focus, .panelInput input[type="number"]:focus, .panelInput input[type="date"]:focus, select:focus, textarea:focus{box-shadow:0px 0px;border-color: #a2185b;}
label.checkbox { line-height:1.4rem !important;}
input + .ic, textarea + .ic{top:8px;}
#user-panel .panelInput input, #user-panel .panelInput select, #user-panel .panelInput textarea{ font-size:0.87rem; font-weight:400; }
#user-panel .panelInput.rows .label{font-size: 0.7rem;color:black;font-weight: 600;min-height:18px;text-transform: uppercase;}
p.title{ margin-top:24px; }
.panelInput input[type="text"].code, .panelInput select.code{border:1px solid #ddd;border-radius:6px;font-weight: 500;font-size: 1.1rem;min-height:64px;padding-left:56px !important;background-position:left 16px center;background-size:24px !important;}
.panelInput select.code{border:1px solid #ddd; text-transform:initial !important; border-radius:6px;font-weight: 500;font-size: 1.1rem;min-height:64px;padding-left:56px !important;background-position:left 16px center;background-size:24px !important;}
.panelInput input[type="text"].code:focus, .panelInput select.code:focus{border:1px solid #455a64; }
.panelInput input[type="text"].code + span.info{width:32px; height:32px; margin:16px;}

#page{/* padding-top: 90px; */margin-top: 90px !important;}
/*.panelInput form input.ng-valid.ng-not-empty,
.panelInput form input.ng-valid.ng-not-empty,
.panelInput form textarea.ng-valid.ng-not-empty,
.panelInput form select.ng-valid.ng-not-empty{box-shadow: -2px 0 0 0 #E8F5E9 inset; border-radius:4px 0px 0px 4px; background-color:#E8F5E9;  }*/

/*.panelInput input.ng-invalid.ng-not-empty,
.panelInput input.ng-invalid.ng-not-empty,
.panelInput textarea.ng-invalid.ng-not-empty,
.panelInput select.ng-invalid.ng-not-empty{box-shadow: -2px 0 0 0 #d12e26 inset; border-radius:4px 0px 0px 4px; background-color:#FFEBEE;  }*/
.panelInput form input.ng-invalid.ng-not-empty + span.error{ position:absolute;  width:24px; height:24px; right:0; border-radius:60px; margin:12px; background-image: url(https://i.etnasoft.it/include/icons/ic_error_outline_red_24dp_2x.png); background-size:100%;}
.panelInput form input + span.info{ position:absolute;  width:24px; height:24px; right:0; opacity:0.67; border-radius:60px; margin:12px;  background-size:100%;}
.panelInput form input + span.info:hover{opacity:1;}

.panelInput p.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;}

.panelAdmin .panelInput.filter input,
.panelAdmin .panelInput.filter .dropdown.dropdown-button,
.panelAdmin .panelInput.filter select,
.panelAdmin .panelInput.filter textarea{background-color:#f0f5f5;box-shadow:0 0;border-radius: 4px;border:0 !important;font-size: 0.7rem !important;font-weight: 500;}

.panelAdmin .panelInput.filter .label,
.panelAdmin label.checkbox.small{font-weight:600;min-height:18px;line-height: 0.7rem !important;font-size:0.70rem;height: 18px;}
.panelAdmin .panelInput.filter label.checkbox input[type="checkbox"] + span{ margin-top:-3px;}

.panelAdmin .panelInput.filter input::-webkit-input-placeholder,
.panelAdmin .panelInput.filter input:focus::-webkit-input-placeholder,
.panelAdmin .panelInput.filter textarea::-webkit-input-placeholder{ font-size: 0.74rem !important; font-weight:400;}
.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 !important;}
.dashboard .box.pos button.sbmt{border-radius:0 0 10px 10px;margin-top: 24px;}

.PageAdmin.pos-fuel .pageWidth.ng-view, .PageAdmin.pos .pageWidth.ng-view, .PageAdmin.home .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; font-size:0.86rem; }
.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>label,
.form-input .pos .input .dropdown.dropdown-button{
    font-size: 0.97rem;
    height:52px;
    letter-spacing: 0.08rem;
}
.form-input .pos .input p.values{
    height:52px ;
    font-size:0.9rem;
    line-height:52px ;
}
.form-input .pos label.checkbox input[type="checkbox"] + span{ width:20px; height:20px; }
#logo img{ padding:8px !important; }
body.home .box.box-home{margin-top: 180px !important;}
body.signin .box.box-home{margin-top: 180px !important;}
/* - - - - - - - - - - - - - - - - - - - - - -
  FORM
- - - - - - - - - - - - - - - - - - - - - - - */
.form-input .input{margin-bottom:12px;float: left;width: 100%;}

/* LABEL */
.form-input .title-search{position:relative;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: #a2185b;font-size: 1rem;border-top: 3px solid #a2185b;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%;}

/* BACKGROUND */
.form-input .input select,
.form-input .input input,
.form-input .input textarea,
.form-input .input input,
.form-input .input .dropdown.dropdown-button
{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.87rem; padding:0; margin:0;}
.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; /* 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; }

.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 .title-put + .row{   box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);  }


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

.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.form-signin h2 {text-align:left; font-weight:600; font-size:1.2rem; }


.form-input.no-editable .ic-close-b{
    visibility:hidden; display:none;
}

/* FIX DROWPDON LABEL */
.form-input.form-signin   {font-size:1em;  }
.form-input.form-signin  p.title-put { visibility:hidden;}
.form-input.form-signin  p.title-put + .row { padding:0; margin:0; box-shadow:0 0 ; border:0;}
.form-input.form-signin div.input { margin-bottom:8px; font-size:1em; }
.form-input.form-signin label.checkbox    {font-size:0.87em; padding:0; margin:0; font-weight: 600;color: #343741; }
.form-input.form-signin label.checkbox input[type="checkbox"] + span{width:20px; height:20px;}
.form-input.form-signin .input select,
.form-input.form-signin .input input,
.form-input.form-signin .input textarea,
.form-input.form-signin .input input
{font-size:1em;text-transform: initial;font-weight: 600;color: #343741;letter-spacing: -.00em; height:52px; position:relative; float:left; border-radius:10px; margin-bottom:2px; border:1px solid #ddd; }
.form-input.form-signin .input input::-webkit-input-placeholder{ text-transform:initial; font-weight: 500;  }
.form-input.form-signin button{ border-radius:10px; height:52px; line-height:52px; font-size:0.94em; box-shadow:0 0;  }

/*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: #a2185b;}
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:#a2185b; 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:#a2185b;border:2px solid #a2185b;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:#a2185b; 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: #a2185b !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: 76%;background-repeat:no-repeat;text-transform: uppercase;height: 72px;}

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

.dashboard menu ul>li.ic-left span {float:right;width:auto;text-align: right;height:24px;background-color:red;border-radius:400px;text-align:center;background-color:transparent;color:white;/* color: #5cb406; */font-weight:800;font-size:1.1rem !important;line-height:38px;padding-right: 4p;}
.panelAdmin menu ul>li.ic-left.ic-title{color: #89a0ac;}
/*HEADER*/
header {padding:24px 0;/* border-bottom:1px solid #eee; */position: relative;background: #a2185b;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);}
body.privacy-policy .bk-accent.min-height-200{display:none}
body.regolamento .bk-accent.min-height-200{display:none}
.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: #a2185b; */}
#maschera #windows .interaction a.button{ color:white !important; background-color:#a2185b;}

/*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-image:url(/public/images/maintenance.png); }
body.signin  #content   { background-image:url(/public/images/maintenance.png); }
body #content { background-color:#ffffff; }
#content {width: 100%;font-size:0.87rem;background-color: #fafafa;float: left;}
.infoPage{}
.panelInfoSup .label{ font-weight:600; font-size:0.9rem;}
.panelInfoSup .value{ font-weight:300; font-size:0.9rem; border-bottom:0;}
.PageAdmin.pos-fuel .pageWidth.ng-view, .PageAdmin.pos .pageWidth.ng-view , .PageAdmin.dashboard, .PageAdmin.home .pageWidth.ng-view { padding:0 !important;}

.table.medium > tbody > tr > td { font-weight:400; }
.overview b{ font-size:1.2rem; line-height:1.5rem; }
.box-info {font-weight:400; }
/*FOOTER*/

footer{ bottom:0;left:0;width:100%;background: #f5f5f5; border-top:5px solid #e5e5e5; padding: 24px 0; font-size:0.84rem; font-weight:600; float:left; }
footer a{color: rgba(0,0,0,0.87) !important; }
footer > .row{  padding: 16px 0; }


/*footer{  font-size: 1rem; background: #558B2F; padding: 24px 0; color:rgba(255,255,255,0.67); }
footer a, footer a:hover{  color:rgba(255,255,255,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;padding-top: 0;}
    .pageWidth{padding:  0 16px; 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: none;margin: auto;/* position:absolute; */max-width: 240px;}
    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;}
    .pos-fuel ul.tab.no-border li, .pos ul.tab.no-border li{ font-size:0.76rem; }
    .home .margin-top--64{ margin-top:-90px !important; }
    .signin .margin-top--64{ margin-top:-90px !important; }

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

}