body {
  color: #898989;
  font-size: 14px;
}

ul.nav-main > li.nav-expanded > a,
ul.nav-main li .nav-children,
.sidebar-left,
.page-header {
  background: #181a1e;
}

ul.nav-main li.active {
  background: #005e86;
}

ul.nav-main li.li-normal {
  background: rgba(37, 37, 37, 1);
  border-bottom: 1px solid rgba(23, 23, 23, 1);
}

.sidebar-left .sidebar-header .sidebar-toggle {
  background-color: #181a1e;
}

.page-header {
  height: 63px;
}

.page-header h2 {
  padding: 5px 22px 5px 20px;
}

ul.nav-main li a {
  color: #d9d9d9;
  font-weight: 500;
  line-height: 18.2px;
}

ul.nav-main > li > a {
  padding: 15px 25px;
}

ul.nav-main li .nav-children li a {
  padding: 15px 15px 15px 40px;
}

.sidebar-left .sidebar-header .sidebar-title {
  color: #0c5579;
  font-size: 1.8rem;
  font-weight: 800;
}

ul.nav-main li.nav-parent > a:after {
  font-size: 2.2rem;
  padding: 15px;
  color: #d9d9d9;
}

.custom_body_panel .nav.tabs > li.active > a {
  color: #0c5579 !important;
}

.text-dark {
  color: #0c0b18 !important;
}

.dropdown button.btn.dropdown-toggle.transparent {
  background: transparent;
  color: rgb(0 0 0 / 70%) !important;
  padding: 0 !important;
}

.form-control,
.select2-container .select2-choice {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  height: 46px !important;
  padding: 12px;
  outline: none;
  color: #999999;
}

#circolo_1 form label {
  font-size: 14px !important;
  color: #000000 !important;
  font-weight: 400 !important;
}

label {
  font-size: 14px;
  color: #000000;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 0;
}

.select2-choice > span:first-child {
  padding: 0 !important;
}

.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: none;
}

.select2-container .select2-choice .select2-arrow b {
  display: none;
}

.select2-container .select2-choice:after {
  content: "\f107";
  position: absolute;
  right: 0;
  top: 8px;
  font-family: "FontAwesome";
  font-size: 2.2rem;
  padding: 0px 8px;
  color: #d9d9d9;
}

.tabpanel2_form .form-group label {
  margin: 0 0 15px;
}

.form-group.btns_group {
  display: table;
  width: 100%;
  text-align: center !important;
}

.form-group.btns_group .close {
  float: none;
  opacity: 1;
}

.btn,
.btn.btn-primary {
  padding: 6px 30px;
  font-size: 14px;
  margin: 0 6px;
  border-radius: 5px;
  cursor: pointer !important;
  color: #fff;
  line-height: 1.42857143 !important;
  font-weight: 600 !important;
}

body table.dataTable thead > tr > th {
  background: #f9f9f9 !important;
}

ul.nav-main li a img {
  margin-right: 5px;
}

ul.nav-main > li > a {
  padding: 15px 20px;
}

table.dataTable tbody tr:hover {
  background-color: #f4ffff !important;
}

.table-striped > tbody > tr:nth-child(odd):hover {
  background-color: #f4ffff !important;
}

.custom_body_panel .nav.tabs {
  padding-bottom: 20px;
}

.dropdown.open .dropdown-menu {
  padding: 15px 10px 14px 20px;
  width: 215px;
  min-height: 260px;
  right: 10px;
  top: 10px;
}

.dropdown.open .dropdown-menu .dropdown-item a {
  color: #0c5579;
  font-weight: 500;
}

body .btn-info {
  background-color: #0088cc;
  border-color: #0088cc;
}

.modal-content {
  border-radius: 36px;
  min-width: 883px;
  min-height: 653px;
}

.modal .modal-header {
  padding: 30px 10px;
  border-bottom: 0;
  min-height: auto;
  background: transparent;
}

.modal .popup_form .form-group label {
  font-size: 14px !important;
  color: #999999 !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  display: block;
}

.modal .modal-body {
  padding: 20px 80px 30px;
}

.modal .modal-body .form-group input,
.modal .modal-body .form-group select,
.modal .modal-body .form-group textarea {
  display: block;
  width: 100%;
  border-radius: 5px;
  color: #999999;
}

