@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}

.dropdown-header {
    color:#2670b9;
}

.accordion .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #825ee4;
    border-bottom: 1px solid
    rgba(0,0,0,.125);
    color: white;
}

.accordion .card-header .btn-link {
    color: #ffffff;
}

span.req{
    color: red;
}

.select2 {
    width: 100%!important; /* overrides computed width, 100px in your demo */
}

 table.break{
     width: 100%;
 }

 .break-word{
     word-break: break-all;
 }

table.break td, table.break th {
    white-space: normal;
}

table.table td, table.table th {
    white-space: normal;
}

table.table td:last-child, table.table th:last-child{
    white-space: nowrap;
}

div.info table.table td:last-child,div.info  table.table th:last-child {
    white-space: normal;
}

.card .table td, .card .table th {
    padding-left: .3rem;
    padding-right: .3rem;
}

form label.required:after
{
    color: red;
    content: " *";
}


.select2-container .select2-selection--single {
    padding-top: 10px;
    height: calc(1.5em + 1.25rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

    margin-top: 7px !important;
}

.accordion .card-header button{
    width: 100%;
    text-align: left;
}

.accordion .card-header::after{
    display: none !important;
}

.accordion .card {
    margin-bottom: 2px !important;
}

ul.nav li.nav-item a.active{
      font-weight: bold;
}

.select2-selection__arrow {
    display: block;
}

.image-box {
    border: 1px solid #EEEEEE;
    padding: 10px;
    display: inline-block;
    width: 123px;
    min-height: 147px;
    font-size: 12px;
    text-align: center;
    clear: both;
}

.image-box img{
    margin-bottom: 5px;
    vertical-align: middle;
    border: 0;
    max-width: 100%;
}

.pointer{
    cursor: pointer;
}

.select2-container .select2-search--inline {
    display: block;
}

ul.csv { list-style: none; margin: 0; padding: 0; }
ul.csv li { display: inline; }
ul.csv li:after { content: ","; }
ul.csv li:last-child:after { content: ""; }

.tab-padding{
    padding: 20px;
}

.draggable{
    cursor: grabbing;
}

div.accordion > div.card > div.card-header {
    padding: 0px;
}

td.badge-col{
    max-width: 100px;
}

.top-align{
    vertical-align: top;
}