.ml-1{
   margin-left: 0.1em !important;
}
.ml-2{
   margin-left: 0.2em !important;
}
.ml-3{
   margin-left: 0.3em !important;
}
.ml-4{
   margin-left: 0.4em !important;
}


.login-card-bgColor{
   background-color: #333333 !important; 
   background-image: unset !important;
}

/* Data Table Css */

.datatable > thead {
   background: #383e42; 
   background: -moz-linear-gradient(top, #383e42 0%, #383e42 66%, #383e42 100%);
   background: -webkit-linear-gradient(top, #383e42 0%, #383e42 66%, #383e42 100%); 
   background: linear-gradient(to bottom, #383e42 0%, #383e42 66%, #383e42 100%);
   text-align: center;
   border-bottom: 2px solid #444444; 
}

.datatable > thead > tr > th {
   font-size: 16px; 
   font-weight: bold; 
   color: #FFFFFF;
   text-align: left;
   border-left: 2px solid #D0E4F5;
   padding: 10px 8px;
}

.datatable > thead > tr > th:first-child {
   border-left: none;
}

.datatable > tbody > tr:nth-child(even) {
   background: #E0E8F5; 
}

table.dataTable td {
   line-height: 2.4em !important;
}

.datatable > tbody > td {
   font-size: 14px; 
   font-weight: 600; 
   border: 2px solid #AAAAAA;
   padding: 20px 10px; 
   height: 30px; 
   margin-left: 5px;
}

.datatable > tbody > tr > td {
   padding-left: 8px !important;
}

.datatable > tfoot {
   font-size: 15px;
   font-weight: bold;
   color: #232930;
   background: #D0E4F5;
   background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
   background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
   background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
   border-top: 2px solid #444444;
   margin-top: 10px !important;
}

.datatable > tfoot > td {
   font-size: 15px;
}

.datatable > tfoot > .links {
   text-align: right;
}

.datatable > tfoot > .links > a {
   display: inline-block;
   background: #1C6EA4;
   color: #FFFFFF;
   padding: 2px 8px;
   border-radius: 5px;
}
.single-line {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}