body table.dataTable thead > tr > th,
.cust_design .status_tit,
.cust_design .status_tit,
.cust_design .actions .fa,
.table-tickets .cust_tab thead th,
.cu_box span._2,
.actions.blue a,
.sedi_import_xl .control-label,
.sedi_import_xl .upload-text-wrapper .fa-cloud-upload-alt,
.sedi_import_xl .upload-text-wrapper span,
.panel-design .status_tit,
.panel-design .actions .fa,
.problem_card .contents .id {
  color: #0c5579;
}

.cus_ticket .con_but,
.articoli .btn-bottom-toolbar button.btn {
  background-color: #0088cc;
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
  background-image: url(img/fil_search_ico.png);
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 15px !important;
  background-position: 8px 15px !important;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  height: auto;
  outline: none;
  color: #d9d9d9;
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
  padding: 5px 30px !important;
}

.dataTables_wrapper
  .dataTables_filter
  input[type="search"]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter input[type="search"]:-moz-placeholder,
.dataTables_wrapper .dataTables_filter input[type="search"]::-moz-placeholder,
.dataTables_wrapper
  .dataTables_filter
  input[type="search"]:-ms-input-placeholder,
.dataTables_wrapper
  .dataTables_filter
  input[type="search"]::-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter input[type="search"]::placeholder {
  color: #d9d9d9 !important;
}

.fa.fa-eye,
.fa.fa-edit,
.fa.fa-trash,
.far.fa-trash-alt {
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px 3px !important;
  padding: 9px;
}

.fa.fa-eye {
  background-image: url(img/viewico.png);
}

.fa.fa-edit {
  background-image: url(img/condividi.png);
}

.fa.fa-trash,
.far.fa-trash-alt {
  background-image: url(img/deleteico.png);
}

.fa.fa-eye::before,
.fa.fa-edit::before,
.fa.fa-trash::before,
.far.fa-trash-alt::before {
  display: none;
}

.dataTables_wrapper .dataTables_filter label {
  color: #fff !important;
}

#datatable-circoli-document_wrapper .dataTables_filter input {
  width: 70%;
}

.cust_design .dataTables_filter .search_icon {
  color: #d9d9d9;
  border-right: none;
  background-color: #ffffff;
  top: 50%;
  height: 25px;
  width: auto;
  padding: 0px 10px;
  transform: translatey(-50%);
}

.default-bg,
.Create_service_file_uploader .uploaded_file .file,
.btn_sec .btn {
  background: #0088cc;
}

.saveBtn,
.SubmitBtn {
  border: 1px solid #0088cc !important;
}

.saveBtn {
  color: #0088cc !important;
}

.btn-bottom-toolbar button.btn {
  background-color: #0088cc;
}

.btn.servizi_status_btn {
  padding: 6px 20px !important;
}

input[type="file"]::file-selector-button {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
}

#circolo-popup,
#archive-popup-form,
#remove_upload_file,
#remove_appuntamento,
.get-code-window,
#remove_upload_file_modul,
#renewal_tesserato,
#renewal_tesserato_date,
#search_circolo_user_alert,
#tesserato_export_excel_error,
#corrispondenza-popup,
#documento-popup {
  min-width: 883px;
  min-height: 653px;
  border-radius: 25px;
}

.panel .panel-heading h2.panel-title {
  font-weight: 600;
  color: #171717;
  font-size: 18px;
  display: inline-block;
}

.panel-title {
  color: #171717;
  font-size: 18px;
  font-weight: 600;
  line-height: 23.4px;
}

.articoli .btn-bottom-toolbar button.btn {
  width: auto;
  height: auto;
}

.articoli .btn-bottom-toolbar button.btn.annulla {
  height: auto;
}

.small_docs_upld .upload-text {
  border: 2px dashed #0c5579;
  background-color: #f0feff80;
  color: #0c5579;
}

.add_fiscale a.download_mod {
  color: #0088cc !important;
}

.download_mod {
  border: 1px solid #0088cc;
}

.file_open,
#sendButtonContainer .send_rt_message,
#chat_message_area #receiver_msg,
.gestione_log_list .log_filtr {
  background-color: #0088cc !important;
}

