/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form,  legend,
table, caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
 /*   vertical-align: baseline;*/
}
tbody, tfoot, thead, tr, th, td {
    font-family:Arial, Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  /*   display: block; */
}
body {
    line-height: 1.2rem;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

main > .container {
        padding: 30px 15px 20px !important;

    /*    padding: 70px 15px 20px;*/

}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    /*height: 60px;*/
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* PROGRESS BAR */
#formpbar {
    text-align: center;
    position: relative;
    margin-top: 20px
}
  
#formpbar fieldset {
    background:#ffffffc7;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}
  
.finish {
    text-align: center
}
  
#formpbar fieldset:not(:first-of-type) {
    display: none
}
 
#formpbar .previous-step, .next-step {
    font-weight: bold;
    color: white;
   /* border: 0 none;
    border-radius: 0px;*/
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}
  
.form, .previous-step {
    background: #616161;
}
.navbar-toggler-icon {
        position: relative;
        display: inline-block;
        width: 1.25em;
        height: 1.2em;
        margin-right: 0.3em;
        border-top: 0.2em solid rgb(48, 131, 255);
        border-bottom: 0.2em solid rgb(48, 131, 255);
}
    
.navbar-toggler-icon:before {
        content: "";
        position: absolute;
        top: 0.3em;
        left: 0px;
        width: 100%;
        border-top: 0.2em solid rgb(48, 131, 255);
}
   
  
.form, .next-step {
    background: #001F4B;
}
  
#formpbar .previous-step:hover,
#formpbar .previous-step:focus {
    background-color: #000000
}
  
#formpbar .next-step:hover,
#formpbar .next-step:focus {
    background-color: #001F4B
}
  
.text {
    color: #001F4B;
    font-weight: normal
}
  
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    padding-left:0px;
}
  
#progressbar .active {
    color: #111;
}
  
#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}
  
#progressbar #step1:before {
    content: "1"
}
  
#progressbar #step2:before {
    content: "2"
}
  
#progressbar #step3:before {
    content: "3"
}
  
#progressbar #step4:before {
    content: "4"
}

#progressbar #step5:before {
    content: "5"
}
  
#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 30px;
    display: block;
    font-size: 18px;
    color: #111;
    background: #fff;
    border-radius: 50%;
    border:1px solid #111;
    margin: 0 auto 10px auto;
    padding: 2px
}
  
#progressbar li:after {
    content: '';
    width: 100%;
    line-height: 20px;
    background: lightgray;
    position: absolute;
    font-size: 18px;

    border:1px solid #001F4B;
    left: 0;
    z-index: -1;
    margin: 0 auto 10px auto;
    padding: 2px

}
  
#progressbar li.active:before,
#progressbar li.active:after {
    background: #111;
    color:#fff;
}
  
.progress {
    height: 4px
}
  
.progress-bar {
    background-color: #111
}
/* END PROGRESS BAR */

.select2-container .select2-search-field,
.select2-container .select2-input {
  width: 100% !important
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(4 125 249 / 14%) !important;
}
.table-striped tbody tr:nth-of-type(odd):hover {
    background-color: rgb(4 125 249 / 10%)  !important;
}

.dropdown-menu {
 font-size:14px !important;
}

h1.pagetitle {
    border-left:5px;
    border-color: #001F4B;
}
.blutitle {
    color:#001F4B;
}
.borderbottomblue {
    padding-bottom:8px;border-bottom:1px solid #001F4B;
    
}
a.nav-link,.card-body a {
    color:#001F4B;
}
a {
   color: #000000;
   text-decoration:none;
}
footer a{
    color: #ffdd00;
}
}
.btn-primary, .bg-primary {
    background-color:#001F4B !important;
}
.btn-primary:hover {
    background-color:#00409a !important;
}
.aziende-view p,.article-view p {
    line-height:1.3rem;
}
.line-height { 
    line-height:1.3rem;
 }
.description {
    font-size:1rem;
    line-height:1.3rem;
}
 .cp-info {
    color: #999;
    font-size: 0.9rem;
 }
.proposal-row{
    outline: 2px solid rgb(237, 237, 237);
     -moz-border-radius: 15px;border-radius: 15px;
     padding:5px;
     margin:15px;   
     min-height:100px;
 } 
 .proposal-row td.w0 {
     border:0px;
 }
 .table-responsive {
     border-top:1px solid rgb(206, 206, 206);
 }
 .kv-table-header {
     background:transparent !important;
 }
 .greyfilter {
    -webkit-filter: grayscale(1);
	filter: grayscale(1);
	transition: 2s;
 }
 .greyfilter:hover {
    -webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
 }
 .help-block {
    color:red;
 }
 #fixedbutton {
    position: fixed;
    bottom: 0px;
    right: 0px; 
    width:240px;
}
#fixedbutton a {
    color:#111;
    text-transform: uppercase;
    font-weight:800;
    font-size:0.8rem;
    text-decoration:none;
}

.mover:hover {
    background-image:none !important;
    background-blend-mode: color;
    /* backdrop-filter: opacity(0.5); */
    background-color: #001e4b;
}

.site-contact h1, h2 {
    background-color:#ffdd00 !important;
    padding-left:10px !important;
    padding-top:20px !important;
    padding-bottom:20px !important;
    padding-right:10px !important;
    border-radius: 15px;
    font-family:Arial, sans-serif;
     
}
p,p.lead,.aziende-view p, .article-view p {
    line-height:3rem !important;
    font-size:1.15rem !important; 
}
.aziende-view p, .article-view p

.addtofav {
    background-color:#ffdd00 !important;
    padding-left:10px !important;
    padding-top:20px !important;
    padding-bottom:20px !important;
    padding-right:10px !important;
    border-radius: 15px;
    font-size:1.4rem;
    font-family:Arial, sans-serif;
}