body {
    background-color: #f6f6f6;
    font-size: 0.8rem;
    font-family: 'Poppins';
}



/*loader*/
/* Start by setting display:none to make this hidden.
 Then we position it in relation to the viewport window
 with position:fixed. Width, height, top and left speak
 for themselves. Background we set to 80% white with
 our animation centered, and no-repeating */
.loadermodal {
    display: none;
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8) url("https://dirittoitalia.it/wp-content/uploads/2023/11/loader.gif") 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
 the scrollbar off with overflow:hidden */
body.loading .loadermodal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
 modal element will be visible */
body.loading .loadermodal {
    display: block;
    z-index: 1000000000;
}

/*fine loader*/


/* successFlow e failureFlow */
.payment
{
    border:1px solid #f2f2f2;
    border-radius:20px;
    background:#fff;
}
.payment_header
{
   background:rgb(58, 70, 209);
   padding:20px;
   border-radius:20px 20px 0px 0px;

}

.check
{
  margin:0px auto;
  width:50px;
  height:50px;
  border-radius:100%;
  background:#fff;
  text-align:center;
}

.check i
{
  vertical-align:middle;
  line-height:50px;
  font-size:30px;
}

.content-popup
{
    text-align:center;
}

.content-popup  h1
{
    font-size:25px;
    padding-top:25px;
}

.content-popup a
{
    width:200px;
    height:35px;
    color:#fff;
    border-radius:30px;
    padding:5px 10px;
    background:rgb(58, 70, 209);
    transition:all ease-in-out 0.3s;
}

.content-popup a:hover
{
    text-decoration:none;
    background:#000;
}
/* fine successFlow e failureFlow */



/* table, th, td {
  border: 1px solid;
} */

.my-error-class {
    color: #ff0000; /* red */
}

.errorTxt {
  color: #ff0000; /* red */
}

.form-outline label.my-error-class {
    color: #ff0000; /* red */
    font-size: 14px;
    margin-top: 8px;
}

input:read-only {
	background-color: #D7D7D7;
}

/*.form-control {
	font-size: small;
}*/

/*.form-group {
	font-size: small;
}*/

.modal-header {
    padding: 0.5rem;
}

.col-md-12 {
    height: 4.5rem;
}

/* table.dataTable tbody th, table.dataTable tbody td {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    height: 1px;
    vertical-align: middle;
}
*/

table.dataTable tbody th, table.dataTable tbody td {

    padding: 0.75rem;
}

.table {
    width: 100% !important;
}

/*
.table tr, .table td, .table th {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    height: 1px !important;
    vertical-align: middle;
}



table.dataTable tr.dtrg-level-0 td {
  font-size: 1.1em;
}
*/

.table td, .table th {
    border: 1px solid #dee2e6;
}


.bg-primary {
    background-color: #054276!important;
}

.text-primary {
    color: #074276!important;
}

.btn-primary {
    color: #fff;
    background-color: #074276;
    border-color: #0a4276;
}

.btn-gray {
    color: #fff;
    background-color: #b2b2b2;
    border-color: #b2b2b2;
}


.table thead th {
    vertical-align: baseline;
    border: 1px solid #dee2e6;
}


.thead-secondary th {
    background: #157aaf !important;
    color: #fff;
    border-color: #136e9d !important;
}

.card-header:first-child {
    border-radius: 10px 10px 0px 0px;
}

.radius {
    border-radius: 15px !important;
    border: none;
}

.fs-22px {

    font-size: 22px;
}

.card .card-header .card-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.card .card-header .card-title {
    display: flex;
    align-items: center;
}

.dataTables_wrapper .dataTables_info {

    padding-top: 15px;
}

.dataTables_wrapper .dataTables_paginate {

    padding-top: 15px;
}

a.paginate_button.current {
    background: rgb(10 66 118 / 30%) !important;
    color: #fff !important;
    border: rgb(10 66 118 / 30%) !important;
}

.border-primary {
    border-color: #074276!important;
}