:root {
  --blue: #003459;
  --blue-10: #0034591A;
  --blue-20: #00345933;
  --blue-30: #00345966;
  --blue-50: #00345980;
  --blue-70: #003459B3;
  --blue-80: #003459CC;
  --blue-90: #003459E6;
  --blue-light: #3babd6;
  --blue-light-5: #3babd60D;
  --blue-light-10: #3babd61A;
  --blue-light-10-solid: #ebf7fb;
  --blue-light-20: #3babd633;
  --blue-light-30: #3babd64D;
  --blue-light-50: #3babd680;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --red-dark: #990000;
  --orange: #fd7e14;
  --orange-dark: #ff6600;
  --yellow: #ffc107;
  --green: #28a745;
  --green-10: #28a74533;
  --green-dark: #006600;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray-light: #EEE;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #003459;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --wallet: #a9c9f8;
  --wallet-text: #003459;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-awesome : 'Font Awesome 5 Free';
}
.-container, .-container-xl, .-container-lg{ max-width: 1600px; }
/*
https://css-tricks.com/8-digit-hex-codes/
100%  FF
90% E6
80% CC
70% B3
60% 99
50% 80
40% 66
30% 4D
20% 33
10% 1A
5%  0D 
0%  00
 */

pre{ color: inherit !important; }

.text-upper{ text-transform: uppercase; }