#sendButtonContainer .send_rt_message {
  box-shadow: 0px 2px 6px #0088cc;
}

.articoli .form-control {
  line-height: 1.2;
}

.tabl_head {
  font-family: "Inter", sans-serif;
}

.panel-heading {
  background: #f3f3f3;
}

.modal-content ul.select2-choices {
  margin-top: 0 !important;
}

.modal label {
  font-size: 14px;
  color: #999999;
  font-weight: 700;
  margin-bottom: 5px;
}

.modal .modal-title {
  line-height: 18.2px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  font-family: "DM Sans", sans-serif;
}

.modal .select2-container .select2-choices {
  background-color: transparent;
  border: none;
}

.modal .form-group {
  margin-bottom: 15px !important;
}

.modal .form-control,
.select2-container .select2-choice {
  border: 1px solid #d9d9d9 !important;
}

.modal .select2-container::after {
  content: "\f107";
  position: absolute;
  right: 0;
  top: 8px;
  font-family: "FontAwesome";
  font-size: 2.2rem;
  padding: 0px 8px;
  color: #d9d9d9;
}

.modal .select2-container .select2-choice:after {
  display: none;
}

.circoli_tabs svg,
.add_societta svg,
.create_sedi svg {
  margin-right: 5px;
  vertical-align: middle;
}

.circoli_tabs svg path,
.add_societta svg path,
.create_sedi svg path {
  stroke: #000000;
}

.custom_body_panel .nav.tabs > li.active > a svg path {
  stroke: #0c5579;
}

.nav-main svg {
  margin-right: 5px;
  vertical-align: middle;
  width: 15px;
  height: 15px;
}

.nav-main svg path {
  stroke: #ffffff;
}

.artcoli-search .button_cerca {
  border: 1px solid #0088cc;
  background-color: #0088cc;
  height: 46px;
  padding: 10px;
}

.artcoli-search .search_box {
  height: 46px;
  padding-left: 45px;
  border-radius: 6px;
  border: 1px solid #b9b9b9;
  background-image: url(img/serach_grey.png);
  background-repeat: no-repeat;
  background-position: 8px 8px !important;
  background-color: transparent;
  color: #999999;
}

.artcoli-search .search_box::-webkit-input-placeholder {
  color: #b9b9b9;
}

.artcoli-search .search_box:-moz-placeholder {
  color: #b9b9b9;
}

.artcoli-search .search_box::-moz-placeholder {
  color: #b9b9b9;
}

.artcoli-search .search_box:-ms-input-placeholder {
  color: #b9b9b9;
}

.artcoli-search .search_box::placeholder {
  color: #b9b9b9;
}

.header-right .input-search input.form-control {
  padding-right: 12px;
  padding-left: 28px;
}

.header-right .input-search .search_icon {
  color: #d9d9d9;
  border-right: none;
  background-color: #ffffff;
  top: 50%;
  height: 18px;
  width: auto;
  padding: 0px 0px;
  transform: translatey(-50%);
  position: absolute;
  left: 10px;
  font-size: 12px;
  z-index: 2;
}

.btn-default {
  background-color: #0088cc;
  border-color: #0088cc;
}

.tesserato_societa_form .upload-file,
.control-inptbx .fileNameShow.lft-dwd {
  left: 315px !important;
  top: 50% !important;
  transform: translatey(-50%) !important;
  margin-bottom: 0px !important;
}

.upload-file-document,
.fileNameShow {
  top: 50% !important;
  transform: translatey(-50%) !important;
  margin-bottom: 0px !important;
}

.control-inptbx .fileNameShow {
  left: 110px !important;
}

.control-inptbx .fileNameShow.utlft-dwd {
  left: 375px !important;
}

.tesserato_societa_form .control-inptbx .input-group-btn {
  width: 35% !important;
}

.control-inptbx .input-group .form-control {
  width: 100% !important;
}

.tesserato_societa_form .dis_flex .btn_sec {
  width: 50% !important;
  text-align: left !important;
}

.tesserato_societa_form .dis_flex .control-inptbx {
  width: 50% !important;
}

.tesserato_societa_form .empee_type {
  margin-top: 20px !important;
}

