/* Base Button */

.button-primary {
    background-color: #52afe1;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 12px 16px;
    text-decoration: none;
    border-radius: 4px;
}

.button-success {
    background-color: #74ad5ab3;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 6px 14px;
    text-decoration: none;
    border-radius: 4px;
}

.button-danger {
    background-color: #d32c2ca8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 6px 16px;
    text-decoration: none;
    border-radius: 4px;
}

.button-secondary {
    background-color: #5a6268;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 6px 16px;
    text-decoration: none;
    border-radius: 4px;
}


/* Base button:hover */


.button-danger:hover {
    background-color: #bc3315;
    color: #ffffff;
}

.button-success:hover {
    background-color: #5c8748;
    color: #ffffff;
}

.button-primary:hover {
    background-color: #0061a7;
    color: #ffffff;
}

.button-secondary:hover {
    background-color: #383838a8;
    color: #ffffff;
}

/* Custom-table button */

.custom-table {
    padding: 10px 15px !important;
}

.custom-table th {
    font-size: 14px;
}

.custom-table td {
    font-size: 14px;
}

.custom-table i {
    font-size: 14px;
}

.custom-table a {
    /*width: 1.7rem;
    height: 1.7rem;*/
    text-align: center;
    margin: 1px 0;
}

.custom-table-2 i {
    font-size: 11px;
}

.custom-table-2 a {
    width: 1.7rem;
    height: 1.7rem;
    text-align: center;
    margin: 1px 0;
}

.custom-table .button-primary-light {
    background-color: #87f052;
    /*border: 1px solid #72d143;*/
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 6px;
    text-decoration: none;
}

.custom-table .button-warning {
    background-color: #ffc400;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 6px;
    text-decoration: none;
}
.custom-table .button-orange {
    background-color: #ffc477;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 6px;
    text-decoration: none;
}



.custom-table .button-success {
    background-color: #74ad5ab3;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 6px 6px;
    text-decoration: none;
    border-radius: 4px;
    width: 32px;
    height: 32px;
}

.custom-table .button-red {
    background-color: #fe1a00;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 6px;
    text-decoration: none;
}
.custom-table .button-blue {
    background-color: #52afe1;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 6px 6px;
    text-decoration: none;
    border-radius: 4px;
    width: 32px;
    height: 32px;
}

.custom-table.table td {
    vertical-align: middle !important;
    /* text-align: left!important; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 25ch;
}
.custom-table .button-primary:active,
.custom-table .button-primary-light:active,
.custom-table .button-orange:active,
.custom-table .button-danger:active,
.custom-table .button-red:active,
.custom-table .button-warning:active,
.custom-table .button-blue:active {
    position: relative;
    top: 1px;
}

@media screen and (max-width: 800px) {
    /* th ACTIONS width */
    .action-width {
        width: 35% !important;
    }
}

/* Custom-table button:hover */

.custom-table .button-blue:hover{
    background-color: #0061a7;
    color: #ffffff;
}

.custom-table .button-primary-light:hover {
    background-color: #80c95c;
    color: #ffffff;
}

.custom-table .button-warning:hover {
    background-color: #ff9d00;
    color: #ffffff;
}

.custom-table .button-success:hover {
    background-color: #5c8748;
    color: #ffffff;
}
.custom-table .button-red:hover {
    background-color: #ce0100;
    color: #ffffff;
}
.custom-table .button-orange:hover {
    background-color: #fb9e25;
    color: #ffffff;
}
.custom-table .button-primary{
    background-color: #52afe1;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 6px 6px;
    text-decoration: none;
    border-radius: 4px;
    width: 32px;
    height: 32px;
}
.custom-table .button-primary:hover{
    background-color: #0061a7;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 6px 6px;
    text-decoration: none;
    border-radius: 4px;
    width: 32px;
    height: 32px;
}
.custom-table .button-danger {
    background-color: #d32c2ca8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 6px 6px;
    text-decoration: none;
    border-radius: 4px;
    width: 32px;
    height: 32px;
}

.custom-table .button-danger:hover {
    background-color: #bc3315;
    color: #ffffff;
}

/*.custom-table.table td {
    text-align: center!important;
}*/
/* .table td{
    padding: 1.3rem 0.5rem!important;
}

.table td, .table th {
    padding: 1.2rem 0.4rem!important;
} */



/* HOME*/

.content-header {
    padding: 15px 1.5rem!important;
}

.btn-primary {
    box-shadow: none!important;
    background-color: #52afe1!important;
    border-color:#52afe1!important;
}

.btn-primary:hover {
    background-color: #0061a7!important;
    color: #ffffff!important;
    border-color:#0061a7!important;

}


.button-edit-success{
    background-color: #74ad5ab3;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 6px 14px;
    text-decoration: none;
    border-radius: 4px;
}

.button-edit-danger{
    background-color: #d32c2ca8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 6px 16px;
    text-decoration: none;
    border-radius: 4px;
}

/* add in new*/
.btn-success{
    background-color: #74ad5ab3!important;
    border-color: transparent!important;
}

