/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/* -------------------------------------------- COLORI BT4U

.color_blu_light_01 { color: #3399FF;}
.color_blu_dark_01 { color: #004D71;}
.color_blu_gray_01 { color: #ACC4D0;}
.color_gray_light_01 { color: #F7F8F9;}

---- */
/* -------------------------------------------- LOGIN --- */
body.light, body.light .auth-wrapper.auth-v1 {
  background-color: #F7F8F9;
  background-image: none !important;
}

.auth-wrapper.auth-v1 .auth-inner:before, .auth-wrapper.auth-v1 .auth-inner:after {
  display: none;
}

.brand-logo {
  text-align: center;
  text-decoration: none;
}

.brand-logo img {
  text-align: center;
  width: 100%;
  height: auto;
  max-width: 290px;
}

.auth-wrapper .card-header {
  background-color: #3399FF;
  text-align: center;
  margin-bottom: 20px;
}

.auth-wrapper .card-header .brand-logo {
  width: 100%;
  text-align: center;
}

.auth-wrapper .card-body h4.card-title {
  color: #004D71;
  font-weight: 800;
}

label {
  color: #004D71;
}

/* input */
.form-control:focus {
  color: #3399FF;
  border-color: #3399FF;
  box-shadow: 0 3px 10px 0 rgba(51, 153, 255, 0.1);
}

.input-group:not(.bootstrap-touchspin):focus-within .form-control, .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
  border-color: #3399FF;
}

/* checkbox */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: 0 2px 4px 0 rgba(51, 153, 255, 0.4) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #3399FF;
  background-color: #3399FF;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #3399FF;
  border-color: #3399FF;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #3399FF;
}

/* button */
.btn-primary {
  border-color: #004D71 !important;
  background-color: #004D71 !important;
  text-transform: uppercase;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #004D71;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #004D71;
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #004D71 !important;
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #004D71 !important;
}

/* button outline */
.btn-outline-primary {
  border: 1px solid #004D71 !important;
  color: #004D71;
}

.btn-outline-primary:hover:not(.disabled):not(:disabled) {
  background-color: rgba(51, 153, 255, 0.04);
  color: #004D71;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):focus {
  background-color: rgba(51, 153, 255, 0.2);
  color: #004D71;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):focus {
  background-color: rgba(51, 153, 255, 0.2);
  color: #004D71;
}

/* -------------------------------------------- CARICAMENTO PACE-PROGRESS  --- */
html .pace .pace-progress {
  background: #3399FF;
}

/* -------------------------------------------- HEADER NAVBAR --- */
.header-navbar .avatar {
  background-color: #fff;
}

.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link img {
  box-shadow: none;
}

.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-name {
  color: #004D71 !important;
}

.header-navbar.floating-nav {
  margin: 0;
  width: calc(100vw - (100vw - 100%) - 0rem - 260px);
  border-radius: 0;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
  width: calc(100vw - (100vw - 100%) - 0rem - 74px);
}

.navbar-floating .header-navbar-shadow {
  background: none;
}

/* tendina utente */
.dropdown-item:hover, .dropdown-item:focus {
  color: #004D71;
  background-color: rgba(51, 153, 255, 0.12);
}

@media only screen and (max-width: 1199px) {
  .header-navbar.floating-nav {
    width: 100% !important;
  }
}
@media only screen and (max-width: 575px) {
  .header-navbar.floating-nav {
    width: 100% !important;
  }
  body.vertical-layout:not(.horizontal-layout).navbar-floating .header-navbar {
    margin-left: 0;
    margin-right: 0;
  }
}
/* -------------------------------------------- MENU LATERALE --- */
/* logo */
.main-menu .navbar-header {
  height: 84px !important;
  padding: 0;
}

.menu-collapsed .main-menu .navbar-header {
  height: 63px !important;
}

.main-menu .navbar-header .navbar-brand {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

.main-menu .navbar-header .navbar-brand span.logo img {
  width: 100% !important;
  max-width: 100px !important;
  height: auto;
}

.menu-expanded .main-menu .navbar-header .navbar-brand span.logo, .main-menu.expanded .navbar-header .navbar-brand span.logo {
  text-align: center;
  width: 100%;
}

.menu-collapsed .main-menu .navbar-header .navbar-brand span.logo img {
  max-width: 70px !important;
}

.main-menu .navbar-header li.nav-item {
  text-align: center;
  background-color: #3399FF;
}

.main-menu .navbar-header .nav-item.mr-auto {
  width: 90%;
}

.main-menu .navbar-header .modern-nav-toggle {
  color: #fff;
}

/* link */
a {
  color: #004D71;
}

a:hover {
  color: #004D71;
}

/* button menu */
#main-menu-navigation .navigation-header {
  display: none;
}

