body {
    background: #F0F2F5;
	font-family: 'Cairo', sans-serif;
}
header{
    background: #fff;
	box-shadow: 0px 0px 8px 0px #00000026;
    font-weight: bold;
}
.text-darkw{
	color: #65676b;
}
header ul.nav li.active{
    color: #0a58ca;
}

header ul.nav li:hover {
    color: #0a58ca;
    background-color: #e9ecef;
    border-radius: 7px;
    cursor: pointer;
}

header ul.nav li.active:after,header ul.nav li:hover:after {
    content: '';
    display: block;
    border-bottom: #0a58ca 4px solid;
    position: relative;
    top: 24px;
}

.page_cont{
	background: #fff;
    border-radius: 15px;
    padding: 15px;
    margin: 25px;
}
._form .buttomcar {
    color: #fff;
    background: #2db7ff;
    text-align: center;
    border-radius: 15px;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
	box-shadow: 0px 0px 20px 0px #0000000d;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 1px solid #ced4da;
}
._form .buttomcar:hover{
background:#24388b;
}
._form input,._form select{
color:#38428f;
border-radius: 15px;
padding: 13px;
box-shadow: 0px 0px 20px 0px #0000000d;
} 
._form label{
    color: #38428f;
    margin: 13px 15px;
    font-size: 15px;
    font-weight: bold;
}
.m-tb-40,.p-b-40,.p-b-40 {
    margin: 40px 0;
}
.container.p-tb-30.flex-col-c-c {
    padding: 30px;
}
._form .form-row {
    margin-bottom: 20px;
}
.alert{
	margin: 25px;
	width: 100%;
	border-radius: 15px;
}
.col-sm-3.swiper-slide,.col-sm-4.swiper-slide,.col-sm-6.swiper-slide {
    margin-top: 20px;
}
a.tile:hover .icon, a.tile:hover .stat, a.tile:hover .title {
    color: #fff!important;
}
a.tile:hover {
    border-color: transparent;
}
div#card1s .tile .stat {
    color: #5085e6;
}
div#card1s a.tile:hover {
    background-color: #5085e6;
}
div#card2s .tile .stat {
    color: #ff4d55;
}
div#card2s a.tile:hover {
    background-color: #ff4d55;
}
div#card3s .tile .stat {
    color: #a353a6;
}
div#card3s a.tile:hover {
    background-color: #a353a6;
}
div#card4s .tile .stat {
    color: #737699;
}
div#card4s a.tile:hover {
    background-color: #737699;
}
div#card5s .tile .stat {
    color: #badc58;
}
div#card5s a.tile:hover {
    background-color: #badc58;
}
div#card6s .tile .stat {
    color: #7ed6df;
}
div#card6s a.tile:hover {
    background-color: #7ed6df;
}
div#card7s .tile .stat {
    color: #F97F51;
}
div#card7s a.tile:hover {
    background-color: #F97F51;
}
div#card8s .tile .stat {
    color: #BDC581;
}
div#card8s a.tile:hover {
    background-color: #BDC581;
}
div#card9s .tile .stat {
    color: #2C3A47;
}
div#card9s a.tile:hover {
    background-color: #2C3A47;
}
div#card10s .tile .stat {
    color: #ffda79;
}
div#card10s a.tile:hover {
    background-color: #ffda79;
}
div#card11s .tile .stat {
    color: #227093;
}
div#card11s a.tile:hover {
    background-color: #227093;
}
div#card12s .tile .stat {
    color: #eb4d4b;
}
div#card12s a.tile:hover {
    background-color: #eb4d4b;
}

div#card13s .tile .stat {
    color: #95afc0;
}
div#card13s a.tile:hover {
    background-color: #95afc0;
}
div#card14s .tile .stat {
    color: #be2edd;
}
div#card14s a.tile:hover {
    background-color: #be2edd;
}
div#card15s .tile .stat {
    color: #130f40;
}
div#card15s a.tile:hover {
    background-color: #130f40;
}
div#card16s .tile .stat {
    color: #20bf6b;
}
div#card16s a.tile:hover {
    background-color: #20bf6b;
}
div#card17s .tile .stat {
    color: #a55eea;
}
div#card17s a.tile:hover {
    background-color: #a55eea;
}
div#card18s .tile .stat {
    color: #d1d8e0;
}
div#card18s a.tile:hover {
    background-color: #d1d8e0;
}
div#card19s .tile .stat {
    color: #0fb9b1;
}
div#card19s a.tile:hover {
    background-color: #0fb9b1;
}
div#card20s .tile .stat {
    color: #474787;
}
div#card20s a.tile:hover {
    background-color: #474787;
}
div#card21s .tile .stat {
    color: #FC427B;
}
div#card21s a.tile:hover {
    background-color: #FC427B;
}
div#card22s .tile .stat {
    color: #EAB543;
}
div#card22s a.tile:hover {
    background-color: #EAB543;
}
div#card23s .tile .stat {
    color: #FD7272;
}
div#card23s a.tile:hover {
    background-color: #FD7272;
}

.tile .stat {
    padding-top: 4px;
    padding-bottom: 8px;
    font-size: 62px;
    line-height: 1;
    color: #1062fe;
}
a.tile {
    transition: all .24s ease;
}
.tile {
    box-shadow: 0px 0px 20px 3px #00000024;
    display: block;
    text-decoration: none;
    position: relative;
    padding: 12px 20px;
    min-height: 182px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 25px;
    transition: background .24s ease;
}
.tile .title {
    margin-top: -1px;
    color: #2a2e36;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}
span#timenow {
    color: #0a58ca;
}

#topcard1s .tile .stat,#topcard2s .tile .stat,#topcard3s .tile .stat{color: #e6324b;}
#topcard1s a.tile:hover,#topcard2s a.tile:hover,#topcard3s a.tile:hover{background-color: #e6324b;}
#topcard4s .tile .stat,#topcard5s .tile .stat,#topcard6s .tile .stat{color: #83a300;}
#topcard4s a.tile:hover,#topcard5s a.tile:hover,#topcard6s a.tile:hover{background-color: #83a300;}
#topcard7s .tile .stat,#topcard8s .tile .stat,#topcard9s .tile .stat{color: #028f76;}
#topcard7s a.tile:hover,#topcard8s a.tile:hover,#topcard9s a.tile:hover{background-color: #028f76;}
#topcard10s .tile .stat,#topcard11s .tile .stat,#topcard12s .tile .stat{color: #f07241;}
#topcard10s a.tile:hover,#topcard11s a.tile:hover,#topcard12s a.tile:hover{background-color: #f07241;}
#topcard13s .tile .stat,#topcard14s .tile .stat,#topcard15s .tile .stat{color: #480048;}
#topcard13s a.tile:hover,#topcard14s a.tile:hover,#topcard15s a.tile:hover{background-color: #480048;}
#topcard16s .tile .stat,#topcard17s .tile .stat,#topcard18s .tile .stat{color: #00b4fc;}
#topcard16s a.tile:hover,#topcard17s a.tile:hover,#topcard18s a.tile:hover{background-color: #00b4fc;}