.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: #fff;*/
    background-color: unset;
    background-clip: border-box;
    border-radius: .25rem;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: unset;
    background-clip: border-box;
    border-radius: .25rem;
}

.backwhite {
    background-color: white;
}


.deletebuttoncolor {
}

.otherbuttoncolor {
}

.mainheadings {
    font-family: Constantia;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
}

.subheadings {
    font-family: Avenir Next LT Pro;
    src: url(assets/font-awesome/fonts/AvenirNextLTPro-It.otf);
    font-size: 14px;
}

.body {
    font-family: Avenir Next LT Pro;
    src: url(assets/font-awesome/fonts/AvenirNextLTPro-It.otf);
    font-size: 12px;
}

.normaltext {
    font-size: 12px;
}

.fontsize {
    font-size: 12px;
}

.gridheadingfontsize {
    font-size: 14px;
}


/* this is for table header color and border radius*/
.tabledesign {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-style: solid;
}

    .tabledesign thead {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .tabledesign tr {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .tabledesign th#topfirst {
        border-top-left-radius: 10px;
        border-style: none;
    }

    .tabledesign th#toplast {
        border-top-right-radius: 10px;
        border-style: none;
    }

    .tabledesign tfoot {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .tabledesign th#bottomfirst {
        border-bottom-left-radius: 10px;
        border-style: none;
    }

    .tabledesign th#bottomlast {
        border-bottom-right-radius: 10px;
        border-style: none;
    }
/* this is for table header color and border radius*/




ul.sub li.active a span, ul.sub li a.active span {
    color: white;
}

ul.sub li a span:hover {
   /* width: 100%;*/
    color: white;
}

.white-bg-red {
    background-color: #e84f45;
    border-color: #e84f45;
    color: white;
}