/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/
.btn-social{
    height: initial !important;
    justify-content: center;

}

.require::after { 
    content: " *";
    color: red;
}

.datepicker {
    padding-right: 16px;
    background: url("/images/calendar.svg") no-repeat right !important;
    background-size: 16px !important;
}
.input-error{
    border: 1px solid #dd0000 !important;
}

.modal-backdrop{z-index: 1050 !important;}
.modal{z-index: 1060 !important;}
section {
    position: unset;
}

.table > thead > tr > th, .table > thead > tr > th .text-muted {
    color: #212529 !important;
}

.table > thead > tr > th, .table > tbody > tr > td {
    vertical-align: top;
}

.longtext-break > * {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.set-select-bg{
    background-color: white !important;
}