:root {
  --iq-primary: #6D66AE
}

html.nooverflow, html.nooverflow body { overflow-y: hidden; }
body { overflow-x: hidden; }

.disabled { -moz-opacity:.5; opacity:0.50; filter:alpha(opacity=50); cursor:default; }

.skillme-banner-text .iq-card { height: auto; padding: 20px 30px; }
.skillme-banner-text .iq-card .inner-page-title { position: static; }
.skillme-banner-text .iq-card .inner-page-title p { margin-bottom: 0px; }

label.mb5 { margin-bottom: 0px !important; }

.sign-in-from { padding: 0px 30px; }

.form-group label { width: 100%; }

.form-control { border-color: #E6E6E6; }
.form-control:focus { border-color: #50b5ff !important; }

#loading-center { background-image: url(../../img/skillme-logo.png); }

.load_source { overflow: hidden; position: relative; }
.load_source .loading_content { float: left; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url(../../img/loading.svg); background-size: 80px; }
.profile-img-edit.load_source .loading_content { background-size: 40px; position: absolute; top: 0px; left: 0px; z-index: 20; }
.load_source img { float: left; width: auto; height: auto; display: none; transition: all .3s; -webkit-transition: all .3s; }
.profile-img-edit.load_source .p-image { display: none; }
.load_source.skill-h250 { height: 250px; border-radius: 5px; }
.load_source.skill-h300 { height: 300px; border-radius: 5px; }
.load_source.skill-h350 { height: 350px; border-radius: 5px; }
.load_source.skill-h400 { height: 400px; border-radius: 5px; }
.load_source.brt, img.rounded.brt { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.load_source.skill-h400 .loading_content, .load_source.skill-h350 .loading_content, .load_source.skill-h300 .loading_content, .load_source.skill-h250 .loading_content { background-size: auto 50px; }

.flexed {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; line-height: 30px; text-align: center; }
.flexed i { height: 30px; line-height: 30px; }
.flexed.nowd { width: auto; cursor: default !important; padding: 6px 6px; }
.flexed.nowd i { font-size: 20px; }

.iq-card.nbs { background-color: transparent; box-shadow: none; }
.profile-page.skillme-profile { padding-bottom: 100px !important; }
.profile-page.skillme-profile .profile-header .user-detail { bottom: 0px !important; }
.profile-page.skillme-profile .cover-container { height: 250px; border-radius: 5px; }
.profile-page.skillme-profile .cover-container .p-image { display: none; bottom: unset; top: 10px; }
.profile-page.skillme-profile .cover-container .loading_content { background-size: auto 50px; }

.profile-header .user-detail.bottom5 { bottom: 5px !important; }

.iq-card.minh { min-height: 500px; }

textarea { resize:none; }

#btn_add_data { min-height: 35px; min-width: 80px; text-align: center; }
#btn_add_data.loading { background-position: center center; background-repeat: no-repeat; background-image: url(../../img/loading_white.svg); background-size: auto 24px; }

#add_skill_request_popup .btn,
#add_skill_appointment_popup .btn,
#decline_appointment_popup .btn,
#decline_suggestion_course .btn,
#confirm_appointment_popup .btn,
.btn.suggestion_course, .btn.confirm_course { min-height: 35px; min-width: 100px; text-align: center;  opacity: 1 !important; display: block !important; }
.btn.suggestion_course { min-width: 150px; }
#invia-commento { min-height: 35px; min-width: 80px; text-align: center;  opacity: 1 !important; }
#add_skill_request_popup .btn-primary.loading,
#add_skill_appointment_popup .btn-primary.loading,
#decline_appointment_popup .btn-primary.loading,
#decline_suggestion_course .btn-primary.loading,
#confirm_appointment_popup .btn-primary.loading,
#invia-commento.loading,
.btn.suggestion_course.loading,
.btn.confirm_course.loading { background-position: center center !important;
  background-repeat: no-repeat !important; background-image: url(../../img/loading_white.svg) !important;
  background-size: auto 24px !important; }
#add_skill_request_popup .modal-body .form-group:last-child,
#add_skill_appointment_popup .modal-body .form-group:last-child,
#decline_appointment_popup .modal-body .form-group:last-child,
#confirm_appointment_popup .modal-body .form-group:last-child { margin-bottom: 5px !important; }

/* COOKIE POLICY */
.cookie_popup { float:left; position:fixed; left:0px; bottom:0px; background-color: #50b5ff; width:100%; height:auto; padding:20px 20px; z-index: 300; }
.cookie_popup .center_container { width: 90%; margin: 0px auto; }
.cookie_popup .align { display: flex; align-items: center; justify-content: center; float: left; }
.cookie_popup .testo { float: left; width: calc(100% - 160px); }
.cookie_popup p { float:left; width:100%;  font-weight:400; font-size:14px; line-height:22px; color:#FFF; margin-top: 0px; margin-bottom: 0px; }
.cookie_popup p a { text-decoration:underline;  font-weight:400; font-size:14px; line-height:22px; color:#FFF; }
.cookie_popup p.link { float: right; width: 150px; }
.cookie_popup p.link a { float: right; background-color: #FFF; text-decoration: none; padding: 0px 25px; border-radius: 25px; color: #50b5ff;
  font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 46px; height: 46px; }
/* FINE COOKIE POLICY */

hr { margin: 10px 0px 15px; }

.ui-autocomplete { max-height: 222px; overflow: hidden; border-radius: 10px; }
.ui-widget.ui-widget-content { border: 1px solid #f1f1f1; }
.ui-menu-item-wrapper { padding: 5px 10px; font-family: 'Montserrat', sans-serif; }

.iq-sidebar-menu .iq-menu li { position: relative; }
.iq-sidebar-menu .iq-menu li #badge_notifiche, .iq-sidebar-menu .iq-menu li #badge_skill, .iq-sidebar-menu .iq-menu li #badge_richieste { position: absolute; right: 0px; top: 0px; width: 18px;
height: 18px; padding: 0px; line-height: 18px; border-radius: 10px; text-align: center; }
body.sidebar-main .iq-sidebar-menu .iq-menu li #badge_notifiche, body.sidebar-main .iq-sidebar-menu .iq-menu li #badge_skill, body.sidebar-main .iq-sidebar-menu .iq-menu li #badge_richieste { right: unset; left: 110px; }

ul.iq-edit-profile li:first-child .nav-link { border-radius: 5px 0 0 5px; }
ul.iq-edit-profile li:last-child .nav-link { border-radius: 0px 5px 5px 0px; }

/* PAGINAZIONE */
.pagination { float: left; width: 100%; margin:60px 0px 80px; display: flex; justify-content: center;}
.pagination.mm { margin-top: 70px; margin-bottom: 100px; }
.pagination a.arrow { float: left; width:20px; height: 42px; background-size: 14px; }
.pagination a.arrow svg { width: 24px; }
.pagination a.arrow.left { margin-right: 20px; }
.pagination a.arrow.left svg { transform: rotate(-180deg); }
.pagination span, .pagination a.page { float: left; margin-right: 15px; border: 1px solid #50b5ff; width: 42px; border-radius: 5px; font-size: 16px; line-height: 42px; text-align: center; height: 42px; color: #50b5ff; text-decoration: none; }
.pagination a.page:hover, .pagination span { background-color:#50b5ff; border: 1px solid #50b5ff; color: #FFF; }
/* FINE PAGINAZIONE */

.stories-data { flex:  1; }

.profile-img.small img  { height: 60px; width: 60px; line-height: 60px; text-align: center; border: 2px solid rgba(0, 0, 0, .1); padding: 2px; }

.iq-card-body .form-group:last-child { margin-bottom: 10px; }

.btn-outline-secondary.mentor_req { width: 140px; text-align: center; padding:0px 0px; height: 35px; line-height: 35px; }
.btn-outline-secondary.loading { background: var(--iq-secondary);
background-position: center center; background-repeat: no-repeat; background-image: url(../../img/loading_white.svg); background-size: auto 20px; }

.iq-accordion-block .accordion-details p:last-child { margin-bottom: 0px !important; }

.iq-footer ul li a.active { color: var(--iq-primary); }

.group-member.flexable { flex-direction: row; display: flex; justify-content: center; align-items: center; }
.group-member.flexable p {}
.group-member.flexable .iq-media-group { flex: 1; height: 40px; }

.group-member .iq-media-group.h40, div.h40 { height: 40px; }

span.user-counter { position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; background-color: var(--iq-primary);; line-height: 40px; text-align: center; color: #FFF; border-radius: 20px; }

.user-img.with_marker { position: relative; }
.user-img.with_marker span.marker { position: absolute; right: 0px; top: 0px; background-color: var(--iq-danger) !important; width: 10px; height: 10px; border-radius: 10px; }

.skill_btn { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.skill_btn a { flex: 1; margin-right: 5px; padding: 0px 12px; height: 35px; line-height: 33px; }
.skill_btn a:last-child { margin-left: 5px; margin-right: 0px; }
.skill_btn a.loading { background-position: center center; background-repeat: no-repeat; background-image: url(../../img/loading_white.svg); background-size: auto 24px; }

.iq-card.position-relative { display: flex; justify-content: center; align-items: center; background-color: var(--iq-dark) !important; }
.iq-card.position-relative h3 { flex: 1; }

.skillme-corso .cover-container { height: 320px; border-radius: 5px; background-color: #F2F2F2; position: relative; display: flex; align-items: center; justify-content: center; }
.skillme-corso .cover-container span.nophoto { text-align: center; }
.skillme-corso .cover-container .loading_content { background-size: auto 50px; }

.like-course { padding: 0px !important; width: 30px !important; height: 30px !important; border-radius: 15px !important; line-height: 28px; }
.like-course i { margin-left: 4px; }

.utente-corso-img img { width: 150px; border-radius: 5px; }

.skillme-upload { position: relative; padding: 0px 0px; width: 80px; text-align: center; height: 25px; display: flex; justify-content: center; align-items: center; }
.skillme-upload font { font-size: 12px; }
.skillme-upload input { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; opacity: 0; }
.skillme-upload.loading font, .skillme-upload.loading input { display: none; }
.skillme-upload.loading { background-position: center center; background-repeat: no-repeat; background-image: url(../../img/loading.svg); background-size: auto 14px; }

.skillme-upload.skillme-field { width: 100%; height: 43px; background-color: var(--iq-primary); }
.skillme-upload.skillme-field font { color: #FFF; font-size: 14px; font-weight: 400; }

.appoitment_btn { height: 30px; width: 100px; padding: 0px; line-height: 28px; }
.appoitment_btn.big { width: 120px; }
.appoitment_btn.loading { background-position: center center; background-repeat: no-repeat; background-image: url(../../img/loading_white.svg); background-size: auto 18px; }

.questionario_btn { height: 30px; line-height: 28px; padding: 0px 8px; }
.questionario_btn.w100 { width: 100px; padding: 0px; }
.questionario_btn.loading { background-position: center center; background-repeat: no-repeat; background-image: url(../../img/loading_white.svg); background-size: auto 18px; }

.badge { text-transform: none; }
.skillme-badge { padding: 0px 10px; height: 30px; font-weight: 400; line-height: 28px; font-size: 14px; }
.skillme-iq-notify { width: 30px; height: 30px; line-height: 30px; }

.loading_select { position: relative; }
.loading_select .loading { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;
  background-image: url(../../img/loading_b.svg); background-size: auto 24px; }

.navbar-list li > span.lang { font-size: 18px; padding: 0 15px; padding-right: 0px; line-height: 73px; display: block; min-height: 75px; }
.navbar-list li.language_it > span.lang,
.navbar-list li.language_it > a.lang {
  padding-left: 5px;
  padding-right: 0px;
}
.navbar-list li.language_en > span.lang,
.navbar-list li.language_en > a.lang {
  padding-right: 0px;
  padding-left: 10px;
}

.note_declined { position: absolute; top: 0px; left: 0px; display: none; }

.skillme-delete { padding: 0px; width: 35px; height: 35px; line-height: 35px; }
.skillme-delete i { margin-left: 6px; }
.skillme-delete-sm { padding: 0px; width: 30px; height: 30px; line-height: 30px; }

.user_confirmed_skill { height: 40px; width: 100%; overflow: hidden; }

.custom-switch-inner.skillme label.custom-control-label { height: 30px !important; width: 55px !important; }
.custom-switch-inner.skillme label.custom-control-label::before { height: 30px !important;  border-radius: 15px !important; width: 55px !important;  }
.custom-switch-inner.skillme label.custom-control-label .switch-icon-left { top: 2px; left: 10px; }
.custom-switch-inner.skillme label.custom-control-label .switch-icon-left i { font-size: 13px; }
.custom-switch-inner.skillme label.custom-control-label .switch-icon-right { top: 2px; right: 6px; }
.custom-switch-inner.skillme label.custom-control-label .switch-icon-right i { font-size: 13px; }
.custom-switch-inner.skillme label.custom-control-label::after { width: 26px !important; height: 26px !important; top: 2px !important;
  border-radius: 15px !important; left: 5px !important; }

.skillme-tab { margin-right: 5px; }
.skillme-tab:last-child { margin-right: 0px; }
.skillme-tab a { height: 30px; line-height: 30px; padding: 0px 10px !important; }
.skillme-btn-answer { margin-top: 45px; }

.skillme-level-skill { display: flex; justify-content: center; align-items: center; margin-top: 5px; }
.skillme-level-skill .custom-control-label::after { top: 50%; margin-top: -0.5rem;}
.skillme-level-skill .custom-control-label::before { top: 50%; margin-top: -0.5rem;}
.skillme-level-skill .custom-control-label { display: flex; justify-content: center; align-items: center; }
.skillme-level-skill label { flex: 1;}
.skillme-level-skill img { width: 30px; }
.skillme-level-skill span { flex: 1; margin-left: 5px; }

.iq-card .iq-card-header { padding: 0px 15px; }

.avatar-36 { height: 36px; width: 36px; line-height: 36px; font-size: 0.9rem; }

/* HOMEPAGE */
.content-page.home_no_logged { padding: 0px; padding-top: 70px; }
.skillme-header { float: left; width: 100%; display: flex; justify-content: center; align-items: center; }
.skillme-header-text { flex: 1; margin-right: 5%; margin-left: 10%; display: flex; justify-content: center; }
.skillme-header-text-inside { float: left; width: 100%; max-width: 500px; }
.skillme-header-text-inside h1 { color: #FFF; font-weight: 700; font-size: 68px; line-height: 72px; }
.skillme-header-text-inside p { font-size: 18px; line-height: 24px; margin-top: 10px; }
.skillme-header-text-btn { float: left; width: 100%; margin-top: 15px; }
.skillme-header-text-btn a { float: left; padding: 0px 25px; color: #FFF; height: 56px; line-height: 56px; border: 1px solid #FFF; border-radius: 0px;
font-size: 18px;  transition: all .3s; -webkit-transition: all .3s; }
.skillme-header-text-btn a:hover { background-color: #FFF; color: var(--iq-primary); }
.skillme-header-image { float: right; }

.skillme-header-text-btn.center { display: flex; justify-content: center; align-items: center; }
.skillme-header-text-btn.primary a { border: 1px solid var(--iq-primary); background-color: var(--iq-primary); color: #FFF !important; }
.skillme-header-text-btn.primary a:hover { background-color: #A099E1; }

.skillme-row { float: left; width: 100%; display: flex; justify-content: center; }
.skillme-row-column { flex: 1; padding: 60px 40px; display: flex; justify-content: center; flex-direction: column; }
.skillme-row-column.smp { padding: 20px 40px; }
.skillme-row-column.image { padding: 0px; }
.skillme-row-column.image img { width: 100%; }
.skillme-row-column.light { background-color: #F9F9F9; }
.skillme-row-column.medium { background-color: #F4F4F4; }
.skillme-row-column.dark { background-color: #EFEFEF; }
.skillme-row-column.white { background-color: #FFF; }
.skillme-row-column h2 { color: var(--iq-primary);  font-weight: 700; font-size: 34px; line-height: 42px; }
.skillme-row-column h2.center { text-align: center; }
.skillme-row-column h2.big { font-size: 42px; line-height: 50px; margin-top: 5px; }
.skillme-row-column p { font-size: 18px; line-height: 24px; margin-top: 10px; }
.skillme-row-column p.minheight { min-height: 72px; }
.skillme-row-column p.link { text-decoration: underline; min-height: auto; }
.skillme-row-column p.icon { font-size: 44px; }

.skillme-row.bg-primary .skillme-row-column h2, .skillme-row.bg-primary .skillme-row-column p { color: #FFF; }

.skillme-banner { float: left; width: 100%; display: flex; padding: 90px 60px;  justify-content: center; align-items: center; }
.skillme-banner img { height: 200px; }
.skillme-banner-text-home { flex: 1; margin-left: 35px; }
.skillme-banner-text-home h2 { color: #FFF; font-weight: 700; font-size: 42px; line-height: 50px; }
.skillme-banner-text-home h2.big { font-size: 60px; line-height: 64px; margin-bottom: 15px; }
.skillme-banner-text-home h2.upper { text-transform: uppercase; }
.skillme-banner-text-home h2.center { text-align: center; }
.skillme-banner-text-home p { margin-bottom: 0px; font-size: 18px; line-height: 24px; margin-top: 15px; }
.skillme-banner-text-home p.big { font-size: 24px; line-height: 28px; margin-top: 5px; }

.skillme-banner.welcome { padding: 80px 60px; align-items: flex-end; }
.skillme-banner.welcome img { height: 340px;  margin-right: 10%; }
.skillme-banner.welcome .skillme-banner-text-home { margin-left: 10%; margin-right: 35px; }

.skillme-banner.sfondo { position: relative; padding: 0px; }
.skillme-banner.sfondo img { height: auto; width: 100%; }
.skillme-banner.sfondo .skillme-banner-over { position: absolute; left: 10%; width: 80%; transform: translateY(-50%); top: 50%; }
.skillme-banner.sfondo .skillme-banner-over .skillme-row-column { padding: 60px 60px; }
.skillme-banner.sfondo .skillme-banner-over .skillme-header-text-btn { margin-top: 35px; }

.skillme-anchor { float: left; width: 100%; }
/* END HOMEPAGE */

.sign-in-page { background: unset; background-color: var(--iq-primary) !important; }

.navbar-list li > a { font-weight: 500; }