@charset "UTF-8";
/* CSS Document */
/*@media screen and (min-width: 461px) {*/

	/*     HOME PAGE    */
	
  .home {
    width: 100%;
    /*height: 100%;
	min-height: 100%;*/
    background-color: #04103A;
    background-image: url("../img/home-logo-background.jpg");
    background-size: 130% auto;
    background-repeat: no-repeat;
    background-position: center 20%;
    text-align: center;
	  display: table-cell;
	vertical-align: middle;
  	padding-bottom:80px;
	padding-top:100px;
  }
  .home2 {
    width: 100%;
    height: 400px;
        min-height: 400px;
    background-color: #04103A;
    background-image: url("../img/home-logo-background.jpg");
    background-size: 130% auto;
    background-repeat: no-repeat;
    background-position: center 20%;
    text-align: center;
          display: table-cell;
        vertical-align: middle;
          margin-bottom:40px;
        padding-bottom:60px;
        padding-top:60px;
  }
  .view{
	width:100%;
  }
  .body{
	width:100%;
  }
  body{
	width:100%;
  }
  .homeBody{
        /*height:440px;*/
    /*border: 3px solid green;*/
    text-align: center;
                margin: 0 auto;
  }
  .rentiqLogo {
    background-image: url("../img/logo.png");
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position:top center;
    width: 500px;
    height: 200px;
    min-width: 500px;
    min-height: 200px;
	  margin: 0 auto;
  }
  .homeLoginContent {
    margin: 0px auto;
	width: calc(100% - 80px);
	padding:20px 20px 20px 20px;
    min-height: 200px;
    max-width: 700px;
    text-align: center;
	background-color: #fff;
    border-radius: 15px;
	  margin-bottom: 40px;
  }
  .homeBoxLinks {
	margin: -70px 0px 70px 0px;
        width: 100%;
  	text-align:center;
	color:#8997be;

}
  #learnLink{
 	color:#fff;
	cursor:pointer;
  	padding:0px 10px 0px 10px;
  }
  #loginLink{
	color:#fff;
	cursor:pointer;
	padding:0px 10px 0px 10px;
  }
  #registerLink{
	color:#fff;
	cursor:pointer;
	padding:0px 10px 0px 10px;
  }
  .homeMessage{
	font-size:18px;
                        color:#1c2b53;
                        margin:20px 20px 20px 20px;
 letter-spacing:0.09em;
 line-height:28px;
	      	}
  #homeExtra{
	display:none;
  }
  .homeLinkButtons{
  	margin-bottom:20px;
      letter-spacing:0.12em;	
  }
  #homeAbout{
	padding-top:20px;
  }
		.homeWelcome{
			color:#1c2b53;
			font-weight: 700;
			font-size:25px;
			font-family: 'Source Sans Pro', sans-serif;
			text-transform: uppercase;
			letter-spacing: 0.2em;
			margin-top:20px;
		}
		.homeBio{
			font-size:14px;
			color:#1c2b53;
			margin:5px 0px 20px 0px;
		}
		.loginUsername{
			border-bottom: 1px solid #dddddd;
			height:50px;
			max-width:400px;
			width:100%;
			margin: 0 auto;
			padding:0px 0px 2px 0px;
		}
		.loginUsername input{
			border: none;
			background-color: #fff;
			width: calc(100% - 40px);
			height:100%;
			font-size: 18px;
			color:#1c2b53;
			vertical-align: middle;
			text-align: center;
			padding:0px 20px 0px 20px;
			
		}
		.loginUsername input::placeholder{
			font-size: 12px;
			color:#1c2b53;
			vertical-align: middle;
			padding-top:2px;
			text-align: center;
		}
		.registerInput{
			border-bottom: 1px solid #dddddd;
			height:50px;
			max-width:400px;
			width:100%;
			margin: 0 auto;
			padding:0px 0px 2px 0px;
		}
		.registerInput input{
			border: none;
			background-color: #fff;
			width: calc(100% - 40px);
			height:100%;
			font-size: 18px;
			color:#1c2b53;
			vertical-align: middle;
			text-align: left;
			padding:0px 20px 0px 20px;
			
		}
		.registerInput input::placeholder{
			font-size: 12px;
			color:#1c2b53;
			vertical-align: middle;
			padding-top:2px;
			text-align: left;
		}
	
	
	
	
	
		.loginPin{
			border-bottom: 1px solid #dddddd;
			height:50px;
			max-width:400px;
			width:100%;
			margin: 0 auto;
			padding:0px 0px 2px 0px;
		}
		.loginPin input{
			border: none;
			background-color: #fff;
			width: calc(100% - 40px);
			height:100%;
			font-size: 18px;
			color:#1c2b53;
			vertical-align: middle;
			text-align: center;
			padding:0px 20px 0px 20px;
			
		}
		.loginPin input::placeholder{
			font-size: 12px;
			color:#1c2b53;
			vertical-align: middle;
			padding-top:2px;
			text-align: center;
		}
	.loginButton{
	     background-color:#55E6C1;
	     text-align: center;
	     width: 130px;
	     vertical-align: middle;
	     display: inline-block;
	     color:#fff;
	     text-transform: uppercase;
	     padding:10px 0px 10px 0px;
	     border-radius: 5px;
	     font-size: 12px;
	     margin-top:20px;
	     cursor: pointer;
                }
	.dontHaveAccount{
	     
	     height:20px;
	     font-size:14px;
	     color:#1c2b53;
	     display: inline-block;
	     vertical-align: middle;
	     width: 100%;
	     text-align: center;
	     margin-top:20px;
	     margin-bottom:20px;
                }
	#vertify{
		display:none;
	}
	#success{
		display:none;
	}
	#footer{
		min-height:1px;
		height:1px;
		width:100%;
		min-width:100%;
	}
	
	
	
	
	/*		DASHBOARD       	*/
	
	.header{
		background-color:#1c2b53;
		height:80px;
		width:100%;
		border-bottom:1px solid #2d3c63;
	}
	.logo{
		background-image:url(../img/logo.png);
		background-size: 160px auto;
		background-repeat: no-repeat;
		width:270px;
		height:100px;
		display: block;
		background-position: 15px 20px;
		position: absolute;
		left:20px;
		top:0px;
		cursor: pointer;
	}
	
	.accountItem{
		margin-left:150px;
	}
	
	.account{
		position: absolute;
		right:20px;
		top:0px;
	}

	.accountGrab{
		display:inline-block;
		margin: 15px 0px 0px 0px;
	}
	#searchContainer{
		text-align:center;
		width:100%;
		min-width:100%;
	}
	#search{
		margin:20px auto 0px auto;
		width:calc(100% - 80px);
		max-width:900px;
		background-color:#efefef;
		padding:10px 30px 10px 30px;
		border-radius: 20px;
		border: none;
		font-size:16px;
	}
	.pageTitle{
		background-image: url("../img/projects-icon.svg");
		background-repeat: no-repeat;
		height:40px;
		margin:40px 0px 100px 60px;
		padding: 20px 0px 20px 90px;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 30px;
		font-weight: 500;
		color: #353945;
		display: inline-block;
	}
	.sharedTitle{
                background-image: url("../img/shared-icon.svg");
                background-repeat: no-repeat;
                height:40px;
                margin:60px 0px 100px 60px;
                padding: 20px 0px 20px 90px;
                font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
                font-size: 30px;
                font-weight: 500;
                color: #353945;
                display: inline-block;
        }
	.project{
		background-image: url("../img/project-folder.svg");
		background-repeat: no-repeat;
		height:90px;
		width:120px;
		min-width: 80px;
		min-height: 80px;
		margin:0px 0px 0px 60px;
		padding: 100px 0px 0px 0px;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 12px;
		font-weight: 500;
		color: #353945;
		display: inline-block;
		text-align: center;
		position: relative;
		cursor: pointer;
		
	}
	.project:hover{
		color: #55E6C1;
	}
	.unpaid{
                background-image: url("../img/project-unpaid.svg");
                background-repeat: no-repeat;
                height:90px;
                width:120px;
                min-width: 80px;
                min-height: 80px;
                margin:0px 0px 0px 60px;
                padding: 100px 0px 0px 0px;
                font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
                font-size: 12px;
                font-weight: 500;
                color: #353945;
                display: inline-block;
                text-align: center;
                position: relative;
                cursor: pointer;
		color: #7683A5;
        }
        .unpaid:hover{
                color: #55E6C1;
        }
        .pending{
                background-image: url("../img/project-pending.svg");
                background-repeat: no-repeat;
                height:90px;
                width:120px;
                min-width: 80px;
                min-height: 80px;
                margin:0px 0px 0px 60px;
                padding: 100px 0px 0px 0px;
                font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
                font-size: 12px;
                font-weight: 500;
                color: #353945;
                display: inline-block;
                text-align: center;
                position: relative;
                cursor: pointer;
		color:#cccccc;

        }
        .pending:hover{
                /*color: #55E6C1;*/
        }
	.folderOptions{
		width:80px;
		min-width: 80px;
		padding:0px 20px 0px 20px;
		font-weight: 500;
		color:#4D565C
	}
	.folderChoices{
		padding:10px 0px 10px 0px;
		border-top: 1px solid #ccc;
	}
	.folderChoices:hover{
		color: #55E6C1;
		cursor: pointer;
	}
	.folderChoices:first-child{
		border-top: none;
	}
	.folderMenu{
		position:absolute;
		width:15px;
		top: 23px;
		left:95px;
		margin: 0px;
		padding: 0px;
		background-image: url("../img/thumb.png");
		background-position: 8px 3px;
		background-size: 5px auto;
		background-repeat: no-repeat;
    	border-radius: 10px;
		overflow: hidden;
		z-index: 1000;
	}
	.folderMenuClicked{
		width:inherit;
		background-color: #fff;
		border: 1px solid #ccc;
	}
	
	.accountImg{
		width: 50px;
		height:50px;
		display: inline-block;
		-webkit-clip-path: url(#svgPath);
		clip-path: url(#svgPath);
		margin-left:10px;
		margin-right:5px;
	}
	.accountThumb{
		height:35px;
		cursor:pointer;	
		display: inline-block;
		margin-right:0px;
		margin-bottom:7px;
	}
	.accountText{
		float:left;
		width:240px;
	}
	#menuBox{
		background-image: url("../img/menuBox.svg");
		width:250px;
		height:228px;
		background-size: 100% auto;
		position: absolute;
		top:70px;
		right:5px;
		z-index: 20000;
		padding-top:20px;
		display: none;
		overflow:hidden;
	}
	.menuChoices{
		width: calc(100% - 80px);
		margin:0px 40px 0px 40px;
		vertical-align: middle;
		padding:18px 0px 18.3333333px 0px;
		font-size: 16px;
		text-align: center;
		border-bottom: 1px solid #ccc;
		cursor:pointer;
	}
	.menuChoices:hover{
		color: #55E6C1;
	}
	.accountWelcome{
		font-size: 11px;
		font-weight: 300;
		letter-spacing: 0.12em;
		color: #55E6C1;
		display: block;
		width:240px;
		height:17px;
		margin:24px 20px 0px 0px;
		text-align: right;
		vertical-align: bottom;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		
	}
	.accountName{
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.12em;
		color: #55E6C1;
		display: block;
		width:240px;
		height:27px;
		margin:-5px 20px 23px 0px;
		text-align:right;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	}
	.body{
		height:calc(100% - 80px);
		min-width:100%;
		max-width:100%;
	}
	.left{
		background-color:#1c2b53;
		width:200px;
		min-height: calc(100% - 80px);
		display:block;
		position:absolute;
		top:80px;
		left:0px;
		display: none;
	}
	.main{
		background-color: #fff;
		width: 100%;
		min-height: calc(100% - 0px);
		position:absolute;
		display: table;
		height: calc(100% - 0px);
		overflow: hidden;
		max-height:  calc(100% - 0px);
	}
	#content{
		background-color: #fff;
		width: calc(100% - 0px);
		min-height: calc(100% - 82px);
		position:absolute;
		top:81px;
		left:0px;
		height: calc(100% - 82px);
		overflow: scroll;
		max-height:  calc(100% - 82px);
	}
	.menuHome{
		background-image: url("../img/home-2.png");
		background-size: 110px auto;
		background-position: 40px 35px;
		background-repeat: no-repeat;
		width:190px;
		height:150px;
		display:block;
		background-color:#55E6C1;
	}
	.menuDashboard{
		background-image: url("../img/dashboard-1.png");
		background-size: 110px auto;
		background-position: 40px 35px;
		background-repeat: no-repeat;
		width:190px;
		height:150px;
		display:block;
	}
	.menuHistory{
		background-image: url("../img/history-1.png");
		background-size: 110px auto;
		background-position: 40px 35px;
		background-repeat: no-repeat;
		width:190px;
		height:150px;
		display:block;
	}
	.menuHelp{
		background-image: url("../img/help-1.png");
		background-size: 110px auto;
		background-position: 40px 35px;
		background-repeat: no-repeat;
		width:190px;
		height:150px;
		display:block;
	}
	.createProject{
		background-color: #FD7272;
		border-radius: 5px;
		color:#fff;
		display:block;
		padding:10px 20px 10px 20px;
		max-width:90px;
		font-size: 12px;
		margin:0 auto;
		text-align: center;
		margin-top:20px;
		margin-right:80px;
		cursor: pointer;
	}
	
	/*PREQUESTIONS*/
	
	.preQheader{
		font-size:40px;
		letter-spacing:0.13em;
		color:#fff;
		text-align:center;
		width:90%;
		max-width:1000px;
		text-transform: uppercase;
		margin:0 auto;
		margin-top:40px;
	}
	.preQReviewSubheader{
		font-size:20px;
                letter-spacing:0.13em;
                color:#fff;
                text-align:center;
                width:50%;
		min-width:340px;
                max-width:1000px;
                margin:0 auto;
                margin-top:10px;
		margin-bottom:40px;
	}
	.preQrainbow{
		width:90%;
		margin:0 auto;
		max-width:1000px;
		height:5px;
		margin-top:40px;
		margin-bottom:40px;
	}

	.preQBlock{
		margin:0 auto;
		width:100%;
		max-width:350px;
		margin-bottom:40px;
	}

	.preQBlockHeader{
		color:#fff;
		text-transform: uppercase;
		margin-bottom:10px;
		text-align:left;
	}

	.preQBlockInput{
		
	}

	.preQBlockInput input{
		width:100%;
		max-width:350px;
		font-size:24px;
		color:#1c2b53;
		height:50px;
		text-align:center;	
		letter-spacing:0.15em;
		border-radius: 4px;
		border:0px;
	}
	
	.preQBlockInput input::placeholder{
		color:#7383ad;
		letter-spacing:0.15em;
	}
	.preQBlockInput input:disabled {
		background-color:#2d3c63;
		color:#7383ad;
	}
	.preQBlockFooter{
		color:#5c6b94;
		text-align:right;
		width:100%;
		max-width:350px;
		margin-top:10px;
	}

	.preQBlockFooter a{
		color:#7383ad;
		
	}
	.preQBlockFooterButton{
		background-color:#fd7272;
		color:#fff;
		padding:10px 10px 10px 10px;
		display:inline-block;
		font-size:11px;
		margin:10px 0px 0px 0px;
		border-radius: 4px;
		float:right;
	}
	.preQBlockFooterButton a{
                text-decoration:none;
                color:#fff;
        }
	.preQSelect{
		color:#fff;
		width:calc(90% - 20px);
		max-width:680px;
		margin:0 auto;
		padding-left:20px;
	/*	text-align:left;*/	
	}

	.preQtoggleHolder{
		padding:2px;
		display:inline-block;
		height:20px;
	}

	.preQtoggle{
		border-radius: 4px;
		height:16px;
		border: 1px solid #7383ad;
		width:16px;
		min-width:16px;
		display:inline-block;
		margin:0px 10px 2px 0px;
		background-color:#55E6C1
	}
	
	.preQSelectText{
	/*	display:none;*/
		color:#fff;
		height:20px;
		font-size:20px;
		margin:0px 0px 0px 0px;
	}
	.popIMG{
		position:fixed;
		width:100%;
		top:100px;
		text-align:center;
		z-index:999999;
		display:none;
	}	
	.highlightGreen{
		color:#55E6C1;
		/*font-weight:bold;*/
		font-family:"Arial Black", Gadget, sans-serif;
	}
	.popIMG img{
                width:500px;
                min-width:500px;
        }
	.purchaseTable{
		width:100%;
		display:table;
	}
	@media screen and (max-width: 761px) {
	    .popIMG img{
		width:70%;
		min-width:70%;
	    }
	    .home {
  		 width: 100%;
 	 	 background-color: #04103A;
 	 	 background-image: url("../img/home-logo-background.jpg");
 	 	 background-size: 300% auto;
 	 	 background-repeat: no-repeat;
 	 	 background-position: center !important;
 	 	 text-align: center;
 	 	 display: table-cell;
 	 	 vertical-align: middle;
 	 	 padding-bottom:80px;
 	 	 padding-top:100px;
  	    }
	}

	/*CONFIRM APARTMENTS*/
	
	.reviewTable{
		display:block;
		max-width:800px;
		width:90%;
		margin:0 auto;
		border-bottom:1px solid #7383ad;
		padding-bottom:40px;
		margin-bottom:20px;
	}

	.reviewLeft{
		width:30%;
		max-width:30%;
		display:table-cell;
		
	}
	
	.reviewRight{
		width:70%;
                max-width:70%;
		display:table-cell;
		text-align:center;
	}
	
            .reviewLeftTenant{
                width:65%;
                max-width:65%;
                display:inline-block;
            }

            .reviewRightTenant{
                width:100%;
                max-width:100%;
                display:inline-block;
		text-align:center;
            }


	.preQBlockRInput input{
                width:80%;
                max-width:350px;
                font-size:24px;
                color:#1c2b53;
                height:50px;
                text-align:center;
                letter-spacing:0.15em;
                border-radius: 4px;
                border:0px;
        }

        .preQBlockRInputTenant input{
                width:100%;
                max-width:550px;
                font-size:18px;
                color:#1c2b53;
                height:40px;
                text-align:center;
                letter-spacing:0.15em;
                border-radius: 4px;
                border:0px;
        }
	.preQBlockRInputTenant select{
		background-color: #55E6C1;
		color: #fff;
		padding: 5px 15px 5px 15px;
		border-radius: 5px;
		font-size: 16px;
		display: inline-block;
		height: 29px;
		border: none;
	}	
	@media screen and (max-width: 761px) {
	    .reviewLeft{
                width:30%;
                max-width:30%;
                display:inline-block;
            }

            .reviewRight{
                width:70%;
                max-width:70%;
                display:inline-block;
            	
	    }
            .reviewLeftTenant{
                width:65%;
                max-width:65%;
                display:inline-block;
            }

            .reviewRightTenant{
                width:70%;
                max-width:70%;
                display:inline-block;

            }
	}

	.preQBlockPreview{
		width:100%;
		height:145px;
		border-radius: 10px;
		background-color:#fff;
		background-size:3200px auto;
		overflow:hidden;
		/*max-width:450px;*/
	}
	.preQBlockPreviewTenant{
                width:100%;
                height:300px;
                border-radius: 10px;
                background-color:#fff;
                background-size:3200px auto;
                overflow:hidden;
               /* max-width:450px;*/
        	text-align:center;
		margin:0 auto;
	}
	#doc_0{
		background-image:url(../3.png.png);
                background-position:-722px -786px;
	}

	#doc_1{
		background-image:url(../3.png.png);
                background-position:-190px -792px;
	}

	.preQBlockPreview .highlight{
		height:38px;
		border:56px solid black;
		/*background-color:yellow*/;
		width:calc(100% - 112px);
		position:relative;
		top:-4px;
		left:0px;
		opacity: 0.5;
	}

	.preQReviewText{
                color:#1c2b53;
                height:20px;
                font-size:20px;
                margin:0px 0px 0px 0px;
        }
	.preQReviewTextTenant{
		color:#fff;
		font-size:16px;
		padding:20px 0px 10px 0px;
		display:block;
	}
	#questionStatus{
		color:#fff;
		font-size:20px;
	}
	/*UPLOAD FILE ON PROJECTS PAGE*/
	
	.upload{
		text-align: center;
		height:600px;
		width:80%;
		margin:0 auto;
		display: table-cell;
		vertical-align: top;
		
		margin-bottom:30px;
	}
	/*.uploadHeader{
		color: #1c2b53;
		font-size: 24px;
		font-weight:900;
		margin-top:30px;
	}
	.uploadText{
		color: #1c2b53;
		font-size: 18px;
		font-weight:500;
		margin-top:10px;
	}*/
	.uploadBox{
		margin:0 auto;
	/*	background-color: #e8e9ed;*/
		width:90%;
		max-width:700px;
		border-radius: 10px;
		margin-top:20px;
		display: flex;
  		flex-flow: column;
		text-align: center;
		height:400px;
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.uploadFooter{
		color:#5c6b94;
                text-align:right;
                width:90%;
                max-width:700px;
		margin: 0 auto;
		margin-top:10px;
	}
	.uploadFooter a{
		color:#7383ad;
	}
	.uploadImg{
		width:120px;
		margin:0 auto;
	}
	.orImg{
		width:240px;
		margin:0 auto;
	}
	.uploadChoose{
		margin-top:20px;
		margin-bottom:0px;
		text-align: center;
	}
	.uploadDragText{
		color: #FFFFFF;
		font-size: 18px;
		font-weight:700;
		margin-top:20px;
		line-height: 50px;
	}
	.extractLoading{
		width:30%;
		height:auto;
	}
	.chooseFile{
		cursor:pointer;
		background-color: #FD7272;
		border-radius: 5px;
		color:#fff;
		display:block;
		padding:10px 20px 10px 20px;
		max-width:120px;
		font-size: 12px;
		margin:0 auto;
		margin-top: 10px !important;
		
	}
	.inputfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}
	.inputfile + label {
		background-color: #FD7272;
		border-radius: 5px;
		color:#fff;
		display:block;
		padding:10px 20px 10px 20px;
		max-width:120px;
		font-size: 12px;
		margin:0px auto;
	}

	.inputfile:focus + label,
	.inputfile + label:hover {
		/*background-color: red;*/
	}
	.processFile{
		background-color: #55E6C1;
		border-radius: 5px;
		color:#fff;
		display:inline-block;
		padding:10px 30px 10px 30px;
		min-width:120px;
		font-size: 16px;
		margin:0px auto 0px 20px;
		line-height: 25px;
		font-weight: 700;
		cursor: pointer;
	}
	.continue{
		/*background-color: #55E6C1;*/
		background-color:#2d3c63;
                border-radius: 5px;
                color:#7383ad;
                display:inline-block;
                padding:10px 30px 10px 30px;
                min-width:120px;
                font-size: 16px;
                margin:40px 20px 40px 20px;
                line-height: 25px;
                font-weight: 700;
                cursor: pointer;
	}
	.uploadInfo{
		color: #1c2b53;
		font-size: 14px;
		font-weight:500;
		margin-top:20px;
		line-height: 30px;
		width: 100%;
		text-align: left;
		display: block;
	}
	.uploadContents{
		text-align: center;
		height:100%;
		width:80%;
		margin:0 auto;
		display: table;
		vertical-align: middle;
	}
	.uploadCreate{
		background-color:#2d3c63;
	}
	.uploadMiddle{
		/*background-color: #e8e9ed;*/
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.progressMiddle{
                display: table-cell;
                text-align: center;
                vertical-align: middle;
	}
	.progressContents{
		text-align: center;
		height:100%;
		width:80%;
		margin:0 auto;
		display: table;
		vertical-align: middle;
	}
	.docIcon{
		width:56px;
		height:65px;
		background-image: url("../img/docIcon.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		display: block;
		color: #fff;
		font-size: 18px;
		font-weight:500;
		margin:0 auto;
		padding-top:26px;
	}
	.uploadDetails{
		width:70%;
		display: inline-block;
		height:100px;
	}
	.uploadName{
		margin-bottom: 10px;
		color: #FFFFFF;
		font-size: 20px;
	}
	.uploadBar{
		width:100%;
		display: block;
		background-color: #1c2b53;
		border-radius: 10px;
	}
	.uploadScrubber{
		width:0%;
		border:3px solid #1c2b53;
		border-radius: 10px;
		display: block;
		height:12px;
		background-color: #55E6C1;
	}
	.uploadAmount{
		margin-top:10px;
		color: #FFFFFF;
		font-size: 20px;
	}
	.processing{
		margin:0 auto;
		background-color: #fff;
		background-size:auto 100%;
		background-position: center;
		background-repeat: no-repeat;
		width:100%;
		max-width:1200px;
		border-radius: 10px;
		margin-top:20px;
		display: flex;
  		flex-flow: column;
		text-align: center;
		height:70%;
		background-image: url("../img/processing.jpg");
		z-index: 10000;
	}
	.review{
		background-color: #55E6C1;
		color: #fff;
		padding: 10px 50px 10px 50px;
		border-radius: 5px;
		margin: 0 auto;
		position:absolute; 
		bottom:50px; 
		left: calc(50% - 85px);
	}
        .openSpreadsheet{
                background-color: #55E6C1;
                color: #fff;
                padding: 10px 30px 10px 30px !important;
                border-radius: 5px;
                display: block;
                width:120px;
                margin:20px 40px 0px 0px;
                cursor: pointer;
		float:right;
        }
	.openProjects{
		background-color: #55E6C1;
                color: #fff;
                padding: 10px 30px 10px 30px !important;
                border-radius: 5px;
                display: block;
                width:120px;
                margin:20px 0px 0px 40px;
                cursor: pointer;
	}
	.openDashboard{
		background-color: #55E6C1;
		color: #fff;
		padding: 10px 30px 10px 30px !important;
		border-radius: 5px;
		display: block;
		width:150px;
		margin:20px 0px 0px 0px;
		cursor: pointer;
	}
	.ticketCOL1{
		max-width:600px;
		width:100%;
		display:inline-block;
		margin:0px 0px 5px 0px;
		/*border-right: solid 1px #eee;*/
		padding-bottom:10px;
		float:left;
	}
	.ticketCOL2{
		max-width:calc(100% - 601px);
		width:100%;
		min-width:600px;
		display:inline-block;
		/*border-right: solid 1px #eee;*/
		margin:0px 0px 5px 0px;
		padding-bottom:10px;
		float:left;
	}

	.ticketCOL3{
		max-width:150px;
		width:100%;
		display:inline-flex;
		/*display:inline-block;*/
		/*position:absolute;
		top 0px;
		right:0px;*
	}
	.ticketCOL3Spacer{
                max-width:150px;
                width:100%;
                display:inline-flex;
                /*display:inline-block;*/
                float:right;
        }
	.ticketAddNotation{
                background-color:#EBEDF1;
                color:#192A56;
                padding:10px;
                border-radius: 5px;
                width:100px;
                margin:10px 0px 0px 10px;
                display:inline-block;
                font-size:12px;
		background-image:url(../img/add-thumb.png);
                background-size:20px auto;
                background-repeat:no-repeat;
                background-position:8px 8px;
                padding-left:38px;
        	cursor:pointer;
	}
	.ticketUploadDocument{
                background-color:#FD7272;
                color:#ffffff;
                padding:10px;
                border-radius: 5px;
                width:165px;
                margin:10px 0px 0px 10px;
                display:inline-block;
                font-size:12px;
		background-image:url(../img/upload-thumb.png);
		background-size:30px auto;
		background-repeat:no-repeat;
		background-position:8px 8px;
		padding-left:50px;
        	border:none;
		cursor:pointer;
	}
	.ticketTypeList{
		display:none;
		position:absolute;
		top:38px;
		left:11px;
		background-color:#EBEDF1;
		/*border: solid 1px #55E6C1;*/
		width:200px;
		/*height:300px;*/
		border-radius: 5px;
		z-index:100000;
		margin-bottom:10px;
	}
	.ticketDone{
                background-color:#55E6C1;
                color:#ffffff;
                padding:10px;
                border-radius: 5px;
                width:50px;
                margin:10px 10px 20px 10px;
                display:inline-block;
                font-size:12px;
		position:fixed;
                bottom:0px;
                right:20px;
		background-image:url(../img/done-thumb.png);
                background-size:25px auto;
                background-repeat:no-repeat;
                background-position:8px 5px;
                padding-left:45px;
        	cursor:pointer;
		z-index:999999999999;
	}
	.ticketDone2{
                background-color:#55E6C1;
                color:#ffffff;
                padding:10px;
                border-radius: 5px;
                width:50px;
                margin-bottom:10px;
                display:inline-block;
                font-size:12px;
                /*position:fixed;
                bottom:0px;
                right:20px;*/
		display:inline-block;
                /*background-image:url(../img/done-thumb.png);*/
                /*background-size:25px auto;
                background-repeat:no-repeat;
                background-position:8px 5px;*/
                /*padding-left:45px;*/
                cursor:pointer;
                z-index:999999999999;
        }
	.newNote{
                cursor:pointer;
		background-color:#1c2b53;
                color:#FFE765;
                padding:10px;
                border-radius: 5px;
                width: calc(100% - 40px);
		text-align:center;
                margin:10px 0px 0px 10px;
		display:inline-block;
		font-size:12px;
        }
	.notationSplit{
		cursor:pointer;
		background-color:#ccc;
		min-height:1px;
		height:1px;
		max-height:1px;
		width:150px;
		margin:14px 25px 0px 25px;

	}
	.newFlag{
                cursor:pointer;
		background-color:red;
                color:#fff;
                padding:10px;
                border-radius: 5px;
                width:calc(100% - 40px);
		text-align:center;
                margin:10px 0px 0px 10px;
		display:inline-block;
		font-size:12px;
        }

        .newInit{
                cursor:pointer;
		background-color:#FD7272;
		/*background-color:#7fe292;*/
                color:#fff;
                padding:10px;
                border-radius: 5px;
                width:calc(100% - 80px);
                text-align:left;
		padding-left:50px;
                margin:14px 0px 0px 10px;
                display:inline-block;
                font-size:12px;
        }

        .newIAI{
                cursor:pointer;
		background-color:#55E6C1;
                color:#fff;
                padding:10px;
                border-radius: 5px;
                width:calc(100% - 40px);
                text-align:center;
                margin:10px 0px 0px 10px;
                display:inline-block;
                font-size:12px;
        }

        .newRenewal{
                cursor:pointer;
		background-color:#FD7272;
		/*background-color:#6583FF;*/
                color:#fff;
                padding:10px;
                border-radius: 5px;
		width:calc(100% - 80px);
                text-align:left;
                padding-left:50px;
                margin:10px 0px 0px 10px;
                display:inline-block;
                font-size:12px;
        }
	.newOther{
		cursor:pointer;
		background-color:#FD7272;
		/*background-color:#55E6C1;*/
		color:#fff;
		padding:10px;
		border-radius: 5px;
		width:calc(100% - 80px);
                text-align:left;
                padding-left:50px;
		margin:10px 0px 10px 10px;
		display:inline-block;
		font-size:12px;
	}
	.ticketHeader{
		position:absolute;
		top:14px;
		left:18px;
		font-size:14px;
	}
	.ticketNoteText{
		position:absolute;
		top:45px;
		left:18px;
		padding:10px 10px 10px 10px;
		width: calc(100% - 56px);
		height:315px;
		background-color:#f8f8f8;
		overflow:scroll;
	}
	.ticketBody{
		background-color:#f8f8f8;
		position:absolute;
                top:45px;
                left:18px;
                padding:10px 10px 10px 10px;
                width: calc(100% - 56px);
                height:305px;
                background-color:#fff;
                overflow:scroll;
	}
	.ticketBodyHeader{
                height:30px;
                width:100%;
		padding-left:20px;
        }
	.ticketBodySplit{
		border-radius: 10px;
		border: solid 1px #1c2b53;
		height:38px;
		width:100%;
		overflow:hidden;
		margin-bottom:10px;
	}
	.ticketBodySplitLeft{
		background-color:#1c2b53;
		width: calc(50% - 20px);
		height:28px;
		display:inline-block;
		padding:10px 0px 0px 20px;
		color:#fff;
	}
	.ticketBodySplitRight{
                background-color:#fff;
                width: calc(50% - 60px);
                height:20px;
                display:inline-block;
                padding:0px 0px 0px 5px;
                color:#1c2b53;
        	margin:8px 0px 0px 20px;
		border:none;
		font-size:18px;
	}
		
	.viewAllCases{
                background-color: #55E6C1;
                color: #fff;
                padding: 10px 30px 10px 30px !important;
                border-radius: 5px;
                display: block;
                width:120px;
                margin:0px 0px 0px 0px;
                cursor: pointer;
		text-align:center;
        }
	.projectFiles{
		padding:20px 20px 20px 20px;
		border-radius: 8.5px;
		border:1px solid #1c2b53;
		width:calc100% - 80px);
		max-width:850px;
		margin:40px 0px 10px 0px;
	}
	.documentLink{
		display:inline-block;
		width:140px;
		height:auto;
		text-align:center;
		font-size:12px;
		color: #1c2b53;
		margin-top:10px;
		margin-bottom:10px;
		vertical-align:top;
		padding:0px 25px 0px 25px;
	}
	.documentLink img{
		height:55px;
		margin:0% 30% 0% 30%;
	}
	.processingHeader{
		color: #1c2b53;
		font-size: 24px;
		font-weight:900;
		margin-top:30px;
		width: 100%;
		text-align: center;
	}
	.processingText{
		color: #1c2b53;
		font-size: 18px;
		font-weight:500;
		margin-top:10px;
		width: 100%;
		text-align: center;
	}
	.body2{
		height:calc(100% - 100px);
		min-width:100%;
		background-color: #1c2b53;
	}
	.document{
		background-color:aquamarine;
		width: calc(100% - 100px);
		height: 2450px;
		margin: 0 auto;
		border-radius: 25px;
		background-image: url("../img/27.jpg27.jpg");
		background-size: 100% auto;
		margin-bottom: 270px;
		background-repeat: no-repeat;
	}
	.questions{
		display: block;
		position: fixed;
		bottom: 0px;
		left:0px;
		width: 100%;
		height: 230px;
		background-color: #1c2b53;
		text-align: center;
	}
	.rainbow{
		width: 100%;
		height:4px;
		background-image: url("../img/rainbow.jpg");
		background-size: 100% 100%;
		margin-bottom: 40px;
	}
	.reviewsCorrected{
		color:#55E6C1;
		font-weight: 900;
	}
	.reviewsText{
		color:#fff;
		font-weight: 900;
	}
	.reviewsInfo{
		margin:0 auto;
	}
	.pageLeft{
		height:50px;
		width:50px;
		border-radius: 5px;
		border: 1px solid #666;
		display: inline-block;
		color:#666;
		cursor:pointer;
	}
	.pageRight{
		height:50px;
		width:50px;
		border-radius: 5px;
		border: 1px solid #fff;
		display: inline-block;
		color:#55E6C1;
		cursor:pointer;
	}
	.pageIssue{
		height:50px;
		width:200px;
		border-radius: 5px;
		border: 1px solid #fff;
		display: inline-block;
		background-color:#fff;
		margin: 0px 20px 0px 20px;
	}
	.reviewsPager{
		margin-top:25px;
		font-size: 21px;
		margin-bottom:25px;
	}
	.reviewsArrow{
		margin-top:12px;
		font-size: 21px;
	}
	.reviewsValue{
		font-size: 21px;
	}
	.reviewsValue input{
		border:none;
		height:48px;
		width:100%;
		font-size:21px;
		color: #1c2b53;
		background-color:transparent;
		border-radius: 5px;
		text-align:center;
	}
	.reviewsSeperator{
		color:#3C4E87;
		font-size: 20px;
		font-weight: 100;
	}
	.confirm{
		padding:10px 40px 10px 40px;
		color:#6A7DB0;
		border-radius: 5px;
		font-size: 12px;
	}
	.highlighted1{
		background-color: rgba(255, 60, 60, 0.3);
		background-blend-mode: multiply;
		width:14%;
		height:2%;
		position: relative;
		top:295px;
		left:15%;
		border: 1px solid rgba(255, 60, 60, 1);
	}
        .highlighted2{
                background-color: rgba(60, 255, 60, 0.3);
                background-blend-mode: multiply;
                width:14%;
                height:2%;
                position: relative;
                top:880px;
                left:20%;
                border: 1px solid rgba(60, 255, 60, 1);
        }
        .highlighted3{
                background-color: rgba(60, 60, 255, 0.3);
                background-blend-mode: multiply;
                width:14%;
                height:2%;
                position: relative;
                top:1030px;
                left:75%;
                border: 1px solid rgba(60, 60, 255, 1);
        }
	.congratsView{
		padding:10px 40px 10px 40px;
		color:#fff;
		border-radius: 5px;
		font-size: 12px;
		background-color:#55E6C1;
	}
	.congrats{
		color:#55E6C1;
		font-weight: 900;
		font-size: 20px;
		height:25px;
	}
	.congratsText{
		color:#fff;
		font-weight: 900;
		height:20px;
		margin-bottom: 45px;
		margin-top:10px;
	}
	
	/*         Project Spreadsheet*/
	.spreadsheet{
		/*margin:0 auto;*/
		background-color: #e8e9ed;
		border-radius: 10px;
		margin-top:40px;
		display: block;
  		/*flex-flow: column;*/
		text-align: center;
		/*height:60%;*/
		/*min-width:800px;*/
		width:100%;
	}
	.spreadsheetContainer{
		overflow-x: scroll;
		overflow-y:hidden;
		padding-top:0px;
		padding-bottom:20px;
	}
	.spreadsheetContainerDup{
		overflow: hidden;
		display:inline-block;
                /*overflow-y:hidden;*/
	}
	.spreadsheet .table{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		background-color: #fff;
		height:auto;
		border-bottom-left-radius: 8.5px;
		border-bottom-right-radius: 8.5px;
		border-bottom: 1px solid #eee;
		/*background-color: #1c2b53;*/
	}
	.spreadsheet .table .spreadsheetHeader .td div{
		background-color: #1c2b53;
    		width: 100%;
    		height: 58px;
    		min-width: 100%;
    		min-height: 60px;
    		padding-top: 15px;
    		vertical-align: middle;
	}
	.table{
		display: table;
		width: 100%;
		height: 100%;
		table-layout:fixed;	
		table-layout:auto;
	}
        .tablefooter{
                display: table;
                width: 100%;
                height: 100%;
                table-layout:fixed;
                table-layout:auto;
        }
	.tr{
		display: table-row;
		
	}
	.td{
		display: table-cell;
	}
	.spreadsheetHeader{
		/*background-color: #1c2b53;*/
		color:#fff;
		font-size: 12px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		
	}
	.spreadsheetHeader .td{
	/*	padding: 20px 0.7% 20px 1.5%;
		height:30px;
		max-height: 30px;
		vertical-align: middle;*/
	}
	.spreadsheetData .td:last-child {
		/*border-right: 1px solid #eee;*/
		
	}
	.spreadsheetData .td:first-child{
                border-left: 1px solid #eee;

        }
	.selected .td:last-child{
		border-right: 1px solid #55E6C1;
	}
	.selected .td:first-child{
        	border-left: 1px solid #55E6C1;
	}
	.selected .abatement{
		border-top: 1px solid #55E6C1;
	}
        .selected .td .td:last-child{
                 /*border-right: none;*/
        }
        .selected .td .td:first-child{
                 /*border-left: none;*/
        }
	.spreadsheetData{
		background-color:#fff;
	}
	.spreadsheetData .td{
		border-top:1px solid #eee;
	}
	.spreadsheetData .td .tdDataDiv{
		font-size:11px;
		color:#1c2b53;
		border-right: 1px solid #eee;
		margin-top:8px;
                margin-bottom:8px;
		padding:9px 5px 5px 5px;
		height:18px;
		white-space:nowrap;
	}
	.spreadsheetData .td .tdDataDiv input{
		width:calc(100% - 20px);
		display:block;
		margin-left:10px;
		overflow:hidden;
		display:inline-block;
		color:#1c2b53;
		font-size:11px;
		text-align:center;
		border:none;
		margin-right:8px;
	}
	.spreadsheetData .td:last-child .tdDataDiv{
                /*border-right: none;*/
        }
	.selected .td{
                border-top: 1px solid #55E6C1;
		/*background-color:#F8F8F8 !important;*/
	}
	.selected .td .td {
		border-top:none;
	}
	.spreadsheetData:last-child .td{
		border-bottom: 1px solid #eee !important;
	}
	.spreadsheetData:last-child .td:first-child{
		border-bottom-left-radius: 10px;
	}
	.spreadsheetData:last-child .td:last-child{
                border-bottom-right-radius: 10px;
        }
	.cases{
		border-top:none !important;
	}
	.renewals{
		border-top:none !important;
	}
        .breakdown{
                border-top:none !important;
        }
	.selected .casesDataDiv{
		background-color:#d9ede8;/*#effffb;*/
	}
        .selected .renewalsDataDiv{
                background-color:#d9ede8;/*#effffb;*/
        }
        .selected .breakdownDataDiv{
                background-color:#d9ede8;/*#effffb;*/
        }
	.spreadsheetData .cases .casesDataDiv{
		font-size:11px;
                color:#1c2b53;
		min-width: calc(100% - 11px);
		max-width: calc(100% - 11px);
		margin-left: 10px;
		/*height:18px;*/
		margin-right:5px;
	}
	.spreadsheetData .renewals .renewalsDataDiv{
                font-size:11px;
                color:#1c2b53;
                min-width: calc(100% - 11px);
                max-width: calc(100% - 11px);
                margin-left: 10px;
                /*height:18px;*/
                margin-right:5px;
        }
        .spreadsheetData .breakdown .breakdownDataDiv{
                font-size:11px;
                color:#1c2b53;
                min-width: calc(100% - 11px);
                max-width: calc(100% - 11px);
                margin-left: 10px;
                /*height:18px;*/
                margin-right:0px;
        }
	.cases + .td{
		/*border-left: 1px solid #eee;*/
	}
	.renewals + .td{
                /*border-left: 1px solid #eee;*/
        }
        .breakdown + .td{
                /*border-left: 1px solid #eee;*/
        }
	.selected .cases + .td{
                border-left: none !important;
        	border-right: none !important;
	}
	.selected .renewals + .td{
                border-left: none !important;
                border-right: none !important;
        }
        .selected .breakdown + .td{
                border-left: none !important;
                border-right: none !important;
        }
	.prevCases{
		border-right: 1px solid #eee;
	}
	.prevCases .tdDataDiv{
		border-right:none !important;
	}
	.selected .prevCases{
                border-right: 1px solid #55E6C1;
        }
	.selected .cases .casesDataDiv{
		border-top: none !important;
		border-right: none !important;
		border-left: none !important;
	}
	.selected .renewals .renewalsDataDiv{
                border-top: none !important;
                border-right: none !important;
                border-left: none !important;
        }
        .selected .breakdown .breakdownDataDiv{
                border-top: none !important;
                border-right: none !important;
                border-left: none !important;
        }
	.selected .cases{
		border-top: 1px solid #55E6C1 !important;
	}
	.selected .cases .td{
		/*border-left: 1px solid #BBBBBB !important;*/
	}
	.selected .renewals{
                border-top: 1px solid #55E6C1 !important;
        }
        .selected .breakdown{
                border-top: 1px solid #55E6C1 !important;
        }
	        .selected .td .tdDataDiv{
                /*background:#55E6C1;*/
                /*margin-left:8px;*/
                /*margin-right:8px;*/
                /*background-color:#dffcf4;*/
                /*border-bottom:1px solid #55E6C1;*/
                /*border-right:1px solid #BBBBBB !important;*/
                /*border-right:none !important;*/
                margin-bottom:0px !important;
                margin-top:0px;
                padding-bottom:14px !important;
                padding-top:17px !important;
                position:relative;
                border-right:none;
        }
	.col16{
		pointer-events:none;
	}	
	.col16 .renewals1{
		pointer-events:none;
	}
	.col16 .renewals1 a{
		pointer-events:auto;
	}
	.col16 .renewals1 .removeTenant{
                pointer-events:auto;
        }
	.selected .abatement { border-left:1px solid #55E6C1; border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col1 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col2 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col3 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col4 { border-left:1px solid #55E6C1; background-color:#d9ede8}
	.selected .col5 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col6 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col7 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col8 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col9 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col10 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col11 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col12 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col13 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col14 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col15 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col16 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col17 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col18 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col19 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col20 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col21 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col22 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col23 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col24 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col25 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col26 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col27 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col28 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col29 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col30 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col31 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col32 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col33 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.selected .col34 { border-left:1px solid #55E6C1; background-color:#e0fdf6}
	.abatement {width:50px;min-width:50px;}	
	.col1 {width:80px;min-width:80px;}
        .col2 {width:100px;min-width:100px;}  
        .col3 {width:120px;min-width:120px;}  
        .col4 {width:80px;min-width:80px;}  
        .col5 {width:100px;min-width:100px;}  
        .col6 {width:80px;min-width:80px;}  
        .col7 {width:80px;min-width:80px;}  
        .col8 {width:280px;min-width:280px;}  
        .col9 {width:100px;min-width:100px;}  
        .col10 {width:100px;min-width:100px;}
	.col11 {width:100px;min-width:100px;}
        .col12 {width:100px;min-width:100px;}
	.col13 {width:80px;min-width:80px;}
	.col14 {width:100px;min-width:100px;}
	.col15 {width:200px;min-width:200px;}
	.col16 {width:100px;min-width:100px;}
	.col17 {width:100px;min-width:100px;}
	.col18 {width:100px;min-width:100px;}
	.col19 {width:100px;min-width:100px;}
	.col20 {width:200px;min-width:200px;}	
	.col21 {width:100px;min-width:100px;}
	.col22 {width:100px;min-width:100px;}
	.col23 {width:100px;min-width:100px;}
	/*	
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  
        .col1 {width:80px;}  */
		
	.spreadsheetRainbow{
		height:4px;
		max-height: 4px;
	}
	.yellow{background-color: #FFE765;}
	.orange{background-color: #FF9465;}
	.green{background-color: #A0FF65;}
	.cobalt{background-color: #6583FF;}
	.pink{background-color: #FF659A;}
	.blue{background-color: #65CAFF;}
	.teal{background-color: #65FFE7;}
	.purple{background-color: #E765FF;}
        .white{background-color: #fff;}
	.tdBorder{
		background-image: url("../img/border-right.jpg");
		background-size: 1px 200%;
		max-width:1px;
		min-width:1px;
		width:1px;
		/*background-repeat: no-repeat;*/
		background-position: right;
		background-color:#eee;
		padding: 0px 0px 0px 0px !important;
	}
	/*.view .uploadHeader{
		font-size: 18px;
		margin-top:30px;
	}
	.view .uploadText{
		font-size:14px;
		margin-bottom: 30px;
	}*/
	.topHeader{
		font-size: 20px;
		font-weight:700;
		margin-bottom:10px;
		color:#1c2b53;
	}
	.aptNumberTop{
		display:inline-block;
		background-color:#e0fdf6;
		border:1px solid #55E6C1;
		height:26px;
		font-size:20px;
		width:40%;
		color:#1c2b53;
		padding-left:5px;
	}
	.topDataValue{
		
                display:inline-block;
                background-color:#e0fdf6;
                border:1px solid #55E6C1;
                height:26px;
                font-size:20px;
                width:40%;
                color:#1c2b53;
                padding-left:5px;
	}
	.reportAbatement{
		text-align:center;	
                background-color:#55E6C1;
                color:#fff;
                border-radius: 5px;
                font-size: 16px;
                height:100px;
                border:none;
		width:120px;
	}
	.reportFromTo{
		margin:10px 0px 0px 0px;
	}
        .reportBaseCap{
                margin:10px 0px 0px 0px;
        }
	.reportSpreadsheet{
                margin: 0px 0px 0px 0px;
        }
	.reportBuilding{
		margin: 0px 0px 0px 40px;
	}	
	.reportBuilding .td{
	}
	.reportLabel{
		width:200px;
		vertical-align:top;
	}
	#addAptNumber{
		margin-left:0px;
		width:90px;
	}
	.reportInput{
		width:55%;
		min-width:50px;
	}

        .reportSpreadsheet input{
                font-size:14px;
                font-weight:500;
                margin-bottom:10px;
                background-color:#e0fdf6;
                border:1px solid #55E6C1;
                height:30px;
                min-height:30px;
                padding:4px 0px 4px 10px;


                width: calc(100% - 20px);
        }
	.reportBuilding input{
		font-size:14px;
                font-weight:500;
                margin-bottom:10px;
                background-color:#e0fdf6;
                border:1px solid #55E6C1;
                height:30px;
                min-height:30px;
                padding:4px 0px 4px 10px;
                
                
                width: calc(100% - 20px);
	}
	.abatementSection{
		border-radius: 5px;
                border:1px solid #ddd;
	}
	/*.abatementList{
		padding: 20px 20px 20px 20px;
		border-radius: 8.5px;
		border: 1px solid #ddd;
		width: calc100% - 80px);
		max-width: 850px;
		margin: 40px 0px 10px 0px;
	}*/
	.sharedUsers{
		border-radius: 5px;
		border:1px solid #ddd;
	}
	.sharedTable{
		display:table;
		width:100%;
	}
	.abatementScroll{
		max-height:300px;
                height:300px;
                overflow:hidden;
                overflow-y: scroll;
		margin-bottom:80px;
		border-bottom: solid 1px #ccc;
	}
	.abatementTable{
                display:table;
                width:100%;
		text-align:center;
		border-bottom-left-radius: 8.5px;
                border-bottom-right-radius: 8.5px;
                border-left: solid 1px #ccc;
                border-right: solid 1px #ccc;
                border-bottom: solid 1px #ccc;
	}
	.abatementTableHeader{
                display:table;
                width:100%;
                background-color:#1c2b53;
                color: #fff;
                border-top-left-radius: 8.5px;
                border-top-right-radius: 8.5px;
                min-height:80px;
                text-align:center;
		font-size: 12px;
        }
	.litigationsTable{
                display:table;
                width:100%;
		text-align:center;
		border-bottom-left-radius: 8.5px;
                border-bottom-right-radius: 8.5px;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		color: #1c2b53;
                font-size: 12px;
        }
	.litigationsTableHeader{
		display:table;
                width:100%;
		background-color:#1c2b53;
		color: #fff;
		font-size: 12px;
		border-top-left-radius: 8.5px;
		border-top-right-radius: 8.5px;
		min-height:80px;
		text-align:center;
	}
	.jobsTableHeader{
                display:table;
                width:100%;
                background-color:#1c2b53;
                color: #fff;
                font-size: 12px;
                border-top-left-radius: 8.5px;
                border-top-right-radius: 8.5px;
                min-height:80px;
                text-align:center;
        }
	.litigationsTableHeader .td{
		vertical-align: middle;
	}
	.litigationsTable .td{
		padding: 8px 0px 8px 0px;
		border-bottom: solid 1px #ccc;
	}

        .jobsTableHeader .td{
                vertical-align: middle;
        }
        .jobsTable .td{
                padding: 8px 0px 8px 0px;
                border-bottom: solid 1px #ccc;
        }
	.jobsTable{
                display:table;
                width:100%;
		text-align:center;
                border-bottom-left-radius: 8.5px;
                border-bottom-right-radius: 8.5px;
                border-left: solid 1px #ccc;
                border-right: solid 1px #ccc;
                border-bottom: solid 1px #ccc;
                color: #1c2b53;
                font-size: 12px;
        }
	.sharedRow{
		width:100%;
	}

        .abatementRow{
                width:100%;
        }
	.litigationsRow{
		min-width:100%;
	}
	.abatementRow:last-child .td{
                border-bottom:none;
        }
	.litigationsRow .td:nth-child(1){
		min-width:15%;
		width:15%;
	}
	.litigationsRow .td:nth-child(2){
		min-width:20%;
		width:20%;
        }
	.litigationsRow .td:nth-child(3){
		min-width:20%;
		width:20%;
        }
	.litigationsRow .td:nth-child(4){
		min-width:15%;
		width:15%;
        }
	.litigationsRow .td:nth-child(5){
		min-width:30%;
		width:30%;
        }

	.jobsRow{
                min-width:100%;
        }
        .jobsRow .td:nth-child(1){
                min-width:15%;
		width:15%;
        }
        .jobsRow .td:nth-child(2){
                min-width:15%;
		width:15%;
        }
        .jobsRow .td:nth-child(3){
                min-width:15%;
		width:15%;
        }
        .jobsRow .td:nth-child(4){
                min-width:10%;
		width:10%;
        }
        .jobsRow .td:nth-child(5){
                min-width:45%;
		width:45%;
        }

        .abatementCol1{
                width:25%;
                overflow:hidden;
                border-bottom:1px solid #ddd;
                height:26px;
                padding:8px 0px 0px 20px;
                font-size:14px;
                color:#1c2b53;
        }
        .abatementCol2{
                width:25%;
                border-bottom:1px solid #ddd;
                height:26px;
                padding:8px 20px 0px 10px;
                color:#1c2b53;
                font-size:14px;
        }
	.abatementCol3{
                width:25%;
                border-bottom:1px solid #ddd;
                height:26px;
                padding:8px 20px 0px 10px;
                color:#1c2b53;
                font-size:14px;
        }
	.abatementCol4{
                width:25%;
                border-bottom:1px solid #ddd;
                height:26px;
                padding:8px 20px 0px 10px;
                color:#1c2b53;
                font-size:14px;
        }
	.abatementCol1a{
                width:25%;
                overflow:hidden;
                border-bottom:1px solid #ddd;
                height:26px;
                padding:8px 0px 0px 20px;
                font-size:12px;
                color:#fff;
        }
        .abatementCol2a{
                width:25%;
                border-bottom:1px solid #ddd;
                height:26px;
                padding:8px 20px 0px 10px;
                color:#fff;
                font-size:12px;
        }
        .abatementCol3a{
                width:25%;
                border-bottom:1px solid #ddd;
                height:26px;
                padding:8px 20px 0px 10px;
                color:#fff;
                font-size:12px;
        }
        .abatementCol4a{
                width:25%;
                border-bottom:1px solid #ddd;
                height:26px;
                padding:8px 20px 0px 10px;
                color:#fff;
                font-size:12px;
        }
        #addAbatementUserInput{
                font-size:14px;
                font-weight:500;
                margin:10px 20px 0px 0px;
                background-color:#e0fdf6;
                border:1px solid #55E6C1;
                height:30px;
                min-height:30px;
                padding:4px 0px 4px 10px;

        }

	.sharedRow:last-child .td{
		border-bottom:none;
	}
	.sharedCol1{
		width:calc(100% - 100px);
		overflow:hidden;
		border-bottom:1px solid #ddd;
		height:40px;
		padding:20px 0px 0px 20px;
		font-size:14px;
		color:#1c2b53;
	}
	.sharedCol2{
		width:100px;
		border-bottom:1px solid #ddd;
		height:30px;
		padding:20px 20px 0px 10px;
		color:#c53453;
		font-size:14px;
	}
	#addSharedUserInput{
		font-size:14px;
                font-weight:500;
                margin:20px 20px 0px 0px;
                background-color:#e0fdf6;
                border:1px solid #55E6C1;
                height:30px;
                min-height:30px;
                padding:4px 0px 4px 10px;

	}
	.addSharedUserButton{
                background-color: #55E6C1;
                color: #fff;
                padding: 10px 30px 10px 30px !important;
                border-radius: 5px;
                display: block;
                width:120px;
                margin:20px 0px 0px 0px;
                cursor: pointer;
                text-align:center;	
	}
	.topData{
		font-size:14px;
		font-weight:bold;
		margin-bottom:30px;
	}
	.topDataValue{
		font-weight:500;
	}
	.topDataInput{
		font-size:14px;
                font-weight:500;
                margin-bottom:10px;
		background-color:#e0fdf6;
		border:1px solid #55E6C1;
		height:80px;
		min-height:80px;
		padding:10px 10px 10px 10px;
		margin-bottom:0px;
		margin-top:20px;
		width: calc(100% - 20px);	
	}
	.topDataInput::placeholder{
		color:#aec8cc;
	}
	.spreadsheetDocuments{
		margin:20px 0px 0px 0px;
	}	
	.viewHeader{
		margin:0 auto;
		min-width:100%;
		/*max-width:1200px;*/
		margin-top:20px;
		height:80px;
		min-height:80px;
		display:table;
		/*margin:25px 0px 25px 0px;*/
	}
	.reportSettings .td{
		padding-bottom:20px;
	}
	.projectVersions{
		max-width:900px;
	}
	.versions{
                background-color:#55E6C1;
                color:#fff;
                padding:9px 15px 9px 15px;
                border-radius: 5px;
                font-size: 16px;
                display: inline-block;
                height:35px;
		border:none;
	}
	.heat{
                background-color:#55E6C1;
                color:#fff;
                padding:9px 15px 9px 15px;
                border-radius: 5px;
                font-size: 16px;
                display: inline-block;
                height:35px;
                border:none;
	}
	.start{
                background-color:#55E6C1;
                color:#fff;
                padding:5px 15px 5px 15px;
                border-radius: 5px;
                font-size: 16px;
                display: inline-block;
                height:29px;
                border:none;
	}
        .end{
                background-color:#55E6C1;
                color:#fff;
                padding:5px 15px 5px 15px;
                border-radius: 5px;
                font-size: 16px;
                display: inline-block;
                height:29px;
                border:none;
        }
        .base{
                background-color:#55E6C1;
                color:#fff;
                padding:5px 15px 5px 15px;
                border-radius: 5px;
                font-size: 16px;
                display: inline-block;
                height:29px;
                border:none;
        }
        .cap{
                background-color:#55E6C1;
                color:#fff;
                padding:5px 15px 5px 15px;
                border-radius: 5px;
                font-size: 16px;
                display: inline-block;
                height:29px;
                border:none;
        }
	.addVersion{
                background-color: #55E6C1;
                color: #fff;
                padding: 9px 5px 9px 5px !important;
                border-radius: 5px;
                display: inline-block;
                width:120px;
                margin:0px 0px 0px 0px;
                cursor: pointer;
                text-align:center;
		font-size:14px;
	}
	.addApt{
		background-color: #55E6C1;
                color: #fff;
                padding: 9px 5px 9px 5px !important;
                border-radius: 5px;
                display: inline-block;
                width:90px;
                margin:0px 0px 0px 0px;
                cursor: pointer;
                text-align:center;
		font-size:14px;
	}
	.purchaseMore{
		background-color: #55E6C1;
                color: #fff;
                padding: 9px 5px 9px 5px !important;
                border-radius: 5px;
                display: inline-block;
                width:150px;
                margin:0px 0px 0px 0px;
                cursor: pointer;
                text-align:center;
		font-size:14px;
	}
	.spreadsheetPager{
		background-color:#55E6C1;
		color:#fff;
		padding:5px 15px 5px 15px;
		border-radius: 5px;
		font-size: 16px;
		display: inline-block;
		height:30px;
	}
	.spreadsheetPagerLeft{
		background-color:#ddd;
		color:#777;
		padding:5px 10px 5px 10px;
		border-radius: 5px;
		font-weight: bolder;
		font-size: 16px;
		margin-right:0px;
		display: inline-block;
		cursor: pointer;
	}
	.spreadsheetPagerRight{
		background-color:#ddd;
		color:#777;
		padding:5px 10px 5px 10px;
		border-radius: 5px;
		font-weight: bolder;
		font-size: 16px;
		margin-left:0px;
		display: inline-block;
		cursor: pointer;
	}
	.viewFooter{
		margin:0 auto;
		width:90%;
		max-width:1200px;
		margin-top:20px;
		height:60%;
		height:auto;
	}
	.alertsTrue{
		background-color:#fff;
		color:#1c2b53;
		padding:5px 15px 5px 15px;
		border-radius: 5px;
		font-size: 16px;
		display: inline-block;
		width:60px;
		text-align: center;
		cursor: pointer;
	}
	.alertsFalse{
		background-color:#55E6C1;
		color:#fff;
		padding:5px 15px 5px 15px;
		border-radius: 5px;
		font-size: 16px;
		display: inline-block;
		width:60px;
		text-align: center;
		cursor: pointer;
	}
	.alertsBool{
		border:1px solid #ddd;
		display: flex;
		width: 122px;
		padding:2px;
		border-radius: 5px;
		margin: 0 auto;
	}
	.spreadsheetDownload {
		background-color:#55E6C1;
		color:#fff;
		padding:5px 15px 5px 15px;
		border-radius: 5px;
		font-size: 16px;
		display: inline-block;
		cursor: pointer;
	}
	.viewFooter .td:last-child{
		text-align: right;
	}
	.viewFooter .td:nth-child(2){
		text-align: center;
	}
	.viewFooterDescriptions{
		font-size:10px;
		margin-top:5px;
		display:inline-block;
	}
	
	.viewFooter .td:nth-child(3) .viewFooterDescriptions{
		/*padding-right:18px;*/
	}
	.viewFooter .td:nth-child(1) .viewFooterDescriptions{
		/*padding-left:54px;*/
	}
	.tdSplit{
		min-width:45px;
		padding:0px 0px 0px 0px !important;
		background-color:#fff;
	}
	.spreadsheetEditInfo{
  		position: absolute;
		display:none;
		width:calc(100% - 80px);
		z-index:1000000;
		/*width: calc(90%);
		max-width: 1200px;*/
		margin-top:35px;
	}
	.editContent{
		border-left: 1px solid #55E6C1;
		border-right: 1px solid #55E6C1;
		border-bottom: 1px solid #55E6C1;
		border-bottom-left-radius: 8.5px;
                border-bottom-right-radius: 8.5px;
	}
	.clearEdit{
		/*height:0px;
		min-height:0px;
		display:none;*/
	}
	.ticketSelect{
		font-size: 11px;
		color: #1c2b53;
		display:none;
		padding-top:10px;
		/*background-image:url(../img/document.png);*/
	}
	.commentInput{
		display:none;
		background-color:#e0fdf6;
		border:1px solid #55E6C1;
		width:100%;
		padding:9px 0px 6px 12px;
		font-size:12px;
		height:18px;
		color:#1c2b53;
		z-index:888888;
	}
	.commentInput::placeholder{
		color:#aec8cc;
	}
	.comment{
		position:absolute;
		width:calc(100% - 94px);
		display:block;
		z-index:888888;
		height:14px;
		margin-top:0px;
	}
	.selected + .comment {
		z-index:888888;
	}
	.files{
		border-radius: 5px;
		border: 1px solid;
		margin: 10px 10px 0px 10px;
		min-height:80px;
		padding:20px 20px 20px 20px;
	}
	.tickets{
         	overflow:auto;
         	text-align:left;
	 	width: calc(100% - 10px);
         }
         .ticketItem{
                border-radius: 5px;
                border: 1px solid;
                margin: 10px 10px 0px 10px;
         }
         .ticketTable{
                width:100%;
                height:100%;
                display: table;
         }
         .ticketTr{
                display:table-row;
         }
         .ticketTd{
                display:table-cell;
         }
         .ticketLabel{
                width:40px;
                position: relative
         }
         .ticketLabel p {
                margin: 0;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                position:absolute;
                font-size:22px;
                color:#fff;
         }
         .ticketDescription{
                text-align:left;
                background-image:url("../img/view-thumb.png");
		background-position: calc(100% - 15px) 11px;
		background-repeat:no-repeat;
		background-size: 26px 26px;
	}
	.hideTicket{
		background-image:url("../img/hideview-thumb.png");
		width:30px;
          	height:30px;
          	background-size:26px 26px;
		position:absolute;
		top:9px;
		right:13px;
		background-repeat:no-repeat;
  		background-position:2px 2px;
	}
  	.trashTicket{
		background-image:url("../img/trashcan.png");
		width:30px;
		height:30px;
		background-size:20px 24px;
		position:absolute;
		top:8px;
		right:50px;
		background-repeat:no-repeat;
                background-position:4px 4px;
	}
	.ticketEditBlock{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:400px;
	}
        .ticketDescription p {
                padding-left:18px;
		font-size:14px;
        }
        .ticket_moreData{
                border-color:Red;
        }
        .ticket_moreData .ticketLabel{
	        background-color:red;
	}
	.table .selected + input {
	        display:block;
	}
	.ticketMark{
		position:absolute; 
		top:8px; 
		right:10px; 
		color:red;
		font-size:10px;
	}
	.tdData{
		position:relative;
	}
	.tdData8{
		min-width:100px !important;
	}
	.tdData0{
                min-width:60px !important;
        }
	.tdData1{
	        min-width:60px !important;
	}
	.tdData3{
	        min-width:90px !important;
	}
	.tdData6{
	        min-width:80px !important;
	}
	.tdData7{
	        min-width:70px !important;
	}
	.casesSmall{
		width: 100%;
		height: 50px;
		display: block;
		background-size: 30px;
		background-position: center;
		background-repeat: no-repeat;
		position:relative;
	}
	.renewalsSmall{
                width: 100%;
                height: 50px;
                display: block;
                background-size: 30px;
                background-position: center;
                background-repeat: no-repeat;
                position:relative;
        }
        .breakdownSmall{
                width: 100%;
                height: 50px;
                display: block;
                background-size: 30px;
                background-position: center;
                background-repeat: no-repeat;
                position:relative;
        }
	.dataExist{
	/*	background-image: url(../img/data-exist.gif);*/
		background-size: 16px auto;
		border-right: 1px solid #eee;
		border-left: 1px solid #eee;
		border-top: 1px solid #eee;
		width: calc(100% - 1px);
	}

        .dataEmpty{
                background-image: none;
                background-size: 16px auto;
                border-right: 1px solid #eee;
                border-left: 1px solid #eee;
                border-top: 1px solid #eee;
                width: calc(100% - 1px);
        }
	.tdSplit{
		vertical-align: top;
	}
.casesHeaderDiv{
        background-image: url(../img/expand.gif);
        background-size: auto 26px;
        background-repeat:no-repeat;
        background-position: center 10px;
}
.renewalsHeaderDiv{
        background-image: url(../img/expand.gif);
        background-size: auto 26px;
        background-repeat:no-repeat;
        background-position: center 10px;
}
.breakdownHeaderDiv{
        background-image: url(../img/expand.gif);
        background-size: auto 26px;
        background-repeat:no-repeat;
        background-position: center 10px;
}
.actLarge{
        white-space:nowrap;
}
.expandHeader{
        background-image: url(../img/expand.gif);
        background-size: 26px auto;
        background-repeat:no-repeat;
        background-position: center 10px;
}
.expandHeader2{
        /*background-image: url(img/expand.gif);
        background-size: 26px auto;
        background-repeat:no-repeat;
        background-position: center 30px;*/
        padding-top:0px !important;
        margin-top:0px !important;
        padding-left:0px !important;
        padding-right:0px !important;
        margin-left:0px !important;
        margin-right:10px !important;
        min-width:42px !important;
        background-color:transparent !important;
}
.casesHeader{
        display:block;
        padding-left:10px;
        padding-right:13px;
}
.renewalsHeader{
	display:block;
        padding-left:10px;
        padding-right:13px;
}
.breakdownHeader{
        display:block;
        padding-left:10px;
        padding-right:13px;
}
.casesHeaderDiv .casesTable .casesTr .casesTd div{
        color:#fff;
}
.renewalsHeaderDiv .renewalsTable .renewalsTr .renewalsTd div{
        color:#fff;
}
.breakdownHeaderDiv .breakdownTable .breakdownTr .breakdownTd div{
        color:#fff;
}
.casesDataDiv{
        font-size: 11px;
color: #1c2b53;
padding: 0px 0px 0px 0px;
height: 100%;
white-space: nowrap;
}
.renewalsDataDiv{
        font-size: 11px;
color: #1c2b53;
padding: 0px 0px 0px 0px;
height: 100%;
white-space: nowrap;
}
.breakdownDataDiv{
        font-size: 11px;
color: #1c2b53;
padding: 0px 0px 0px 0px;
height: 100%;
white-space: nowrap;
}
.casesTable{
        display:table;
	width:100% !important;
	min-width:100% !important;
}
.renewalsTable{
        display:table;
        width:100% !important;
        min-width:100% !important;
}
.breakdownTable{
        display:table;
        width:100% !important;
        min-width:100% !important;
}
.casesTr{
        display:table-row;
}
.renewalsTr{
        display:table-row;
}
.breakdownTr{
        display:table-row;
}
.casesTd {
        display:table-cell;
}
.renewalsTd {
        display:table-cell;
}
.breakdownTd {
        display:table-cell;
}
.casesTd div {
        width: 100% !important;
        min-width: 100% !important;
        padding-top: 0px !important;
        vertical-align: middle !important;
        white-space:nowrap;
        margin-top:0px; !important;
        font-size:11px;
        color:#1c2b53;
                height:18px;
                white-space:nowrap;
        height:48px;
        background-color:transparent !important;
}
.renewalsTd div {
        width: 100% !important;
        min-width: 100% !important;
        padding-top: 0px !important;
        vertical-align: middle !important;
        white-space:nowrap;
        margin-top:0px; !important;
        font-size:11px;
        color:#1c2b53;
                height:18px;
                white-space:nowrap;
        height:48px;
        background-color:transparent !important;
}
.breakdownTd div {
        width: 100% !important;
        min-width: 100% !important;
        padding-top: 0px !important;
        vertical-align: middle !important;
        white-space:nowrap;
        margin-top:0px; !important;
        font-size:11px;
        color:#1c2b53;
                height:18px;
                white-space:nowrap;
        height:48px;
        background-color:transparent !important;
}
.cases{
        padding:0px 0px 0px 0px !important;
        vertical-align:top;
}
.renewals{
        padding:0px 0px 0px 0px !important;
        vertical-align:top;
}
.breakdown{
        padding:0px 0px 0px 0px !important;
        vertical-align:top;
}
.selected .cases {
/*	background-color:#dffcf4;
	border-bottom:1px solid #55E6C1;*/
}
.selected .renewals {
/*      background-color:#dffcf4;
        border-bottom:1px solid #55E6C1;*/
}
.selected .breakdown {
/*      background-color:#dffcf4;
        border-bottom:1px solid #55E6C1;*/
}
.cases1{}
.cases2{}
.cases3{}
.cases4{}
.cases5{}
.selected .cases1{position:absolute; width:100%};
.selected .cases2{position:absolute; width:100%;}
.selected .cases3{position:absolute; width:100%;}
.selected .cases4{position:absolute; width:100%;}
.selected .cases5{position:absolute; width:100%;}
.renewals1{}
.renewals2{}
.renewals3{}
.renewals4{}
.renewals5{}
.selected .renewals1{position:absolute; width:100%};
.selected .renewals2{position:absolute; width:100%;}
.selected .renewals3{position:absolute; width:100%;}
.selected .renewals4{position:absolute; width:100%;}
.selected .renewals5{position:absolute; width:100%;}
.renewals1{}
.renewals2{}
.renewals3{}
.renewals4{}
.renewals5{}
.selected .breakdown1{position:absolute; width:100%};
.selected .breakdown2{position:absolute; width:100%;}
.selected .breakdown3{position:absolute; width:100%;}
.selected .breakdown4{position:absolute; width:100%;}
.selected .breakdown5{position:absolute; width:100%;}
.possible{display:none;}
.edgeWhenNoPossible{border-top-right-radius: 8.5px; background-color:#1c2b53; }
.edgeWhenNoPossible div{background-color:transparent !important;}
.edgeWhenPossible{border-top-right-radius: 8.5px; background-color:#1c2b53; }

.ticket{
        width:10px;
        display: inline-block;
/*}
.ticketTemplate{*/
        /*background-image:url(img/document.gif);*/
        background-size:13px auto;
        background-repeat:no-repeat;
        background-position: center top;
}
/*.ticketB{
        background-image:url(img/note.gif);
        background-size:13px auto;
        background-repeat:no-repeat;
        background-position: center top;
}
.ticketC{
        background-image:url(img/warning.gif);
        background-size:13px auto;
        background-repeat:no-repeat;
        background-position: center top;
}*/
.ticket .ticketLetter {
        display:none;
}
.ticket .ticketSpace{
        display:block;
}
.edgeWhenPossible div{
        background-color:transparent !important;
}
.sheets{
        display:inline-block;
        text-align:center;
	float:right;
}
/*}*/
.more{
	text-decoration:underline;
	color:#65CAFF;
	width: 100%;
	float: right;
	text-align: right;
}
.less{
	text-decoration:underline;
	color:#FF659A;
	width: 100%;
	float: right;
	text-align: right;
}
#sheetHeader1{
	width:25%;
	max-width:25%;
	background-color:#fff;
	border-right: solid 1px #ddd;
	display: table-cell;
	padding:0px 30px 0px 30px;
}
#sheetHeader2{
        width:25%;
        max-width:25%;
        background-color:#fff;
        border-right: solid 1px #ddd;
	display: table-cell;
        padding:0px 30px 0px 30px;
}
#sheetHeader3{
        width:50%;
        max-width:50%;
        background-color:#fff;
        border-right: solid 1px #ddd;
	display: table-cell;
        padding:0px 30px 0px 30px;
}
.processingContainer{
	background-size:100% auto;
	margin:0 auto;
                width:80%;
                max-width:1200px;
                border-radius: 10px;
                margin-top:20px;
                display: table-cell;
                text-align: center;
                height:60%;
		vertical-align:middle;
		color:#fff;
		font-size:40px;
		font-weight:bold;
}
.projectBody{
	margin: 0 auto;
	width: calc(100% - 80px);
	max-width:900px;
}
.spreadsheetBody{
	margin: 0 auto;
        width: calc(100% - 80px);
}
.projectHeader{
	font-size:30px;
        font-weight:bold;
        min-height:80px;
        display:block;
        padding:20px 0px 0px 0px !important;
	color:#1c2b53;
}
.reportWarnings{
	color:Red;
	padding-left:40px;
}
.projectAddress{
	font-size:16px;
	font-weight:500;
	min-height:80px;
	display:block;
	padding:20px 0px 0px 40px !important;
	width:860px;
}

.projectAddress2{
        color:#fff;
        background-color:#1c2b53;
        display:block;
        width:100%;
        height:40px;
        float:left;
        font-size:20px;
        padding-top:20px;
	text-align:center;
}
.projectAnalysis{
	margin:0px 0px 0px 0px;
	max-width:900px;
}
.addressContainer{
	background-color:#1c2b53;
        border:solid 1px #1c2b53;
        border-radius: 8.5px;
        overflow:hidden;
        display:inline-block;
        height:86px;
	width:100%;
	max-width:900px;
        margin-bottom:40px;
        margin-top:20px;
}
.curMonthRev{
	background-color:#1c2b53;
	border:solid 1px #1c2b53;
	border-radius: 15px;
	overflow:hidden;
	display:inline-block;
	width: 400px;
	height:60px;
	margin-bottom:40px;
	margin-top:20px;
	margin-right:40px;
}
.curMonthTitle{
	color:#fff;
	background-color:#1c2b53;
	display:block;
	width:calc(50% - 20px);
	height:40px;
	float:left;
	font-size:20px;
	padding-top:20px;
	padding-left:20px;
}
.curMonthVal{
	background-color:#fff;
	display:block;
	width:calc(50% - 20px);
	height:40px;
	float:right;
	font-size:20px;
        padding-top:20px;
        padding-left:20px;
}
.possMonthRev{
        background-color:#55E6C1;
        border:solid 1px #55E6C1;
        border-radius: 15px;
        overflow:hidden;
        display:inline-block;
        width: 400px;
        height:60px;
	margin-left:0px;
	margin-bottom:40px;
}
.possMonthTitle{
        color:#fff;
        background-color:#55E6C1;
        display:block;
        width:calc(50% - 20px);
        height:40px;
        float:left;
        font-size:20px;
        padding-top:20px;
        padding-left:20px;
}
.possMonthVal{
        background-color:#fff;
        display:block;
        width:calc(50% - 20px);
        height:40px;
        float:right;
        font-size:20px;
        padding-top:20px;
        padding-left:20px;
}
.homeSection1{
	height:80px;
	min-height:80px;
	display:table-row;
        width:100%;
	 background-color:transparent;
}
.homeSection2{
	display:table-row;
	width:100%;
	background-color:#fff;
	text-align:center;
        vertical-align: middle;
}
.featuresHeader{
	margin:40px 0px 20px 0px;
}
.keyFeaturre{
	display:inline-block;
	width:150px;
	max-height:250px;
	border-radius: 15px;
	border:1px solid #efefef;
	padding: 150px 5px 5px 5px;
	font-size: 14px;
	color: #1c2b53;
	background-size: 60% auto;
	background-repeat:no-repeat;
	background-position:35px 30px;
	margin: 20px 20px 20px 20px; 
}
.featureContainer{
	margin:0 auto;
	max-width:800px;
	padding:0px 40px 0px 40px;
}
.feature1{background-image:url(../img/feature1.jpg);}
.feature2{background-image:url(../img/feature2.jpg);}
.feature3{background-image:url(../img/feature3.jpg);}
.feature4{background-image:url(../img/feature4.jpg);}
.feature5{background-image:url(../img/feature5.jpg);}
.feature6{background-image:url(../img/feature6.jpg);}

.toggle{
	width:340px;
	height:40px;
	border:1px solid #eee;
	border-radius: 15px;
	margin:40px auto;
	background-color:#efefef;
	font-size: 14px;
        color: #1c2b53;
	cursor:pointer;
}
.toggleLeft{
	display:table-cell;
	width:170px;
	min-width:150px;
	background-color:#55E6C1;
	border-radius: 15px;
	height:40px;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	color:#fff;
	cursor:pointer;
}
.toggleRight{
        display:table-cell;
        width:170px;
        min-width:150px;
	border-radius: 15px;
        height:40px;
        margin:0px;
        padding:0px;
	vertical-align:middle;
	cursor:pointer;
}
.toggle1{
	max-width:800px;
	width:100%;
	margin:0 auto 40px auto;
	border:1px solid #eee;
}

.toggle2{
        max-width:800px;
        width:100%;
        margin:0 auto 40px auto;
        border:1px solid #eee;
	display:none;
}
.homeSection3{
    margin: 0px auto;
        width: calc(100% - 80px);
        padding:20px 20px 20px 20px;
    min-height: 200px;
    max-width: 700px;
    text-align: center;
        background-color: #fff;
    border-radius: 15px;
          margin-bottom: 40px;
}
.dollar{
	font-size: 34px;
	color:#55E6C1;
}
.costDetails{
	display:table;
	margin:0 auto;
	width:100%;
	min-width:100%;
	text-align:center;
	background-image:url(../img/dollarPic.jpg);
	background-size:140px;
	background-repeat:no-repeat;
	background-position:center 20px;
}
.costLeft{
	display:table-cell;
	width:50%;
	padding-top:160px;
	padding-left:25%;
	padding-bottom:40px;
}
.costRight{
        display:block;
	width:100%;
	padding-top:160px;
	/*padding-right:25%;*/
	padding-bottom:40px;
	text-align:center;
}
.homeCreateAccount{
	width:250px;
	font-size:20px;
	margin-bottom:40px;
}
@media screen and (max-width: 900px) {
	html,body{
		/*background-color:#f5c8d4;*/
	}
        #sheetHeader1{
                display:block;
                width:100%;
		min-width:calc(100% - 60px);
        }
	#sheetHeader2{
		display:block;
		width:100%;
		min-width:calc(100% - 60px);
	}
	#sheetHeader3{
		display:block;
                width:100%;
		min-width:calc(100% - 60px);
		margin-bottom:40px;
	}
	.reportBuilding{
		margin:0px 0px 0px 0px;
	}	
}