@-webkit-keyframes placeHolderShimmer{
        0%{
            background-position:-468px 0
        }
        100%{
            background-position:468px 0
        }
    }

    @keyframes placeHolderShimmer{
        0%{
            background-position:-468px 0
        }
        100%{
            background-position:468px 0
        }
    }

    .timeline-wrapper {
        background-color: #e9eaed;
        color: #141823;
        padding: 20px;
        border: 1px solid #ccc;
        margin: 0 auto 1em;
    }

.timeline-item {
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	padding: 0px;
	min-height: 200px;
}

.animated-background {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
	background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background: linear-gradient(to right,  #eeeeee 8%,#dddddd 18%,#eeeeee 33%);
	-webkit-background-size: 800px 104px;
	background-size: 800px 104px;
	height:278px;
	position: relative;
}
.menu-animated-background {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
	background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background: linear-gradient(to right,  #eeeeee 8%,#dddddd 18%,#eeeeee 33%);
	-webkit-background-size: 800px 104px;
	background-size: 800px 104px;
	height:75px;
	position: relative;
}
.background-masker {
	background: #fff;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.outlined .background-masker {
	border: 1px solid #ddd;
}
.outlined:hover .background-masker {
	border: none;
}
.outlined:hover .background-masker:hover {
	border: 1px solid #ccc;
	z-index: 1;
}
.ghost-placeholder-top,
.ghost-placeholder-line-02,
.ghost-placeholder-line-03,
.ghost-placeholder-line-04,
.ghost-placeholder-line-05,
.ghost-placeholder-line-06,
.ghost-placeholder-line-07,
.ghost-placeholder-line-08{
	top: 40px;
	left: 0;
	right: 0;
	height: 6px;
}
.ghost-placeholder-top {
	height:20px;
	top: 58px;
}
.ghost-placeholder-line-02  {
	top: 86px;
}
.ghost-placeholder-line-03 {
	top: 100px;
	height: 18px;
}
/*.header-round{
	width:35px;
	height:35px;
	border-radius:100%;
}*/
.ghost-placeholder-header-top{
	top: 0;
	left:0px;
	right:0;
	height:34px;
}
.ghost-placeholder-line-01,
.ghost-placeholder-line-end-01 {
	top:42px;
	height:8px;
	left:0px;
	right:0px;
}
.ghost-placeholder-line-end-01 {
	top:50px;
	left:216px;
}
/*.ghost-placeholder-thumb {
	height: 40px;
	width: 40px;
	left: 0;
	top:118px;
	background:radial-gradient(circle closest-side at center, rgba(0,0,0,0) 100%, #fff);
}*/

.ghost-placeholder-thumb-top,
.ghost-placeholder-thumb-bottom,
.ghost-placeholder-subthumb-bottom {
	top: 118px;
	left: 40px;
	right: 0;
	height: 10px;
}
.ghost-placeholder-thumb-left,
.ghost-placeholder-subthumb-left,
.ghost-placeholder-subthumb-right {
	top: 140px;
	left: 40px;
	height: 8px;
	width: 10px;
}
.ghost-placeholder-thumb-bottom {
	top: 134px;
	height: 6px;
}
.ghost-placeholder-subthumb-left,
.ghost-placeholder-subthumb-right {
	top: 128px;
	height: 6px;
}
.ghost-placeholder-subthumb-right {
	width: auto;
	left: 300px;
	right: 0;
}
.ghost-placeholder-subthumb-right {
	left:180px;
}
.ghost-placeholder-subthumb-bottom {
	top: 148px;
	height: 10px;
}
.content-line-white,
.content-line-middle-1,
.content-line-middle-2{
	top:158px;
	left:0px;
	right:0px;
	height:8px;	
}
.ghost-placeholder-line-04,
.ghost-placeholder-line-end-04,
.ghost-placeholder-line-end-last-04{
	height:16px;
	top:158px;
}
.ghost-placeholder-line-end-04{
	top:174px;
	left:75px; 
	width:60px; 	
}
.ghost-placeholder-line-end-last-04{
	top: 174px;
	left:206px;
	width:60px;
}
.ghost-placeholder-line-06{
	top: 182px;
	height: 38px;
}
.ghost-placeholder-line-07{
	top:228px;
	height:28px;
}
.ghost-placeholder-line-end-07,
.ghost-placeholder-line-end-mid-07,
.ghost-placeholder-line-end-last-07{
	left:45px;
	right:0px;
	height:8px;
	top:256px;
	width:20px;
}
.ghost-placeholder-line-end-mid-07{
	left:120px;
}
.ghost-placeholder-line-end-last-07{
	left:195px;
}
.ghost-placeholder-line-08{
	top:264px;
	height:16px;
}
.timeline-item-white-bg .timeline-item{
	padding-left:0;
	padding-right:0;
}

 

.timeline-item-white-bg .animated-background { 
	background: #e3e3e3 ;
	background: #fff;
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, #fff), color-stop(18%, #e3e3e3 ), color-stop(33%, #fff));
	background: -webkit-linear-gradient(left, #fff 8%, #e3e3e3  18%, #fff 33%);
	background: linear-gradient(to right,  #fff 8%,#e3e3e3  18%,#fff 33%);
 
}
.timeline-item-white-bg .background-masker {
	background: #e3e3e3;
}
.ghost-placeholder-fliter-line-01{
	left: 0px;
	right: 0px;
	top: 8px;
	height:5px;
}
.ghost-placeholder-fliter-line-02{
	left: 0px;
	right: 0px;
	top: 13px;
	height:25px;
}

.ghost-placeholder-fliter-divider01{
	height:8px;
	left:70px;
	top:0;
	background: #e3e3e3;
	width:20px;
}

.ghost-placeholder-dropdown{
	height:8px;
	top:0;
	background: #e3e3e3;
	width:20px;
}

.ghost-placeholder-dropdown.divider01{
	left:230px;
}
.ghost-placeholder-dropdown.divider02{
	left:460px;
}
.ghost-placeholder-dropdown.divider03{
	left:700px;
}
.ghost-placeholder-dropdown.divider04{
	left:940px;
}
.ghost-placeholder-dropdown.divider05{
	left:1140px;
}
.ghost-placeholder-fliter-line-02-dropdown {
	height:8px;
	top:12px;
	width:90px;
}
.ghost-placeholder-dropdown-line-02.divider01 {
	background: #fff !important;
	height: 8px;
    left: 90px;
    top: 18px;
    width: 140px;
}
.ghost-placeholder-sortby-line-01{
	left: 0px;
	right: 0px;
	top: 46px;
	height:15px;
}
.ghost-placeholder-sortby-divider01{
	height:8px;
	left:70px;
	top:38px;
	background: #e3e3e3;
	width:20px;
}
.ghost-placeholder-dropdown-line-03{
	height:8px;
	top:38px;
	width:20px;
}
.ghost-placeholder-dropdown-line-03.divider01{
	left:230px;
}
.ghost-placeholder-dropdown-line-03.divider02{
	left:460px;
}
.ghost-placeholder-dropdown-line-03.divider03{
	left:680px;
	width:256px;
}
.ghost-placeholder-applied-line-01{
	left: 0px;
	right: 0px;
	top: 69px;
	height:15px;
}
.ghost-placeholder-applied-divider01{
	height:8px;
	left:70px;
	top:61px;
	background: #e3e3e3;
	width:20px;
}
.ghost-placeholder-anchor-line-01{
	height:8px;
	top:61px;
	width:20px;
}
.ghost-placeholder-anchor-line-01.divider01{
	left:230px;
}
.ghost-placeholder-anchor-line-01.divider02{
	left:460px;
}
.ghost-placeholder-anchor-line-01.divider03{
	left:680px;	
}
.animated-background.top{
	height:82px;
}
.timeline-item.first {min-height:100px;}

.ghost-placeholder-hideFliter.before,.ghost-placeholder-hideFliter.after{
	height:8px;
	top:83px;
	background: #e3e3e3;
	width:12px;
	left:800px;
}
.ghost-placeholder-hideFliter.after{
	left:889px;
}
.jobTitle .animated-background{height:10px;}
.searchBar .animated-background{height:10px;}
.timeline-item.jobTitle , .timeline-item.searchBar {min-height:10px;}

.parallelogram {  background: #494949 none repeat scroll 0 0;
    height: 15px;
    left: 78px;
    position: absolute;
    top: -3px;
    transform: skew(-25deg);
    width: 3px;} 

    .parallelogram1 { background: #e3e3e3;
    height: 15px;
    left: 78px;
    position: absolute;
    top: -3px;
    transform: skew(-25deg);
    width: 8px;} 

     .parallelogramExt { background: #e3e3e3;
    height: 15px;
    left: 180px;
    position: absolute;
    top: -3px;
    width: 81%;} 

    .ghost-placeholder-fliter-dividerEnd {width:300px; 	height:8px;
	left:70px;
	top:0;
	background: #e3e3e3;
}
.ghost-placeholder-searchbox{
	height:8px;
	top:0;
	background: #e3e3e3;
	width:20px;
}
.ghost-placeholder-searchbox.divider01{
	left:0;
}
.ghost-placeholder-searchbox.divider02{
	left:285px;
}
.ghost-placeholder-searchbox.divider03{
	left:465px;
	width:170px;
}
.ghost-placeholder-searchbox.divider04{
	left:763px;
	width:10px;
}
.ghost-placeholder-cnd-detail .animated-background{
	height: 27px;
}
.ghost-placeholder-cnd-detail .timeline-item{
	padding:0px;
}
.ghost-placeholder-cnd-detail .ghost-placeholder-header-top{
	height:auto;
}
.ghost-placeholder-cnd-detail .ghost-placeholder-line-01{
	height:19px;
	top:8px;
}

.height8px {height:8px;}
.height100{height:100px;}
.height0 {height:0; min-height:0;}
.width650{width:650px;}
.width400{width:400px;}
.width330{width:330px;}
.width200{width:200px;}
.width100{width:100px;}
.width50{width:50px;}
.centralise{margin:0 auto;}




.ghost-placeholder-icon {
	height: 40px;
	width: 35px;
	left: 0;
	top:0px;
	position: absolute;
}

.ghost-placeholder-icon-right-space {
	height: 40px;
	left: 40px;
	top:0px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-full-space20 {
	height: 20px;
	left: 0px;
	top:40px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-card-title {
	height: 20px;
	width:70%;
	left: 0px;
	top:60px;
	position: absolute;
}
.ghost-placeholder-card-title-right-space {
	height: 20px;
	left: 70%;
	top:60px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-full-space10 {
	height: 20px;
	left: 0px;
	top:80px;
	right:0px;
	position: absolute;
}


.ghost-placeholder-full-whitespace1 {
	height: 20px;
	left: 0px;
	top:80px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-full-whitespace2 {
	height: 15px;
	left: 0px;
	top:115px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-full-whitespace3 {
	height: 15px;
	left: 0px;
	top:145px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-full-whitespace4 {
	height: 15px;
	left: 0px;
	top:175px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-full-whitespace5-half {
	height: 15px;
	left: 50%;
	top:190px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-full-whitespace-bottom {
	left: 0px;
	top:205px;
	right:0px;
	bottom: 0px;
	position: absolute;
}



.ghost-placeholder-fullrow1 {
	height: 10px;
	left: 0px;
	right:0px;
	top:100px;
	position: absolute;
}
.ghost-placeholder-full-space2 {
	height: 10px;
	left: 0px;
	top:110px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-fullrow2 {
	height:10px;
	left:0px;
	right:0px;
	top:120px;
	position: absolute;
}
.ghost-placeholder-full-space3 {
	height: 10px;
	left: 0px;
	top:130px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-fullrow3 {
	height:10px;
	left:0px;
	right:0px;
	top:140px;
	position: absolute;
}
.ghost-placeholder-full-space4 {
	height: 10px;
	left: 0px;
	top:150px;
	right:0px;
	position: absolute;
}
.ghost-placeholder-fullrow4 {
	height:10px;
	left:0px;
	width:50%;
	top:160px;
	position: absolute;
}
.ghost-placeholder-full-space5-1 {
	height: 10px;
	left: 50%;
	top:160px;
	right:0px;
}
.ghost-placeholder-full-space5 {
	left: 0px;
	top:170px;
	right:0px;
	bottom:0px;
}
/************** menu top and bottom white space ************/
.menu-timeline-item {
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    padding: 0px;
    min-height: 75px;
	float: left;
	width: 75%;
}

.ghost-placeholder-menu-top-white {
	height: 31px;
	left: 0px;
	top:0px;
	right:0px;
}
.ghost-placeholder-menu-bottom-white {
	height: 31px;
	left: 0px;
	right:0px;
	bottom:0px;
}
.ghost-placeholder-menu-links-white1 {
	height: 30px;
	left:80px;
	width:80px;
	top:20px;
}
.ghost-placeholder-menu-links-white2 {
	height: 30px;
	left:300px;
	width:100px;
	top:20px;
}
.ghost-placeholder-menu-links-white3 {
	height: 30px;
	left:500px;
	width:100px;
	top:20px;
}
.ghost-placeholder-menu-links-white4 {
	height: 30px;
	left:700px;
	width:100px;
	top:20px;
}
.ghost-placeholder-menu-links-white5 {
	height: 30px;
	right:0px;
	width:100px;
	top:20px;
}