.checkbox-custom label,
.chck_custm .control-label {
  margin-bottom: 0px !important;
}

.modal .popup_form .form-group .chck_custm label {
  margin-bottom: 0 !important;
  display: inline-block;
}

.modal .modal-body .form-group input[type="checkbox"],
.modal .modal-body .form-group input[type="radio"] {
  display: inline-block;
  width: auto;
}

.gruppi_list .btn-primary {
  background-color: #0088cc !important;
  border-color: #0088cc !important;
}

.popup-gruppi .snew_model .modal-header .modal-title,
.popup-gruppi .snew_model .modal-header .modal-title {
  text-align: center !important;
}

.popup-gruppi .btn-danger {
  background-color: #d2322d;
  border-color: #d2322d;
}

.tesserato_societa_form .form-group .form-control,
.tesserato_societa_form .req-block .select2-chosen {
  font-weight: 400;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
body .btn-info:hover,
.btn-bottom-toolbar button.btn:hover {
  background-color: #70c8e2 !important;
  border-color: #70c8e2 !important;
}

.tab-pane .panel-group .panel-default .panel-title {
  margin-bottom: 15px;
  margin-top: 30px;
}

.form-bordered .form-group:last-child,
.form-bordered .form-group:last-of-type {
  margin-bottom: 30px !important;
}

.action_crt .table > thead:first-child > tr:first-child > th:last-child {
  width: 95px !important;
}

.panel-heading .panel-title a {
  font-weight: 600;
  color: #171717;
  font-size: 18px;
}

.headn_buttons {
  margin-top: 15px;
}

.headn_buttons .btn,
.headn_buttons .btn.btn-primary {
  margin: 0 8px 0 0 !important;
}

.btn.sedi_import_btn {
  padding: 12px 30px !important;
}

.table-tickets .form-control {
  height: 46px !important;
}

.has-error .select2-container .select2-choice {
  border: 1px solid #a94442 !important;
}

.m-top-15,
._wall .btn.btn-primary {
  margin-top: 15px !important;
}
.btn._paypl,
.btn._bancr {
  width: 130px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.btn._paypl {
  background-image: url(img/paypal.png);
}
.btn._bancr {
  background-image: url(img/wire.png);
}

@media (max-width: 1400px) {
  .add_Circoli,
  .add_societta,
  .add_professionista,
  .create_sedi {
    grid-template-columns: 30% 70% !important;
  }
}

@media (max-width: 1300px) {
  .page-header {
    margin: -25px -25px 40px -25px;
  }
}

@media (max-width: 1200px) {
  .col-lg-4.mb-w-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .modal-content,
  #circolo-popup,
  #archive-popup-form,
  #remove_upload_file,
  #remove_appuntamento,
  .get-code-window,
  #remove_upload_file_modul,
  #renewal_tesserato,
  #renewal_tesserato_date,
  #search_circolo_user_alert,
  #tesserato_export_excel_error,
  #corrispondenza-popup,
  #documento-popup {
    min-width: auto;
  }

  .rt_chat_application_section .p-rel.col-sm-3 {
    width: 100%;
  }

  .rt_chat_application_section .p-rel.col-sm-9 {
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 1024px) {
  .add_Circoli,
  .add_societta,
  .add_professionista,
  .create_sedi {
    grid-template-columns: 100% !important;
  }

  .add_Circoli .tab-content,
  .add_societta .tab-content,
  .add_professionista .tab-content,
  .create_sedi .tab-content {
    padding: 20px 0 0 0;
  }

  .credito_content_row {
    margin: 0;
  }

  .credito_content_col {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }

  .header-right {
    float: none;
  }

  .header-right .credit_saldo a {
    padding: 10px 30px;
  }

  .credit_saldo {
    padding-left: 50px;
  }
}

@media (max-width: 740px) {
  .add_fiscale .row {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .add_fiscale .col-12,
  .add_fiscale .col-lg-6,
  .add_fiscale .col-8,
  .add_fiscale .col-4,
  .add_fiscale .col-6,
  .add_fiscale .col-9,
  .add_fiscale .col-3,
  .add_fiscale .col-lg-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  .header-right .credit_saldo a {
    padding: 10px 30px !important;
  }
}