div.readme {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}


@media screen and (max-width:1023px){
	.for-desktop-view {display: none;}
	.for-mobile-view {display: block;}

	.eyeiconplacingeup{
		top: 55% !important;
	}

}

@media screen and (min-width:1024px){
		.for-desktop-view {display: block;}
		.for-mobile-view {display: none;}	
}

.container-fluid {
    padding: 0 !important;
}

.dropdown-menu {
    margin-top: 0 !important;
}

.eyeiconplacing{
    /* z-index: 9999; */
    position: absolute;
    top: 55%;
    right: 20px;
}

.eyeiconplacingeup{
    /* z-index: 9999; */
    position: absolute;
    top: 38%;
    right: 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none !important;
    padding: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none !important;
    background: none !important;
    padding: 0 !important;
}

.dataTables_paginate.paging_simple_numbers>.pagination>.page-item.active>.page-link {
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}

.sidebar-dark-lightblue .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #3c8dbc !important;
}


.btn-outline-primary {
    color: #3c8dbc !important;
    border-color: #3c8dbc !important;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
    color: white !important;
    background-color: #3c8dbc !important;
    border-color: #3c8dbc !important;
}



.dropdown-item.active, .dropdown-item:active {
    color: black !important;
    background-color: aliceblue !important;
}


.truncate {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#toastsContainerBottomRight {
    /* margin-right: 42%;
    margin-left: 42%; */
    width: 25%;
    bottom: 50%;
    left: 37.5%;
}
#toastsContainerBottomRight>div {
    margin: auto;
}


.dataTables_length {
    clear: both;
    padding-top: 0.85rem;
}
.dataTables_length>label {
    margin: 0;
}
.dataTables_length>label>select {
    width: 50px !important;
}


table.dataTable tbody tr.selected {
    color: white !important;
    background-color: #3c8dbc !important;
}

:root {
    --dt-row-selected: none !important;
}

form>.card-body>.form-group.row {
    justify-content: space-evenly;
}

form>.card-body>.form-group.row>.col-sm-5.row {
    place-items: center;
    margin: 0;
}
form>.card-body>.form-group.row>.col-sm-5.row>label.col-sm-4 {
    margin: 0;
}

form table th {
    font-size: 12px;
}
div.wtthiw>div.col-sm-5 {
    align-content: flex-start;
}

form td>select {
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    font-size: 15px !important;
}
form td>input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 15px !important;
}
form .table-sm td, form .table-sm th {
    padding: 0;
}

section.card-body {
    padding: 15px;
}
section.card-body h1 {
    font-size: 1.8rem;
    margin: 0;
}


@media print {
.main-footer {
    display: none;
}

}


#topBtn {
	display: none;
	position: fixed;
	/* bottom: 70px;
	right: 30px; */
    bottom: 50px;
	right: 50px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #343a40;
	color: white;
	cursor: pointer;
	padding: 15px 15px;
	border-radius: 4px;
}

.filt-box {
    box-shadow: unset !important;
}


/* scrollbar */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.3);
}




.add-btn {
    color: white !important;
    background-color: #3c8dbc !important;
}

.dataTable td:last-child {
    align-content:center;
}
.dataTable td:last-child .input-group-prepend {
    justify-content: center;
}

.dropdown-item:hover {
    cursor: pointer !important;
}

.content-wrapper {
    height: fit-content !important;
}

 .main-footer {
    display: none !important;
}


.sidebar-mini.sidebar-collapse .brand-image {
    object-position: left !important;
}