/*
* Css for dataTables
*/

body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table.dataTable>thead>tr>th {
    border-bottom: 0px !important;
}

div.dt-container .dt-paging .dt-paging-button.previous,
div.dt-container .dt-paging .dt-paging-button.next {
    color: #016682 !important;
    border: 1px solid #016682 !important;
    background: transparent !important;
    margin: 0 10px;
}

div.dt-container .dt-paging button.dt-paging-button {
    border-radius: 0.5rem !important;
}

div.dt-container .dt-paging .dt-paging-button.previous:hover,
div.dt-container .dt-paging .dt-paging-button.next:hover {
    background: #016682 !important;
    color: #fff !important;
}

div.dt-container .dt-paging .dt-paging-button:hover,
div.dt-container .dt-paging .dt-paging-button:hover {
    background: #016682 !important;
    color: #fff !important;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    color: #fff !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled {
    color: #016682 !important;
	cursor: not-allowed;
}
div.dt-container .dt-paging .dt-paging-button.disabled:hover {
    background: transparent !important;
	border: 1px solid #016682 !important;
	color: #016682 !important;
	cursor: not-allowed;
}


div.dt-container .dt-paging .dt-paging-button {
    border: 0 !important;
    padding: 10px 20px;
    border: 0px solid var(--primary) !important;
    background: #E6E6E6 !important;
    border-radius: 0.5rem;
    color: #096C88 !important;
    font-size: 16px;
    margin: 5px 5px !important;
    display: inline-block;
}

div.dt-container .dt-paging .dt-paging-button.current {
    color: #fff !important;
}

div.dt-container .dt-paging .dt-paging-button.current {
    background: #016682 !important;
}

div.dt-container .dt-paging span a {
    color: #fff;
    background: transparent !important;
}

table.dataTable.stripe>tbody>tr:nth-child(odd)>*,
table.dataTable.display>tbody>tr:nth-child(odd)>* {
    box-shadow: none !important;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left;
}

table.dataTable{
	margin: 0;
	width: 100% !important;
}

.btn.btn-warning {
    padding: 5px 12px !important;
}
#alert-container {
    position: fixed;
    width: 84%;
    z-index: 999;
}

.is-invalid:hover{
    background-repeat: no-repeat; /* Prevent background image from repeating */
}

.toggle-password{
    color: #A3A6AD;
}
.input-group{
    border-radius: 8px !important;
    border: 1px solid #CFD6DC !important;
}
.magnify > .magnify-lens{
    z-index: unset;
}
.zoom-box img {
	width: 300px;
	height: 400px;
/* 	width: 100%;
	height: auto; */
   cursor: pointer;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
	 .zoom-box img {
		width: 250px;
	 }
 }

/* #DashboardTable {
    min-height: 130px;
    vertical-align: top;
    display: block;
} */

.dzsale{
	display: none !important;
}

.header-circle{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    font-weight:500;
    background-color: #5294e2;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    line-height: 32px;
}
.profile-avtar{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #5294e2;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    word-break: break-word;
}