.main-menu.menu-light .navigation > li > a {
  margin: 0;
}

.navigation li {
  border-bottom: 1px solid #F7F8F9;
}

.main-menu.menu-light .navigation li a {
  color: #004D71;
}

.main-menu.menu-light .navigation > li.active > a {
  background: #004D71 !important;
  box-shadow: none;
  border-radius: 0;
}

/* button menu collapsed */
.menu-collapsed .main-menu:not(.expanded) .navigation li.active a, .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
  color: #fff;
}

.menu-collapsed .main-menu.menu-light .navigation > li > a {
  padding-left: 30px;
}

/* -------------------------------------------- CARD - PREVIEW APP CARD --- */
.label-info-preview {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 40px;
  padding: 2px 4px 1px 4px;
  text-transform: uppercase;
  font-size: 7.5px;
  font-weight: 600;
  color: #000;
  position: absolute;
  margin-top: -18px;
  margin-left: -15px;
}

.card-body .function-info-app .label-info-preview {
  right: 10px;
}

.icon-app {
  padding-bottom: 22px;
}

.icon-app i, .icon-app .fa {
  font-size: 1.8rem;
}

.title-app {
  padding-top: 4px;
}

.card.card-preview-bt4u .card-footer {
  background-color: #fff !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.card.card-preview-bt4u .card-footer p, .card.card-preview-bt4u .card-footer .card-text {
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.col-preview-app-left {
  width: 70%;
  display: block;
  float: left;
}

.col-preview-app-right {
  width: 30%;
  display: block;
  float: left;
}

.card-body .function-info-app {
  height: 85px;
  vertical-align: middle;
  display: table-cell;
}

.card-body .function-info-app p a.btn {
  position: absolute;
  right: 20px;
}

.function-info-app .btn.btn-outline-primary {
  border-radius: 100px;
  width: 36px;
  font-size: 1.4rem !important;
  font-weight: 600;
  background-color: #fff !important;
}

.function-info-app .btn.btn-outline-primary i {
  margin: 0;
  padding: 0;
  font-size: 2.4rem;
}

/* -------------------------------------------- CARD - PAGE --- */
.btn-align-right {
  float: right;
}

#row-title-page {
  margin: 0;
  padding: 0 0px 20px 0px;
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  margin-bottom: 20px;
  float: left;
}

@media only screen and (max-width: 600px) {
  #row-title-page .col-xl-8.col-md-8.col-8, #row-title-page .col-xl-4.col-md-4.col-4 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#row-title-page h1 {
  color: #004D71 !important;
  font-size: 1.6rem;
}

#row-title-page h2 {
  color: #777 !important;
  font-size: 1.1rem;
  font-weight: 300;
}

/* pannello CARD EDITING */
#card-demo-example .card .card-header {
  background-color: #004D71 !important;
  color: #fff !important;
  padding: 0.6rem 1.5rem;
  margin-bottom: 10px;
}

#card-demo-example .card .card-header .card-title {
  text-transform: uppercase;
  color: #fff;
  font-size: 0.8rem;
}

#card-demo-example .card .form-group {
  margin-bottom: 0.4rem;
}

/* check abilita */
.check-abilita .form-check-label {
  margin-left: 10px;
  font-weight: 600;
  width: 90%;
}

.check-abilita .form-check-label em, .card .form-group small em {
  color: #777;
  font-weight: 400;
  font-size: 0.7rem;
}

.check-abilita .form-check-label, .check-abilita input {
  float: left;
  display: block;
}

.row-bottom-gray {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
}

/* input card */
#card-demo-example .card .form-group .form-control-lg {
  height: 2.4857rem;
  padding: 0.35rem 1.143rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.357rem;
}

#card-demo-example .card .form-group select.form-control:not([multiple=multiple]) {
  background-position-y: center !important;
}

/* TAG LABEL */
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3399FF !important;
  border-color: #3399FF !important;
}

.select2-container--classic .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted {
  background-color: rgba(51, 153, 255, 0.12) !important;
  color: #3399FF !important;
}

.select2-container--classic .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #3399FF !important;
}

.select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #3399FF !important;
}

/* button */
.card .btn {
  padding: 0.686rem 0.5rem;
  font-size: 0.8rem;
  line-height: 0.8;
  border-radius: 0;
  text-transform: uppercase;
}