.td{
    display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.btn-warning {
    color: white!important;
    background-color: #f3c744c2!important;
    border-color: transparent!important;
}
.btn-warning:hover {
    color: white!important;
    background-color: #f5a40ecf!important;
    border-color: transparent!important;

}

.btn-success:hover{
    background-color: #5c8748!important;
    border-color: transparent!important;
}

.btn-primary:hover{
    background-color: #0061a7!important;
    border-color: transparent!important;
}



/*table*/

/* tr th {
    text-align: left!important;
} */


/* event organizations

.info-box .info-box-text, .info-box .progress-description {
    width: 10rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
*/
.info-box-text a {
    color: #5eb758!important;
}
.info-box-text a:hover {
    color: #5c8748!important;

}

.bg-info.btn:hover {
    border-color: #5c8748!important;
    color: #ffffff;
}

.org-button-danger{
    background-color: #d32c2ca8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 2px 7px;
    text-decoration: none;
    border-radius: 4px;
}

.org-button-danger:hover{
    background-color: #ce0100;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 2px 7px;
    text-decoration: none;
    border-radius: 4px;
}
.org-button-edit{
    background-color: #52afe1;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 2px 7px;
    text-decoration: none;
    border-radius: 4px;
    margin-right: 10px;
}

.org-button-edit:hover{
    background-color: #0061a7;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    padding: 2px 7px;
    text-decoration: none;
    border-radius: 4px;
}

.org-card{
    background-color: #343a4091!important;
    color:#ffffff!important ;

}

.org-card:hover{
    background-color: #343a40d6!important;
    color:#ffffff ;
}

/* evpartecipant */

/* body > div > nav > ul:nth-child(2) > div > div > li:nth-child(3){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 35ch;
    margin-top: -4px!important;
    margin-right: 13px!important;
    vertical-align: middle !important;
} */

.nav-item:nth-child(3) a {
    max-width: 35ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

 .wrapper{
    overflow: hidden;
 }


 /* Sidebar */
 body > div > aside.main-sidebar.sidebar-dark-primary.elevation-4 > div > div.os-padding > div > div {
    padding-top: 50px !important;
 }
 /* body > div > aside.main-sidebar.sidebar-dark-primary.elevation-4 > div:hover{
    margin-top:100px!important;
 } */
 /* .brand-link:hover{
    display: inline-table!important;
 } */
 .custom-brand-link{
    height: 110px!important;
    display: flex!important;
    align-items: center!important;
 }

 body > div > aside.main-sidebar.sidebar-dark-primary.elevation-4 > a > div > div:nth-child(1) > img{
    width: 186px!important;
    height: auto!important;
    max-width: 200px!important;
 }
/* Card di Event / Organization */
 .org-container-card{
    /* min-height: 400px; */
    min-height: 215px;
 }
 .org-card-footer{
    padding: 0.5rem 1.25rem!important;
    background-color: rgb(0 0 0 / 0%)!important;
    border-top: 1px solid rgba(0,0,0,.125)!important;
    display: flex;
    justify-content: flex-end;

 }

 /* .org-card-header{
    max-height: 90px;
    min-height: 90px;
 } */
 .org-card-body{
    font-size: 15px!important;
    color: #5c646a;
 }
 .org-card-title{
    font-weight: bold!important;
    color: #6c757d;
 }

 .org-card-title:hover{
    color: #494e56;
 }


 /* evpartcipant_list */
 .form-group {
    /* margin-bottom: 1rem; */
    /* margin: 0.5rem 0!important; */
    margin: 3px 0!important;
}

.tdSpace{
    padding: 5px !important;
    /* border: 0.5px!important;
    border-style: dashed !important;
    border-color: #a39898 !important; */
    border: 1px solid #dee2e6ad!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    max-width: 20ch!important;
}

/* x bordo card-header */
.nB{
    border-bottom: 0px!important;
}

/* Table */

.smallT{
    width:50px;
}
.mediumT{
    width: 90px;
}

.actionsT{
    width: 120px;
}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 12px!important;
}
.leftBorder{
    border-left: 1px solid #dee2e6ad!important;
}
.bottomBorder{
    border-bottom: 1px solid #dee2e6ad!important;
}

.tablenoBorder{
    border-top: 0px!important;
    border-left:0px!important;
}

#tbl_wrapper> .row> div> .btn-group  {
    margin-left: 3%;
}
#tblGeneric_wrapper> .row> div> .btn-group  {
    margin-left: 3%;
}
#tblField_wrapper> .row> div> .btn-group  {
    margin-left: 3%;
}
#tblEmail_wrapper> .row> div> .btn-group  {
    margin-left: 3%;
}
.TemplateAccordion{
    margin-bottom: 0px!important;
}
.card-secondary:not(.card-outline)>.card-header {
    background-color: #6c757d;
}
#evTemplateAccordion{
    transition: 0.7s;
}

/* per errore campi field select 2  */
/* .has-error{
    border-color: red !important;
} */

.btn-primary-outline {
    background-color: transparent;
    border-color: #ccc;
  }