/************* DEFAULT LOADER LIBRARY CSS STARTS HERE*********/

/*https://github.com/raphaelfabeni/css-loader*/

@keyframes rotation{
	0%{
		-webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	to
	{
		-webkit-transform: rotate(359deg);
    	-moz-transform: rotate(359deg);
    	-ms-transform: rotate(359deg);
    	-o-transform: rotate(359deg);
    	transform: rotate(359deg);
	}
}
@keyframes blink{0%{opacity:.5}to{opacity:1}}


.loader:after,.loader:before{box-sizing:border-box;display:none}
.loader.is-active{background-color:rgba(0,0,0,.45);width:100%;height:100%;left:0;top:0}
.loader.is-active:after,.loader.is-active:before{display:block}
.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}
.loader[data-text=""]:before{content:"Loading"}
.loader[data-text]:not([data-text=""]):before{content:attr(data-text)}
.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}
.loader-default[data-text]:before{top:calc(50% - 63px)}
.loader-default:after{
	content:"";
	position:fixed;
	width:48px;
	height:48px;
	border:5px solid #fff;
	border-left-color:transparent;
	border-radius:50%;
	top:calc(50% - 24px);
	left:calc(50% - 24px);

	-webkit-animation:rotation 1s linear infinite;
	-moz-animation:rotation 1s linear infinite;
	-ms-animation:rotation 1s linear infinite;
	-o-animation:rotation 1s linear infinite;
	animation:rotation 1s linear infinite;
}
.loader-default[data-half]:after{border-right-color:transparent}
.loader-default[data-inverse]:after{animation-direction:reverse}

/******* DEFAULT LOADER LIBRARY CSS ENDS HERE ********/

.text-view-loader[data-text]:not([data-text=""]):before{left: calc(-7%);}
.text-view-loader.is-active:after,.text-view-loader.is-active:before{left: calc(41%);}


/* loader styles */

.loader {
  color:#FFF;
  position:fixed;
  box-sizing:border-box;
  width:0;
  height:0;
  overflow:hidden;
  z-index: 2000;
  /* display: contents; */
  /* background: rgba(255, 255, 255, 1); */
  display: table;
  text-align: center;
  top: 0;
  left: 0;
}

.loader > div {
  vertical-align: middle;
  display: inline-grid;
  color: #0696d7;
  margin:0 auto;
  position: fixed;
  left: 0%;
  top: 30%;
  width: 100%;
  z-index: 9999;
  -webkit-transform:translate3d(0,0,0);
}

.loader img {
  width: 7%;
}

.loader span {
  color: #0696d7;
  font-size: 14px;
}

.loader.center > div{
	left:45%;
}

.loader.center {
    align-items: center;
    justify-content: center;
    left: auto;
    margin: 0 auto;
    display: block;
    top:40%;
}

.loader.center > div.loader-content {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    left: auto;
	top: auto;
}



/* Projects Page Loader Placeholder */
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
.timeline-item {
  background: #fff;
  margin: 0 auto;
  min-height: 279px;
  border: 1px solid #cec9c9;
  border-radius: 2px;
  margin-right: 0px;
  box-shadow: 0px 0px 3px #bbbaba;
}
.noplans-version .timeline-item{
	min-height:218px;
}
.noplans-version .bg-masker4{
	display:none;
}
.tileview-cards .noplans-version  .bg-masker3{
	border-bottom:0px solid #eee;
}
.noplans-version .bg-masker1{
    height: 110px;
}
.timeline-xs .timeline-item {
  position: relative;
  border-left: 1px solid #c8c7cc;
}
.timeline-xs .timeline-item:after {
  background-color: #fff;
  border-color: #23a6f7;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  content: "";
  height: 9px;
  left: 0;
  margin-left: -5px;
  position: absolute;
  width: 9px;
  clear: both;
  bottom: auto;
  top: 4px;
}
.timeline-xs .timeline-item p {
  margin: 0;
  padding-bottom: 10px;
}
.timeline-xs .timeline-item.success {
  border-left-color: #5cb85c;
}
.timeline-xs .timeline-item.success:after {
  border-color: #5cb85c;
}
.timeline-xs .timeline-item.danger {
  border-left-color: #d43f3a;
}
.timeline-xs .timeline-item.danger:after {
  border-color: #d43f3a;
}
.timeline-xs .timeline-item.info {
  border-left-color: #46b8da;
}
.timeline-xs .timeline-item.info:after {
  border-color: #46b8da;
}
.timeline-xs .timeline-item.warning {
  border-left-color: #eea236;
}
.timeline-xs .timeline-item.warning:after {
  border-color: #eea236;
}
.timeline-xs .timeline-item:before, .timeline-xs .timeline-item:after {
  content: " ";
  display: table;
}