/* popup CARD CREAZIONE */
.modal-title {
  color: #004D71 !important;
}

/* -------------------------------------------- NEWS PAGE --- */
/* PREVIEW NEWS */
.card-preview-news .card-title {
  color: #004D71 !important;
  margin-bottom: 0.5rem;
  font-size: 1.485rem;
}

.card-preview-news small {
  color: #ff0000;
}

.card-img-responsive {
  width: 100%;
  height: auto;
}

.blue-operator {
  background-color: #053448;
  color: #fff;
}

.badge-roles {
  color: #fff;
  margin: 2px;
}

.badge-sede {
  background-color: #0073b7;
}

.badge-ff {
  background-color: #f39c12;
}

.badge-agenti {
  background-color: #00a65a;
}

.badge-it {
  background-color: #000000;
}

.badge-staff {
  background-color: #f400a1;
}

.badge-test {
  background-color: #8a0000;
}

.icon-action {
  color: #004D71;
  margin-right: 10px;
  width: 25px;
  height: 25px;
}

.icon-action:hover {
  color: #2dbacc;
  cursor: pointer;
}

.icon-trash {
  color: #b00e0e;
  margin-right: 10px;
  width: 25px;
  height: 25px;
}

.icon-trash:hover {
  color: #ef3a3a;
  cursor: pointer;
}

.datatable-news {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.9rem;
}
.datatable-news .even {
  background-color: #f9f9f9;
}

.dataTables_wrapper {
  padding: 15px !important;
}

.title_news {
  line-height: 0.8rem;
  font-size: 0.8rem;
  font-weight: 500;
  margin-bottom: 0rem;
}

.button-new-news {
  border: 1px solid #004D71;
  color: #004D71;
  background-color: #fff;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  line-height: 0.8;
  border-radius: 4px !important;
  text-transform: uppercase;
}

.news-page-title {
  padding: 15px;
}

.textarea-block {
  min-height: 500px;
}

.textarea {
  height: 400px;
}

.button-actions {
  margin: 100px 0;
  display: flex;
  justify-content: center;
}

.right-grey-line {
  border-right: 1px solid rgba(34, 41, 47, 0.05);
}

.label-info-href {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: white;
  border: 1px solid black;
}

.ajax-datatable {
  margin-top: -30px;
}

.page-item.active .page-link {
  background-color: #004D71 !important;
  border-color: #004D71 !important;
}

.page-link {
  color: #3399FF !important;
}

.datatable-row-highlight {
  background-color: rgba(51, 153, 255, 0.2) !important;
}

.datatable-row-not-highlight {
  background-color: #D1D1D1 !important;
}

/* Highlight Toggle */
label {
  font-size: 13px;
  color: #424242;
  font-weight: 500;
}

.btn-highlight-switch {
  display: inline-block;
  margin: 0px;
  position: relative;
}

.btn-highlight-switch > label.btn-highlight-switch-inner {
  margin: 0px;
  width: 200px;
  /* height: 30px; */
  height: 35px;
  background: #e0e0e0;
  border-radius: 26px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
  display: block;
}

.btn-highlight-switch > label.btn-highlight-switch-inner:before {
  content: attr(data-on);
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  /* top: 7px; */
  top: 9px;
  right: 20px;
}

.btn-highlight-switch > label.btn-highlight-switch-inner:after {
  content: attr(data-off);
  width: 100px;
  /* height: 26px; */
  height: 31px;
  background: #fff;
  border-radius: 26px;
  position: absolute;
  left: 2px;
  top: 2px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 6px -2px #111;
  /* padding: 5px 0px; */
  padding: 7px 0px;
}

#cards_switch_wrapper > .btn-highlight-switch > label.btn-highlight-switch-inner:before {
  right: 25px !important;
}

.btn-highlight-switch input[type=checkbox] {
  cursor: pointer;
  width: 50px;
  height: 25px;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  margin: 0px;
}

.btn-highlight-switch input[type=checkbox]:checked + label.btn-highlight-switch-inner {
  background: rgba(51, 153, 255, 0.2);
  color: #424242;
}

.btn-highlight-switch input[type=checkbox]:checked + label.btn-highlight-switch-inner:after {
  content: attr(data-on);
  left: 98px;
  background: #fff;
}

.btn-highlight-switch input[type=checkbox]:checked + label.btn-highlight-switch-inner:before {
  content: attr(data-off);
  right: auto;
  /* left: 20px; */
  left: 16px;
  top: 10px;
}

/* -------------------------------------------- IMPOSTAZIONI --- */
.card-header h1 {
  color: #004D71 !important;
}