/* header css */
body {
	font-family: "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"!important;
	/*background: #efefef!important;*/
	background-image: url(../images/bg-1.jpg);
	background-size: cover;
}
.container-fluid {
	/*padding-left: 0px!important;*/
}
img.bgrnd {
	top: 0;
	height: 100%;
	position: absolute;
}
header {
	overflow: hidden;
	border-bottom: solid 1PX #dbe3ea;
	margin-bottom: 30px;
}
.fa {
    color: #fff !important;
	
}
.logo {
	    z-index: 10000;
    position: relative;
    text-align: center;
    margin: 8px 0;
}
.user {
	float: left;
	width: 50%;
	margin-top: 60px;
}
.user h4 {
	text-align: end;
}
/* tile css */

a:focus, a:hover {
    text-decoration:none!important;
}
.land {
	/*position: absolute;
	top: 25%;
	left: 21%;*/
}
.icon1 {
	padding: 15px 0 0 0;
	
}
.icontext {
	color: white;
    font-size: 100%;
    padding: 5px 0 10px 10px;
    text-align: left;
}
body .bigicondark {
	font-size:4.5rem;
	color: #fff;
	margin-bottom: 10px;
	margin-top: 15px;
}
.icontextdark {
	color: black;
	font-size: 27px;
}
div#tile1, div#tile2 {
	
}
#tile1:hover, #tile2:hover {
}
.icon1 img, .icon2 img {
	opacity: 0.6;
}


#tile1 {
	background: #a431a6;
	
}
#tile2 {
	background: #3f20a1;
}
.flip {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
	position: relative;
	text-align: center;
	cursor: pointer;
}
.flip .tile.flipped {
	/*-webkit-transform: rotatey(-180deg);
	-moz-transform: rotatey(-180deg);
	transform: rotatey(-180deg);*/
}
.flip .tile {
/*	-webkit-transform-style: preserve-3d;
	-webkit-transition: 1s;
	-moz-transform-style: preserve-3d;
	-moz-transition: 1s;
	transform-style: preserve-3d;
	transition: 1s;
	background-color: #fff;*/

}
.flip .tile .face {
/*	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden!important;
	backface-visibility: hidden;
	z-index: 2;*/
}
.flip .tile .front {
	position: absolute;
	width: 100%;
	z-index: 1;
}
.flip .tile .item {
	position: relaitve;
	/*width: 445px;
   height: 350px;*/
	z-index: 1;
}
.flip .tile .back {
	/*-webkit-transform: rotatey(-180deg);
	-moz-transform: rotatey(-180deg)!important;
	transform: rotatey(-180deg);*/
}
.item {
	margin: 0px !important;
}

.tileheader{
	margin-bottom: 15px;
}


.btm-img{
	width: 45%;
}
.flip{ min-height: 130px;}


/* new css */
.flip .tile{ position: absolute; width: 100%;height: 100%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.flip .tile .front{  transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.flip .tile .item{ position: absolute; width: 100%; height: 100%}
.flip{ z-index: 0}
.flip:hover{ z-index: 5}
.scalebox{ position: relative; }
.flip:hover .tile .front{ transform: scale(1.15);  -webikit-transform: scale(1.15);  -moz-transform: scale(1.15);  z-index: 2; position: absolute;}
.front .icontext{ position: absolute; bottom: 15px; font-weight: 600; font-size: 1.5rem; /*transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); left: 50%;*/ width: 100%; text-align: center; padding: 0;}
.flip .tile .front{ height: 100%; border: solid 1px #fff; box-sizing: border-box}
.row.land .col-sm-4{ padding-left: 5px; padding-right: 5px;}
.employeebg{ background: url(../images/tiles-images/employee-bg.jpg) no-repeat center;}
.employeebg .front{ background: rgba(1,16,247,0.93) /*rgba(47,177,190,0.9)*/}
.analyticsbg{background: url(../images/tiles-images/analytics.png) no-repeat center;}
.analyticsbg .front{ background: rgba(20,168,87,0.93) /*rgba(141,185,50,0.9)*/}
.leavebg{background: url(../images/tiles-images/Leave-Management.png) no-repeat center;}
.leavebg .front{ background: rgba(215,28,85,0.93) /*rgba(185,170,127,0.9)*/}
.resourcebg{background: url(../images/tiles-images/HR.png) no-repeat center;}
.resourcebg .front{ background: rgba(253,163,6,0.93)/* rgba(57,95,131,0.9)*/}
.performancebg{background: url(../images/tiles-images/Performance-Appraisal.png) no-repeat center;}
.performancebg .front{ background: rgba(36,52,158,0.93) /*rgba(239,58,91,0.9)*/}
.checksbg{background: url(../images/tiles-images/background-checks1.png) no-repeat center;}
.checksbg .front{ background: rgba(160,41,164,0.93) /*rgba(156,39,176,0.9)*/}

.servicebg{background: url(../images/tiles-images/service-request.png) no-repeat center;}
.servicebg .front{ background: rgba(232,94,38,0.93) /*rgba(29,147,167,0.9)*/}
.dashboardbg{background: url(../images/tiles-images/dashboard.jpg) no-repeat center;}
.dashboardbg .front{ background: rgba(133,174,82,0.93) /*rgba(255,141,66,0.9)*/}
.timemanagebg{background: url(../images/tiles-images/Timemanagement.png) no-repeat center;}
.timemanagebg .front{ background: rgba(89,157,166,0.93) /*rgba(184,115,35,0.93)*/}
.requsitionbg{background: url(../images/tiles-images/Resource-requistion.png) no-repeat center;}
.requsitionbg .front{ background: rgba(168,82,145,0.93)}
.recruitmentbg{background: url(../images/tiles-images/recruitment.png) no-repeat center;}
.recruitmentbg .front{ background: rgba(207,80,75,0.93)}
.projectmanagebg{background: url(../images/tiles-images/Project-management.png) no-repeat center;}
.projectmanagebg .front{ background: rgba(13,142,213,0.93)}

@media screen and (min-width: 768px) and (max-width:960px) {
.bigicondark {
    /*font-size: 85px!important;*/
}
	.btm-img{
	/*width: 80%;*/
}
}


@media screen and (max-width: 480px) {
	
	.btm-img{
	width: 100%;
}
}