.property-animated-background {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  position: relative;
}
.property-animated-img-background {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  position: relative;
  height:48px !important;
  width:48px;
}

.background-masker {
  background: #fff;
  position: absolute;
}

/* Every thing below this is just positioning */

.widthCalculated {
	width: 100%;
	margin-left: 0px;
	float: left;
}
.tileview-cards .bg-masker1{
	height:65px;background-color:#f4f4f4 !important;
}
.tileview-cards .bg-masker1 > div:nth-child(1){
	height: 12px;position: relative;top: 13px;width: 96%;margin: 0px 2%;float: right !important;
}
.tileview-cards .bg-masker1 > div:nth-child(2){
width: 100%;float: left;
}
.tileview-cards .bg-masker1 > div:nth-child(2) div:nth-child(1){
	height: 95px;width: 85%;float:left;padding-top:10px;
}
.tileview-cards .ld-project-name{
	height: 12px;display: block;width: 45%;position: relative;top: 28px;	left: 20px;
}
.tileview-cards .ld-project-range{
	height: 10px;display: block;width: 25%;position: relative;top: 52px;left: 20px;float:left;
}
.tileview-cards .ld-project-type{
	height: 10px;display: block;width: 25%;position: relative;top: 52px;left: 35px;	float:left;
}
.tileview-cards .ld-more{
	height: 10px;display: block;width:15%;position: relative;top: 52px;left: 20px;float: left;
    margin-left: 35%;
}
.tileview-cards .bg-masker2{
	height:60px;
}
.tileview-cards .bg-masker2 > div{
	position: relative;top: 15px;
}
.ld-owner{
	height: 40px;width: 33%;
}
.ld-share,.ld-upgrade{
	width: 33%;top: 20px !important;
}
.ld-share span:nth-child(1),.ld-upgrade span:nth-child(1){
	height: 20px;width: 70%;display: block;margin-left:15%;margin-right:15%;
}
.ld-share span:nth-child(2),.ld-upgrade span:nth-child(2){
	height: 25px;width: 70%;display: block;position:relative;top:20px;margin-left:15%;margin-right:15%;
}
.ld-share span:nth-child(3),.ld-upgrade span:nth-child(3){
	height: 27px;width: 20%;display: block;position:relative;top:40px;border-radius:50px;left:20px;margin-left: 25%;
}
.tileview-cards .bg-masker3,.tileview-cards .bg-masker4{
	height:60px;
}
.tileview-cards .bg-masker3 > div:nth-child(1),.tileview-cards .bg-masker4 > div:nth-child(1){
	height: 13px;position: relative;top: 14px;width: 100%;padding-left: 30%;display:none;
}
.tileview-cards .bg-masker3 > div:nth-child(1) span:nth-child(1),.tileview-cards .bg-masker4 > div:nth-child(1) span:nth-child(1){
	width: 30%;height: 10px; display: block;
}
.tileview-cards .bg-masker3 > div:nth-child(1) span:nth-child(2),.tileview-cards .bg-masker4 > div:nth-child(1) span:nth-child(2){
	width: 30%;height: 10px;display: block;margin-left: 45%;
}
.ld-spec{
  width: 90%; margin: 0 auto;float: left;
}
.ld-spec-icon{
	height: 40px;width: 20%;margin-left: 15px;position: relative;top: 17px;
}
.ld-spec-text{
	width: 100%;margin-left: 15px;
}
.ld-spec-text span:nth-child(1){
	height: 8px;width: 25%;display:block;top:16px;left:6px;
}
.ld-spec-text span:nth-child(2){
	width: 60%;top: 27px;height: 9px;position:relative;display:block;left:6px;
}
.ld-spec-text span:nth-child(3){
	width: 100%;top: 35px;height: 8px;position:relative;display:none;
}
.ld-spec-text span:nth-child(4){
	width: 70%;top: 60px;height: 12px;position:relative;display:none;
}
/*.ld-spec-text span:nth-child(3){
	display: block;border-radius: 50px;position: relative;top: 20px;left: 48%;height: 27px;width: 24%;float:left;
}
.ld-spec-text span:nth-child(4){
	display: block;border-radius: 50px;position: relative;top: 20px;left: 60%;height: 27px;width: 24%;float:left;
}*/
.tileview-cards .bg-masker{
	padding-right:15px;
	float:left;
}
.tileview-cards .listcalculated{
	display:none;
}
.tileview-cards .widthCalculated{
	display:block;
}
.listview-cards .widthCalculated{
	display:none;
}
.listview-cards .listcalculated{
	display:block;
}
.listview-cards .bg-masker{
	width: 100%;
	padding: 0px;
	padding-right: 15px;
}
.listview-cards .timeline-item{
	min-height:150px !important;
}
.listview-cards .height-348{
	height:150px !important;
}
.lv-load-first{
	height:48px;border-bottom:1px solid #e8e8e8;
}
.lv-load-first div:nth-child(1){
	width:33%;float:left;
}
.lv-load-first div:nth-child(2){
	width:44%;float:left;
}
.lv-load-first .lv-pimg{
	height:35px;width: 35px;display: block;border-radius: 50px;position: relative;top: 6px;left: 10px;float:left;
}
.lv-load-first .lv-pname{
	height: 10px;width: 35%;display: block;left: 15%;top: 20px;
}
.lv-load-first .lv-pdetails{
	height: 10px;width: 70%;display: block;top: 20px;float: left;margin: 0 4%;
}
.lv-load-first .lv-tbtn{
	height: 25px;width: 17%;border-radius: 4px;float: right;top: 10px;display:none;
}
.lv-actions{
	width:21%;float:left;padding-left: 12%;
}
.lv-actions .lv-actions-one,.lv-actions .lv-actions-two,.lv-actions .lv-actions-three{
	height: 13px;width: 13px;display: block;top: 18px;float: right;margin-right: 10px;
}
.lv-load-second div:nth-child(1),.lv-load-second div:nth-child(2),.lv-load-second div:nth-child(3){
	width:33%;float:left;
}
.lv-load-second .details-one,.lv-load-second .details-two{
	height:10px;width: 35%;display: block;float: left;margin-left: 15px;top: 35px;
}
.lv-load-second .details-three,.lv-load-second .details-four{
	height:10px;width: 35%;display: block;float: left;margin-left: 15px;top: 51px;
}
.lv-load-second .version-one{
	height: 10px;width: 25%; float: left;margin-left: 20%;top: 13px;display:none;
}
.lv-load-second .version-two{
	height: 10px;width: 25%; margin-left: 60%;top: 13px;display:none;
}
.lv-load-second .version-three{
	height: 10px;width: 90%;display: block;top: 35px;margin: 0 5%;
}
.lv-load-second .version-four{
	height: 10px;width: 90%;display: block; top: 52px; margin: 0 5%;
}
.btn-one,.btn-two,.btn-three{
	height: 10px;width: 25%;display: block;top: 48px;float:left;margin-right: 20px;
}
.links-btn{
	padding-left: 10%;
}
.tv-pname{
	width: 70%;height: 10px;display: block;margin-left:15%;padding-top: 20px;top:5px;
}
.spec-view-search .loader-spin{
	top:30%;
}