body{ color: #333;  margin:0px; font-family: 'Montserrat', sans-serif; font-size: 0.9rem; }

a{ color: #333; text-decoration: underline; }
a:hover{ color: var(--blue); }

.invalid-feedback{ display: none !important; }

button:focus { outline: none; }
.btn{ border: 0px; font-size: 0.9rem; }
a.btn{ text-decoration: none; }
a.btn.btn--link{ text-decoration: underline; }
.alert{ border: 0px; }

.btn-close:focus,
.navbar-toggler:focus,
.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}


input[type="radio"].border-danger + label{  color: #dc3545;  }

h1{ font-size: 2.2rem; }

.blurit{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.datepicker-dropdown{ z-index: 2001 !important; }

.select2{ width: 100% !important; }

.select2-container--default .select2-selection--single{  border-color: #ced4da; line-height: 38px; height: 38px; }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 38px;  height: 38px; }
.select2-container--default .select2-selection--single .select2-selection__arrow{  height: 38px;  }

.border-danger + .select2-container--default .select2-selection--single{ border-color:  #dc3545;  }

.table td, .table th{
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.table.table-striped tbody tr:nth-of-type(2n+1){ background: #FAFAFA; color: var(--blue) }

.table.table-hover tbody tr:hover th,
.table.table-hover tbody tr:hover td{ background: var(--blue-10); }

.alert-info{ background: var(--light); font-size: 90%; }
.alert-wallet{ background: var(--wallet); color: var(--wallet-text); }
.alert-offerta-info{ background: var(--blue); color: #FFF !important; }

.bg-wallet{ background: var(--wallet); color: var(--wallet-text); }

.table .tools a{ margin: 0px 5px;  display: inline-block; vertical-align: middle; }
.table .nowrap{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.table .nowrap.max75{ max-width: 75px;  }
.table .nowrap.max100{ max-width: 100px;  }
.table .nowrap.max200{ max-width: 200px;  }
.table .nowrap.max250{ max-width: 250px;  }
.table .nowrap.max300{ max-width: 300px;  }

.table .cv-edit-del-tools{ white-space: nowrap; text-align: right; width: 80px; }
.table .cv-date-durata{ width: 130px; }

.table thead th,
.table tbody th,
.table tbody td{ border: 0px; padding: 6px; border-bottom: 1px solid var(--blue-10); vertical-align: middle; }
.table thead th{ background: var(--blue-10); border-bottom: 2px solid var(--blue-30);  color: var(--blue); font-size:80%; vertical-align: middle; }

.btn-primary{ background: var(--blue); border-color: var(--blue); }
.btn-orange{ background: var(--orange); color: #FFF; }
.btn-orange:hover{ background: var(--orange-dark); color: #FFF; }


.btn-save { background: var(--blue); border-color: var(--blue); color: #FFF; }
.btn-save:hover{ color: #FFF; }

.btn-set{ background: var(--cyan); color: #FFF; }
.btn-set:hover{ color: #FFF; }

.btn-edit{ background: var(--blue-light); border-color: var(--blue); color: #FFF !important; }
.btn-edit:hover{ background: var(--blue); color: #FFF; }

.btn-history{ background: var(--gray-light); color: var(--gray-dark); }
.btn-text-90{ font-size: 90%; }

.btn-link{ color: var(--blue); }

.border-primary{ border-color: var(--blue) !important; }
.border-orange{ border-color: var(--orange) !important; }
.border-blue-light{ border-color: var(--blue-light) !important }

.badge-orange{ background: var(--orange); color: #FFF; }
.badge-orange:hover{ background: var(--orange-dark); color: #FFF; }

.page-item .page-link{ text-decoration: none; font-size: 90%; color: var(--blue); border-color: var(--blue-10) }
.page-item.active .page-link{ background-color: var(--blue); border-color: var(--blue); color: #FFF; }

.text-info{ color: var(--blue-light) !important; }
.text-info a{ color: inherit !important; text-decoration: none; }
.text-info a:hover{ color: var(--blue); text-decoration: underline; }

.tooltip-inner{ background-color: var(--blue); }

.modal-content{ box-shadow: 0 0 50px #000000; border-radius: 0px; }

.modal-content .btn-allegato-mail{ background-color: var(--blue-light); color: #FFF !important; }
.modal-content .btn-allegato-mail:after{ content: "\f00d"; font-family: var(--font-awesome); font-weight: 900; margin-left: 5px; }
.modal-content .btn-allegato-mail:hover{ background-color: var(--red); }

.modal button.close{ position: absolute; top: 16px; right: 16px; color: #999; }
.modal button.close:hover{ color: var(--blue); } 
.modal .modal-header{ border: 0px; }
.modal .modal-header .modal-title{ margin:0px auto; padding: 10px 0; color: var(--blue); }

.lang-stc img{ opacity: 0.5;  }
.lang-stc.sel img{ opacity: 1; }
.lang-stc:hover img{ opacity: 1; }

.login-form.modal select.form-control,
.login-form.modal input[type=text],
.login-form.modal input[type=password]{ border-radius: 0px; } 
.login-form.modal .input-group{ margin:20px 0; clear: both; } 
.login-form.modal .input-group button{ border:0px; color: #999; }
.login-form.modal .input-group button:hover{ background: transparent; color: var(--blue); }
.login-form.modal .input-group-text{ background: transparent; border: 0px; }
.login-form.modal .form-control[type="email"],
.login-form.modal .form-control[type="password"],
.login-form.modal .form-control[type="text"]{ border-top: 0px; border-left: 0px; border-right: 0px; border-radius: 0px; }

#join-us-modal.modal .modal-footer,
.login-form.modal .modal-footer{ font-size: 80%; background: #FAFAFA; }
#join-us-modal.modal .modal-footer a,
.login-form.modal .modal-footer a{ color: var(--blue); }
#logout-modal.modal .modal-footer{ border: 0px !important; margin:0px; padding: 0px; }

.login-form.modal .password-show{}
.login-form.modal .password-hide{ display: none; }
.login-form.modal.show-pass .password-show{display: none; }
.login-form.modal.show-pass .password-hide{display: block; }

#join-us-modal .tipoarmatore_box{ display: none; }
#join-us-modal .tipologia-2 .tipoarmatore_box{ display: block; }

#join-us-modal .join-us-ico{ max-width: 100px; }



.users-list-small . -container{ z-index: 8; overflow: hidden; }
.users-list-small .userbox-container:hover{ z-index: 9 }

.users-list-small .userbox-container .userbox .userimg{ background: #FFF; border-radius: 10px; overflow:hidden; cursor: pointer; border: 1px solid var(--blue-10); }
.users-list-small .userbox-container .userbox .userimg:hover{ animation: box-user-round 0.5s ease 0s 1 normal forwards; }
.users-list-small .userbox-container .userbox{ display: block; padding: 2px; cursor: pointer;  position: relative ; overflow: hidden;}
.users-list-small .userbox-container .userbox img{ max-width: 100%; width: 100%; }

.users-list-small .userbox-container img.blink-level{ max-width: 60px; width: 60px; position: absolute; top: 100%; right: 5px; border-radius: 60px;}
.users-list-small .userbox-container:hover .blink-level{  animation: box-blink-show 0.5s ease 0s 1 normal forwards;  }

  @keyframes box-jobs-shadow {
    100% {}
  }

  @keyframes box-user-round {
    100% {border-radius: 100px;  }
  }

  @keyframes box-blink-show {
    50% { margin-top: -65px; }
    80% { margin-top: -60px; }
    100% { margin-top: -65px; }
  }


header .btn{ color: #FFF; }


header .prehead{ height: 250px; background: url(/web/struttura/header/monaco-1.jpg) center; background-size: cover; }
header .prehead .logo{ margin: 0px auto; position: relative; display: block; padding-top: 50px; max-width: 100%; }

header .prehead-mobile{ height: 80px; background: url(/web/struttura/header/monaco-1.jpg) center; background-size: cover; text-align: center; padding: 10px 0; }
header .prehead-mobile .logo{ max-height: 100%; height: auto; margin: 0 auto; }

header .menu.container-fluid { background: var(--blue); padding-top: 10px; }

header .btn-link:hover{ color: #FFF; }
header .menu .btn.btn-menu{ left: 0px; position: absolute; top: 50%; margin-top: -22px; height: 36px; z-index: 90; }
header .menu .btn{ margin-top: 6px;  }
header .menu a.btn{ margin-top: 0px; display: block; cursor: pointer; }
header .menu a.btn:hover{ background: var(--blue-light); }

header .menu .search-console{ min-width: 45%; }
header .menu .search-console a{ text-decoration: none; display: inline-block; width: 49%; }
header .menu .search-console .btn{ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding-top: 16px; padding-bottom: 16px; margin-top: 0px; background: #004a71; }
header .menu .menu-service{ bac-kground: #000; margin-left: 30px; position: relative; padding: 0px; z-index: 1; }
header .menu .menu-service a{ display: inline-block; padding: 3px 6px 8px 6px; min-width: 36px; text-align: center; font-size: 90%; line-height: 10px; }
header .menu .menu-service a.btn img{ max-width: 30px; }
header .menu .menu-service a.btn:hover{ color: #FFF; }



header .menu .login-console .btn-login{  }
header .menu .login-console .btn-login.btn-welcome{  padding: 0px; display: table; height: 46px; width: 100%; text-align: center }
header .menu .login-console .btn-login.btn-welcome span{ vertical-align: middle; height: 41px; line-height: 46px; }
header .menu .login-console .btn-login.btn-welcome:hover{ background: var(--blue-light); }
.btn.btn-join,
header .menu .login-console .btn-join{ background: #004a71 !important; color: #FFF; }

header .menu .login-console .btn:hover{ color: #FFF; }

header .btn-search:hover,
header .btn-search.sel{ background: var(--blue-light) !important; font-weight: 600;  }

header .search-bar{ background: var(--blue-light); }
header .search-bar .search-container{ display: none; padding: 3px;  }
header .search-bar .search-container.sel{ display: block; }

header .verifyuser{ background: var(--orange); color: #FFF; padding-top: 10px; padding-bottom: 10px;}
header .verifyuser .btn{ background: var(--red); color: #FFF; }

.header-banner{ background: var(--blue); border-bottom: 1px solid var(--blue-light); }
.header-banner img{ width: 100%; }

#fixheader{ display: none; z-index: 999; min-height: 52px;  }
#fixheader .menu-nav{ min-height: 52px; }
#fixheader .logo{ max-height: 50px; padding: 5px 0 }
#fixheader-container{ background: var(--blue); } 
#fixheader .buttonbar a .btn{ background: #FFF; color: var(--blue); font-weight: 700;  }
#fixheader .buttonbar a .btn.btn-icona{ padding: 2px; background: transparent; color: #FFF; }
#fixheader .buttonbar .btn{ margin-top: 8px; margin-left: 4px; }
#fixheader .find-responsive{ font-size: 11px; }
#fixheader .find-responsive img{ vertical-align: bottom }

footer{ background: var(--blue); padding: 30px 0 30px 0; font-size: 90%; color: #FFF; }

footer .company .logo{ max-width: 230px;}
footer .company .companyinfo{ font-size: 0.75rem; line-height: 1.8; padding: 1rem; }

footer .social{ margin-top: 120px; }
footer .social a{ font-size: 1.6rem; margin-left: 20px; color: #FFF; }

footer .navfoot a{ text-decoration: none; display: inline-block; color: #FFF; }
footer .navfoot li{ margin: 0 0.25rem; position: relative; }
footer .navfoot li:after{ content: " | "; position: absolute; right: -0.6rem; color: #FFF; }
footer .navfoot a:hover{ text-decoration: underline; }
footer .navfoot li:last-child:after{ display: none; }
footer .lang{ text-align: right; }
footer .lang a{ padding-left: 6px; }
footer .lang a img{ max-width: 30px;  }
footer .ccard img{ margin-right: 4px; }

footer .company ul{ padding-left: 0.8rem; font-size: 0.75rem; }

.addtoselect a{  background: #CCC; }

.navbarclose{
  position: absolute; top: 10px; left: 0px;
  width: 26px;
  height: 26px;
}

.navbarmenu{ color: #FFF; z-index: 900}
.navbarmenu ul.nav a{ 
  color: #FFF;
  text-decoration: none;
  white-space: nowrap;
}
.navbarmenu ul.nav a img{
  vertical-align: bottom;
  margin-right: 4px;
  margin-bottom: -2px;
}

.navbarmenu ul.nav-account{ list-style: none; margin-left: 0px; }

#navabarfixed.offcanvas-collapse {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: var(--blue);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
#navabarfixed.offcanvas-collapse.open {
  width: 300px;
  box-shadow: 0 0 10px #000;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  co-lor: rgba(255, 255, 255, .75);
  color: #FFF;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  col-or: #6c757d;
  color: #FFf;
}

.navbarmenu ul.nav a:hover {
  
  background: #004a71 !important;
}

.nav-underline .active {
  font-weight: 500;
  colo-r: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-blue{ background: var(--blue); color: #FFF; }
.bg-blue-light{ background: var(--blue-light); color: #FFF; }
.bg-purple { background-color: #6f42c1; }
.bg-success{ color: #FFF !important; }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }




.breadcrumb{ background-color: transparent; padding-left: 0; padding-right: 0; float: right; margin-bottom: 0.5rem; font-size: 0.8rem; color: var(--blue-light) }
.breadcrumb li,
.breadcrumb a{ color: var(--blue-light) }

.crea-offerta .card{ border-color: var(--blue-20); }
.crea-offerta .card .card-header{ padding: 0.5rem 0.7rem; background-color: var(--blue-light-10) !important; border-bottom: 1px solid var(--blue-20) }
.crea-offerta .btn-crea-offerta{ margin: 0px; padding: 0px; }
.crea-offerta input[type=checkbox],
.crea-offerta input[type=radio]{ position: absolute; display: none; left: -9999px; }
.crea-offerta input[type=checkbox] + label,
.crea-offerta input[type=radio] + label{ position: relative; display: block; padding: 5px; background: #FFF; cursor: pointer; margin-bottom: 1px; padding-left: 25px !important;}
.crea-offerta input[type=checkbox] + label:hover,
.crea-offerta input[type=radio] + label:hover{ background: var(--blue-10); }
.crea-offerta input[type=checkbox] + label:before,
.crea-offerta input[type=radio] + label:before{ content: "\f111"; font-family: var(--font-awesome); position: absolute; left: 5px; top: 5px; color: var(--blue-20); }
.crea-offerta input[type=checkbox] + label:hover:before,
.crea-offerta input[type=radio] + label:hover:before{ color: var(--blue); }
.crea-offerta input[type=checkbox]:checked + label,
.crea-offerta input[type=radio]:checked + label{ background: #090 !important; color: #FFF !important; font-weight: 600; }
.crea-offerta input[type=checkbox]:checked + label:before,
.crea-offerta input[type=radio]:checked + label:before{ content: "\f058"; color: #FFF; }

.crea-offerta .descrizione-offerta .testi{ }
.crea-offerta .descrizione-offerta .testi .bottone-testo{ }
.crea-offerta .descrizione-offerta .testi:nth-child(1) .bottone-testo{ display: none; }
.crea-offerta .descrizione-offerta .testi:nth-child(1n + 2) .descrizione-box{ display: none; }


  

.job-item{
  color: var(--blue) !important;
  background: var(--blue-light-10);
}
.job-item .card-body{ padding: 15px 10px; }
.job-item h4 span.title{ font-size: 85%; font-weight: 600; background: var(--blue); color: #FFF; padding: 5px 10px; border-radius: 0.25rem; display: inline-block; }
.job-item h4 span.title-info{ font-size: 0.9rem; font-weight: 600; white-space: nowrap; padding: 5px 0;  display: inline-block;  }

.job-item .info-col{
  font-size: 80% !important;
}
.job-item img.flag-ico{ vertical-align: top; margin-right: 3px; border-radius: 0.25rem; box-shadow: 0 0 2px #CCC;}
.job-item .table tbody td{ padding: 3px 0px; }
.job-item .table tbody td:first-child{ font-weight: 600; }
.job-item .job-info-box-cont{ position: absolute; bottom:0px; right: 15px; }

.job-item .job-main-box-icon{}
.job-item .job-main-box-icon span{ display: inline-block; }
.job-item .job-main-box-icon span.ico{ width: 24px; text-align: center; }
.job-item .job-main-box-icon span.text{ white-space: nowrap; }
.job-item .job-main-box-icon .flag-ico{ max-width: 20px; margin-top: 4px; }

.crew-item{
  color: var(--blue) !important;
  background: var(--blue-light-10);
}
.crew-item .card-body{ padding: 15px; }
.crew-item .card-text .crew-picture{ position: relative;  }
.crew-item .card-text .crew-picture .pic{ background: #FFF;  border-radius: 20px; overflow: hidden;  }
.crew-item .card-text .crew-picture .pic img{ display: block; width: 100%;  }
.crew-item .card-text .crew-picture .blinklevel{ position: absolute; bottom: -10px; right: -10px; border-radius: 100px; width: 70px; border: 4px solid #FFF; }
.crew-item .card-text h4{ font-size: 1.2rem; font-weight: 600; padding: 0px 0px; margin-bottom: 0px; }

.crew-item .card-text .badge{ font-size: 80%; }
.crew-item .card-text ul{ list-style: none; margin: 0px; padding: 0px; }
.crew-item .card-text ul li{ padding-bottom: 5px; }
.crew-item .card-text ul li span.commerciale{ font-weight: 600; color: var(--blue); }
.crew-item .card-text ul li span.commerciale.commercialeno{ color: #999; font-weight: normal; }
.crew-item .card-text .member-info{ line-height: 0.75rem; }

#footerfixedbar{ position: fixed; bottom: 0px; width: 100%; left: 0; z-index: 900; height: 0; overflow-y: hidden; background: #EEE; color: #FFF; display: none; }
#footerfixedbar .ffbar-wrap{ position: relative; width: 100%; background: var(--blue);  display: block; }
#footerfixedbar .ffbar-wrap .textbox{ line-height: 2.5 }

.boxcheckicon{}
.boxcheckicon .bck-container{}
.boxcheckicon .bck-container .icona-ok{ font-size: 4rem; color: var(--green); }

.pagina{ padding-bottom: 50px;  }
.pagina h1,
.pagina h2,
.pagina h3,
.pagina h4,
.pagina h5,
.pagina h6{ color: var(--blue); }
.pagina h1{ line-height: 4rem; } 
.pagina h2{ font-size: 1.8rem; } 
.pagina h5{ text-decoration: underline; font-size: 0.9rem; margin-top: 1.5rem; font-weight: 600; }
.pagina p{ line-height: 1.6rem; }
.pagina ol li,
.pagina ul li{ padding-bottom: 0.5rem; line-height: 1.6rem; }

.pagina ol li > ol > li { list-style-type: lower-alpha; }

@-webkit-keyframes icona-open {
  0% { -webkit-transform: rotate(180deg); }
  100% { -webkit-transform: rotate(0deg); }
}
@-webkit-keyframes icona-close {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(180deg); }
}

.ricerca-filtri{ background: var(--blue-light-10); padding: 0 1rem 1rem 1rem; border-radius: 0.25rem; color: var(--blue); }
.ricerca-filtri .ricerca-ordina-titolo,
.ricerca-filtri .ricerca-filtri-titolo{ font-size: 1.1rem; padding: 1rem 0 0 0; font-weight: 600; color: var(--blue); display: block;}
.ricerca-filtri .ordina-container,
.ricerca-filtri .filtro-container{ display: block; padding-top: 0.1rem; position: relative;}
.ricerca-filtri .filtro-container .badge-tot{ background: var(--blue-light-20); color: var(--blue-70); vertical-align: text-top;  font-size: 0.6rem; }
.ricerca-filtri .filtro-container input:disabled + label{ color: var(--blue-30); }
.ricerca-filtri .filtro-container.sub-filtro{ margin-left: 0.4rem; border-left: 1px solid var(--blue-20); margin-right: 0px; }
.ricerca-filtri .filtro-container.sub-filtro:last-child{ border-bottom: 1px solid var(--blue-20); margin-bottom: 0.4rem; }
.ricerca-filtri .filtro-container.sub-filtro label{ font-size: 90%; color: #333; margin-left: 0rem; }
.ricerca-filtri .filtro-container.sub-filtro + .filtro-container.filtro{ margin-top: 0.5rem; }
.ricerca-filtri .filtro-container.filtro + .filtro-container.sub-filtro{ margin-top: 0.1rem;  }

.ricerca-filtri .ordina-container .form-check-input,
.ricerca-filtri .filtro-container .form-check-input{ display: none; position: absolute; left: -9999px; }
.ricerca-filtri .filtro-container .form-check-input + label{}
.ricerca-filtri .ordina-container .form-check-input + label:hover,
.ricerca-filtri .filtro-container .form-check-input + label:hover{ text-decoration: underline; cursor: pointer; }
.ricerca-filtri .ordina-container .form-check-input + label:before,
.ricerca-filtri .filtro-container .form-check-input + label:before{ content: "\f0c8"; position: absolute; left: 1px; font-family: var(--font-awesome); font-weight: 400; color: var(--blue-30)  }
.ricerca-filtri .ordina-container .form-check-input + label:before{ content: "\f111"; }
.ricerca-filtri .ordina-container .form-check-input + label:hover:before{ content: "\f192"; }
.ricerca-filtri .filtro-container .form-check-input + label:hover:before{ content: "\f14a"; }
.ricerca-filtri .ordina-container input:checked + label,
.ricerca-filtri .filtro-container input:checked + label{ font-weight: 600; }
.ricerca-filtri .ordina-container .form-check-input:checked + label:before{ content: "\f192"; color: var(--blue) }
.ricerca-filtri .filtro-container .form-check-input:checked + label:before{ content: "\f14a"; color: var(--blue) }

.ricerca-filtri .filtro-container.sub-filtro .form-check-input + label:before{ content: "\f04d"; font-weight: 600; margin-left: 0.2rem;  color:var(--blue-20); }
.ricerca-filtri .filtro-container.sub-filtro .form-check-input + label:hover:before{ content: "\f14a"; }
.ricerca-filtri .filtro-container.sub-filtro .form-check-input:checked + label:before{ content: "\f14a"; color: var(--blue) }

.ricerca-filtri .ricerca-filtro-container .filtro-container{  }
.ricerca-filtri .ricerca-filtro-container.isclose .filtro-container{  display: none; }

.ricerca-filtri .ricerca-ordina-container .ricerca-ordina-titolo,
.ricerca-filtri .ricerca-filtro-container .ricerca-filtri-titolo{ position: relative; }
.ricerca-filtri .ricerca-ordina-container .ricerca-ordina-titolo a,
.ricerca-filtri .ricerca-filtro-container .ricerca-filtri-titolo a{ display: block; width: 100%; z-index: 90; text-decoration: none; }

.ricerca-filtri .filtro-container.filtro.no-checkbox{ font-weight: 600; padding-left: 0; padding-top: 0.5rem; }
.ricerca-filtri .filtro-container.filtro.no-checkbox input + label:before{ display: none; }

.btn-ricerca-filtro{ position: fixed; bottom: 20px; right: 20px; background: #000; color: #FFF; padding: 1rem 2rem; border-radius: 4rem; z-index: 998 } 
.btn-ricerca-filtro:hover{ color: #FFF !important; background: var(--blue); }

.btn-account-mobile{ position: fixed; bottom: 20px; left: 20px; background: #000; color: #FFF; padding: 0.4rem; border-radius: 4rem; z-index: 998 } 
.btn-account-mobile img{ width: 40px; height: 40px; }

.ricerca-mobile-filtri{ position: fixed; z-index: 999; background: #FFF; top: 0px; left: 0px; width: 100%; height: 100%; display: none; overflow-y: scroll; padding: 0px 0; background: var(--blue-light-10-solid); }
.ricerca-mobile-filtri .ricerca-mobile-header{ font-size: 1.2rem; padding: 0.9rem 1rem 0 1rem; font-weight: 600; }
.ricerca-mobile-filtri .ricerca-mobile-header .btn-ricerca-filtri-close{ position: fixed; top: 10px; right: 4px; font-size: 120%; z-index: 901; }
.ricerca-mobile-filtri .ricerca-filtri{ padding-top: 0px; padding-bottom: 100px; background: transparent !important; }
.ricerca-mobile-filtri .ricerca-filtro-bottone{ position: fixed; bottom: 0px; width: 100%; left: 0px; padding: 10px 0 20px 0; background: var(--blue-80); color: #FFF; z-index: 900 }
.ricerca-mobile-filtri .btn-back-list{ background: var(--blue-light); color: #FFF; }
.ricerca-mobile-filtri .btn-back-list:hover{ background: var(--blue-light); color: #FFF !important; }

.ricerca-mobile-filtri .ricerca-filtri .ricerca-ordina-container .ricerca-ordina-titolo,
.ricerca-mobile-filtri .ricerca-filtri .ricerca-filtro-container .ricerca-filtri-titolo{ margin-bottom: 10px; }
.ricerca-mobile-filtri .ricerca-filtri{ z-index: 900 }
.ricerca-mobile-filtri .ricerca-filtri .ricerca-filtro-container.isopen{}
.ricerca-mobile-filtri .ricerca-filtri .ricerca-filtro-container.isopen .filtro-container{ display: block; }
.ricerca-mobile-filtri .ricerca-filtri .ricerca-filtro-container.isclose{}

.ricerca-mobile-filtri .ricerca-filtri .filtro-container .form-check-input + label{ padding-bottom: 4px; padding-bottom: 4px; }


.ricerca-filtri .ricerca-ordina-container .ricerca-ordina-icona,
.ricerca-filtri .ricerca-filtro-container .ricerca-filtro-icona{ position: absolute; top: 16px; right: 0px; z-index: 89; }
.ricerca-filtri .ricerca-ordina-container.isclose .ricerca-ordina-icona i,
.ricerca-filtri .ricerca-filtro-container.isclose .ricerca-filtro-icona i{ 
-webkit-animation-name: icona-close; 
-webkit-animation-duration: 0.3s; 
-webkit-animation-iteration-count: 1;
-webkit-transition-timing-function: linear;
 -webkit-transform: rotate(180deg); 
}
.ricerca-filtri .ricerca-ordina-container.isopen .ricerca-ordina-icona i
.ricerca-filtri .ricerca-filtro-container.isopen .ricerca-filtro-icona i{ 
-webkit-animation-name: icona-open; 
-webkit-animation-duration: 0.3s; 
-webkit-animation-iteration-count: 1;
-webkit-transition-timing-function: linear;
 -webkit-transform: rotate(0deg); 
} 

input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}

#yacht-info-fixed{ position:fixed; bottom: 0px; left: 0px; z-index: 900; width: 100%; display: none; }
#yacht-info-fixed .yacht-info-fixed-container{ background: var(--blue); color: #FFF; }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .table.table-sm-hide-1col-mobile tr td:first-child{ display: none; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  header #header-menu .container-xl{ padding-left: 0px; padding-right: 0px; }
  header .menu.container-fluid{   }
  header .menu .btn{ margin-top: 0px;  }
  header .menu .search-console a{ text-decoration: none; }
  header .menu .search-console .btn{  padding-top: 10px; padding-bottom: 10px; }
  header .menu .login-console .btn{ }

  footer .social{ margin-top: 0px; }

  .table.table-md-hide-1col-mobile tr td:first-child{ display: none; }

  
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  header .menu .search-console{ min-width: unset; }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    
}



/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
  .users-list-small .userbox-container img.blink-level{ margin-top: -65px; display: none !important; }
  .users-list-small .userbox-container:hover .blink-level{ border-radius: 10px !important;  }
}

@media (hover: none) and (pointer: coarse) and (min-width: 799.98px) and (max-width: 1199.98px){
  .users-list-small .userbox-container img.blink-level{ max-width: 45px; width: 45px; position: absolute; top: 100%; right: 5px; border-radius: 60px;}
  .users-list-small .userbox-container img.blink-level{ margin-top: -50px; }

}

.grecaptcha-badge { visibility: hidden; }