@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');
	body, button {font-family: 'Cairo', sans-serif !important;}

	.top_prog {position: absolute; left: 0; margin-top: 31px; }

	.app-search { padding-right: 5px;}

.ys-logo-title { color: #363e47; display: inline-block; font-weight: 700; padding-right: 9px;}

.ys-logo-lg { height: 35px; padding-right: 11px; }
.ys-logo-sm { height: 49px; }

.ys-home-table {
box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.ys-home-table thead th { position: sticky; top: 0; background: #f0f3f5; border:#dadada solid 1px !important;}

.ys-home-table td { border:#dadada solid 1px; min-width: 125px !important; overflow: hidden; height: 150px !important; padding: 0px !important; }
/*
width: 6.25% !important;
height: 85px !important;
padding: 5px !important;
*/

.bg-gradient1, .bg-gradient2, .bg-gradient3, .bg-gradient4, .bg-gradient5 { color: #fff; }

.bg-gradient4 {
  background-image: linear-gradient(120deg, #f93b7a 0, #e0004a 100%);
}

.bg-gradient5 {
  background-image: linear-gradient(120deg, #4e2f49 0, #2f394e 100%);
}

.ys-progress { position: relative;}

.before { height: 100%;}
.after { display: none; background: rgba(31, 35, 60, 0.5); }

td:hover .before { display: none;}
td:hover .after { display: block; }

@media (max-width: 1024px) {
	.ys-logo-lg { display: none; }
	.top_prog { display: none; }
}

.ys-modal-img { width: 111px !important;}

.modal-header h5 { font-weight: bold;}

.modal-body table { border:#eff2f4 solid 1px; width: 100%;}

span.mdi {
	cursor: pointer;
}