*,html{
	font-family: 'Roboto', sans-serif;
}

.ew-toolbar .ew-filter-option{
	dispay: none !important;
}

.input-group {
    flex-wrap: unset !important;
}

.ew-table-header th{
 	text-align: center;
}

.ew-pager{
	display: none;
}

.swal2-confirm, .swal2-cancel {
	padding: 0.375rem 0.75rem !important;
    font-size: .875rem !important;
}

.ml-btnForm{
	margin-left: 56%;
}

.card-footer .ew-pager{
	display: flex;
}

.ew-filter-option .btn-group{
	display: none !important;
} 

.ew-view-table tbody tr td{
	text-align: left !important;
}

@media screen and (max-width: 1270px) {
	.ew-grid .ew-table > tbody > tr > td:last-child {
		border-right: 0 !important;
		width: 100% !important;
	}
	
	.ew-list-option-body{
    	border-bottom: none !important;
    	padding: 0 20px !important;
    	position: relative;
       display: inline-block !important;
    }

    .table tbody tr td:not(.ew-table-last-col){
    	display: flex !important;
    	justify-content: space-between !important;
    	background: linear-gradient(90deg, #4169E1 40%, #FFFFFF 0%) !important;
    	color: #fff;
    }

	.custom-td span {
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		width: 400px !important;
	}

    .table tbody tr td:not(.ew-table-last-col) span {
    	color: #333;
    }
  
    .ew-list-option-body .ew-view {
    	display: block !important;
    	position: absolute !important;
    	margin-top: 20px;
    }
    .ew-list-option-body .ew-edit {
    	display: block !important;
    	position: absolute !important;
    	margin-top: 20px;
    }
    .ew-list-option-body .ew-copy {
    	display: block !important;
    	position: absolute !important;
    	margin-top: 20px;
    }
    .ew-list-option-body .ew-delete {
    	display: block !important;
    	position: absolute !important;
    	margin-top: 20px;
    }
    .ew-table-last-row{
    	border-bottom: 1px solid #ddd !important;
    }
     .table {
     	border: 0;
     }

     .table caption {
     	font-size: 1.3em;
     }
  
     .table thead {
     	border: none;
     	clip: rect(0 0 0 0);
     	height: 1px;
     	margin: -1px;
     	overflow: hidden;
     	padding: 0;
     	position: absolute;
     	width: 1px;
     }
     
     .table tr {
        border-bottom: 3px solid #ddd;
    	margin-bottom: .625em;
    }
  
    .table td {
    	border-bottom: 1px solid #ddd;
    	display: block;
    	font-size: .8em;
    	text-align: right;
    }
  
    .table td::before {
    	/*
    	* aria-label has no advantage, it won't be read inside a table
    	content: attr(aria-label);
    	*/
    	content: attr(data-label);
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	font-weight: bold;
    	text-transform: uppercase;
    }
  
    .table td:last-child {
    	border-bottom: 0;
    }
}

.table thead tr th{
	padding: 12px;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 576px){
	.ew-grid {
    	width: 100%;
    	min-width: 550px;
    }
}

@media (max-width: 700px) {
    .custom-td span {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 280px !important;
    }
    .ew-grid .table-responsive {
        overflow-x: hidden !important;
    }
}
.ew-add-div .form-control{
	width: 100% !important;
}
.ew-edit-div .form-control{
	width: 100% !important;
}
.ew-add-div{
	width: 70% !important;
}
.ew-edit-div{
	width: 70% !important;
}

.navbar-purple {
    background-color: #5A8DEE !important;
  
}
.sidebar-dark-purple .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-purple .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #5A8DEE !important;
    color: #fff;
}

.text-ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 230px;
}

.select2-selection__rendered .text-ellipsis {
	width: 210px;
}

.ew-search-field select {
	width: 230px !important;
}