.proposalToolBtn{
	background: #c5c5c5;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    top: 44px;
}


.proposalToolPopup{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index:5;
}
.proposalToolPopup.print{
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.proposalToolPopup.print .background{
    opacity:1;
    background:#fff;
}
.proposalToolPopup .closeBtn{
	position: absolute;
    top: 8px;
    right: 5px;
    background: #e4e4e4;
    z-index: 3;
    border: 2px solid #a5a5a5;
    color: #a5a5a5;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}
.proposalToolPopup .saveBtn{
    background: #52f157;
    color: #fff;
    width: 110px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 12px;
    right: 140px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    display: none;
}
.proposalToolPopup.print .saveBtn{
    display:none;
}
.proposalToolPopup .printProposalBtn{
    background: #fff;
    color: #c1c1c1;
    width: 110px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 12px;
    right: 340px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    border: 1px solid #c3c3c3;
}

.proposalToolPopup .saveBtnProposalNew{
    background: #52f157;
    color: #fff;
    width: 110px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 12px;
    right: 160px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
}
.proposalToolPopup .cancelBtn{
    background: #e09090;
    color: #fff;
    width: 110px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 12px;
    right: 30px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    /*display: none;*/
}
.proposalToolPopup .contentHolder{
	position: absolute;
    height: 900px;
    height:562px;
    height:90%;
    width:1390px;
    background: #fff;
    box-shadow: 2px 2px 62px black;
    border-radius: 6px;
    overflow:auto;
}
body.printProposal .proposalToolPopup .contentHolder{
    position:relative;
    margin:auto;
}
.projectMasterPopup .proposalToolPopup .contentHolder{
    top:0px;
}
.proposalToolPopup.print .contentHolder{
    height:auto;
}
.proposalToolPopup .topBtnHolder{
    padding: 5px 20px;
    
    height: 45px;
    font-size: 15px;
    /*background: var(--trackrDarkBlueColor);
    background: linear-gradient(45deg, #1f8db5, #3bbcea);
    border-bottom: 3px solid #135169;*/
    background: var(--trackrHeaderColor);
}
.proposalToolPopup .topBtnHolder .btn{
    cursor: pointer;
    padding: 5px;
    color: #868686;
    line-height: 33px;
    position: relative;
    top: -5px;
    width: 130px;
}
.proposalToolPopup .topBtnHolder .btn.selected{
    color: #fff;
    background: #6e6e6e;
    border-radius: 0px;
    background: #fff;
    color: #000;
}
.proposalToolPopup .topBtnHolder .actionBtn{
    color: #fff;
    position: absolute;
    right: 10px;
    top: -1px;
    font-size: 30px;
    cursor: pointer;
}
.proposalToolPopup .topBtnHolder .proposalProjectTitle{
    position: absolute;
    top: 15px;
    left: 360px;
    font-size: 24px;
}
.proposalToolPopup .scopeHolder{
    display:none;
}
.proposalToolPopup .proposalHolderNew{
    
}
.proposalToolPopup .contentHolder .scopeHolder .infoBox{
    display:block;
}
.proposalToolPopup.print .contentHolder .scopeHolder .infoBox{
    display:none;
}
.proposalToolPopup .contentHolder .inputHolder{
	margin-left:15px;
	margin-bottom:6px;
}
.proposalToolPopup .contentHolder .inputHolder .input{
	width:270px;
}
.proposalToolPopup .contentHolder .inputHolder .label{
	color:#929292;
}
.proposalToolPopup .contentHolder .inputHolder.third{
	float:left;
}
.proposalToolPopup .contentHolder .inputHolder.third .label{
	text-align:center;
}
.proposalToolPopup .contentHolder .inputHolder.third .input{
	width: 79px;
}

.proposalToolPopup select{
	width:100%;
	height:30px;
    border: none;
    color: #989898;
    color: #6b6b6b;
}
.proposalToolPopup input{
	width: 100%;
    border: none;
    border-radius: 4px;
    line-height: 30px;
    padding: 0px 12px;
    color: #444;
}

.proposalToolPopup .contentHolder .priceInfoBox{
	background: #e4e4e4;
    /* height: 560px; */
    width: 295px;
    left: 0px;
    top: 0px;
    border: 3px solid #b3b3b3;
    float: left;
    margin: 0px 20px;
}
.proposalToolPopup .contentHolder .priceInfoBox .priceTypeHolder{
	border-bottom: 2px solid #b3b3b3;
    overflow: auto;
    padding: 10px 0px;
}
.proposalToolPopup .contentHolder .priceInfoBox .priceTypeHolder.expand{

}
.proposalToolPopup .contentHolder .priceInfoBox .priceTypeHolder .typeTitle{
	text-align: center;
    font-size: 20px;
}
.proposalToolPopup .contentHolder .priceInfoBox .priceTypeHolder .picklist{
    width: 100px;
    margin-left: 29px;
}
.proposalToolPopup .contentHolder .priceInfoBox .priceTypeHolder .groupInput{
	width: 200px;
    margin: 6px auto 11px;
}
.proposalToolPopup .contentHolder .priceInfoBox .priceTypeHolder .optionsHolder{
	overflow:hidden;
	height:0px;
	transition:height 300ms ease;
}
.proposalToolPopup .contentHolder .priceInfoBox .priceTypeHolder.expand .optionsHolder{
	height:60px;
}


/* --- Price Results Box --- */
.proposalToolPopup .contentHolder .priceResultsBox{
    /*height: 555px; */
    float:left;
    background: #ececec;
    z-index: 1;
    width: 500px;
    margin-left: 20px;
    overflow: auto;
    border: 3px solid #b3b3b3;
}
.proposalToolPopup .contentHolder .proposalEmailBox{
    height: 560px;
    width: 670px;
    float: left;
    margin-left: 40px;
    border: 1px solid #e0e0e0;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsHeaders{
	padding-top: 10px;
    font-size: 13px;
    color: #9c9c9c;
    clear:both;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsHeaders .header{
	float:left;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsHeaders .header.name{
	width: 230px;
    height: 10px;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsHeaders .header.hours{
	width:55px;
	text-align:center;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsHeaders .header.fee{
	width:65px;
	text-align:center;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValues{
	clear:both;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValues .priceResultsValue{
    clear:both;
    font-size: 17px;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValues .priceResultsValue.small{
    font-size: 14px;
    background: #d6d6d6;
    height: 22px;
    border-bottom: 1px solid #fff;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValue.total{
    border-top: 2px solid #b1b1b1;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValue .value{
	float:left;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValue .value.name{
	width:230px;
	padding-left: 15px;
}	
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValue.small .value.name{
    position: relative;
    left:10px;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValue .value.hours{
	width:55px;
	text-align:center;
    height:20px;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValue .value.fee{
	width:65px;
	text-align:center;
}
.proposalToolPopup .contentHolder .priceResultsBox .priceResultsValue .priceCheckBox{
    float: left;
    width: 25px;
    height: 25px;
    margin-left: 6px;
}




.proposalToolPopup .contentHolder .infoBox{
	right: 0px;
    top: 0px;
    width: 300px;
    background: #e4e4e4;
    padding-top: 20px;
    overflow: auto;
    float: left;
    margin: 0px 100px 0px 20px;
}
.proposalToolPopup .contentHolder .infoBox .inputHoldersPack{
	height:50px;
}


.proposalToolPopup .contentHolder .infoBox .inputHolder.complete input{
	border: 2px solid #63d663;
}
.proposalToolPopup .contentHolder .infoBox .inputHolder input{
	width:100%;
}
.proposalToolPopup .contentHolder .infoBox .inputHolder select{
	
}
.proposalToolPopup .contentHolder .infoBox .inputHolder select[multiple]{
	height: 73px;
    height:237px;
}
.proposalToolPopup .contentHolder .infoBox .inputHolder.third select{
	text-align:center;   
}
.proposalToolPopup .contentHolder .infoBox .inputHolder input{
	
}



.proposalToolPopup .contentHolder .infoBox .currentValuesBox{
	background: #e4e4e4;
    clear: both;
    margin-top: 30px;
    padding: 10px 0px 40px;
    overflow: auto;
    border-top: 2px solid #b3b3b3;
}
.proposalToolPopup .contentHolder .infoBox .currentValuesBox .currentValuesTitle{
	font-size: 19px;
    text-align: center;
    margin: 10px 0px 10px;
    color: #808080;
}


.proposalToolPopup .proposalScopeBox{
	width: 600px;
    margin-left: 20px;
    margin-top: 20px;
    overflow: auto;
    height: 1200px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 16px;
    scrollbar-width:none;
    -ms-overflow-style: none;
}
.proposalToolPopup .proposalScopeBox::-webkit-scrollbar{
	width: 0;
    height: 0;
}
.proposalToolPopup .proposalScopeBox div{
	margin-bottom:30px;
}
.proposalToolPopup .proposalScopeBox ul{
	
}


.proposalToolPopup .proposalHolderNew{
    overflow: auto;
    padding-bottom:20px;
    background: #f3f3f3;
}
.proposalToolPopup .proposalHolderNew .proposalSelectionArea{
    background: #6e6e6e;
    height: 50px;
    display: none;
}
.proposalToolPopup.print .proposalHolderNew .proposalSelectionArea{
    display: none;
}
.proposalToolPopup .proposalHolderNew .proposalSelectionArea .proposalSelect{
    float: left;
    width: 300px;
    position: relative;
    top: 8px;
    margin-left: 20px;
    border-radius: 4px;
    background: none;
    border: 1px solid #a7a7a7;
    color: white;
    padding-left: 5px;
}
.proposalToolPopup .proposalHolderNew .proposalSelectionArea .proposalSelect option{
    color: #000;
}
.proposalToolPopup .proposalHolderNew .proposalSelectionArea .proposalCloneBtn{
    float: left;
    position: relative;
    top: 9px;
    margin-left: 30px;
    background: #919191;
    width: 70px;
    line-height: 28px;
    text-align: center;
    color: #484848;
    border-radius: 4px;
    cursor: pointer;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder{
    border-bottom: 1px solid gray;
    margin-bottom: 30px;
    background: #d4d4d4;
    padding: 40px 20px;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .newProposalBtn{
    background: var(--trackrHeaderColor);
    color: white;
    width: 70px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposals{
    width: 800px;
    background: white;
    border: 1px solid #5b5b5b;
    border-radius: 4px;
    border-bottom: none;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder{
    overflow: auto;
    border-bottom: 1px solid gray;
    line-height: 30px;
    cursor: pointer;
    position: relative;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder:hover{

}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder.selected{
    background: var(--okkemSelectedColor);
    color: white;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .proposalCopyBtn{
    display: none;
    background: var(--trackrHeaderColor);
    width: 50px;
    position: absolute;
    left: 580px;
    color: white;
    text-align: center;
    border-radius: 5px;
    line-height: 24px;
    top: 3px;
    cursor: pointer;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder:hover .proposalCopyBtn{
    /*display: block;*/
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .proposalCopyBtn:hover{
    opacity: 0.9;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .topHolder{

}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .info{
    float: left;
    min-width: 90px;
    text-align: center;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .info.name{
    width: 250px;
    text-align: left;
    margin-left: 20px;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder.accepted .info.status{
    background: var(--positiveColor);
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .saveBtnsHolder{
    overflow: auto;
    line-height: 23px;
    position: absolute;
    top: 3px;
    right: 5px;
    display: none;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder.isChanged .saveBtnsHolder{
    display: block;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder.isChanged .saveBtnsHolder .proposalHolderBtn{

}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder.isChanged .saveBtnsHolder .proposalHolderBtn:hover{
    filter: brightness(0.9);
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .saveBtnsHolder .proposalSaveBtn{
    float: left;
    background: var(--positiveColor);
    color: white;
    width: 30px;
    text-align: center;
    line-height: 22px;
    border: 1px solid black;
    margin-right: 10px;
    cursor: pointer;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .saveBtnsHolder .proposalCancelBtn{
    float: left;
    background: var(--negativeColor);
    color: white;
    width: 30px;
    line-height: 22px;
    text-align: center;
    border: 1px solid black;
    cursor: pointer;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .bottomHolder{
    clear: both;
    position: relative;
    top: -5px;
}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder.hasUserNotes .bottomHolder{

}
.proposalToolPopup .proposalHolderNew .proposalsHolder .proposalHolder .bottomHolder .proposalUserNotes{
    margin-left: 40px;
    opacity: 0.5;
}



.proposalToolPopup .proposalHolderNew .inputArea{
    background: #f3f3f3;
    overflow: auto;
    width: 815px;
    width:430px;
    float: left;
    height: 1350px;
    padding-top: 20px;
    position: relative;
}
.proposalToolPopup.noProposal .proposalHolderNew .inputArea{
    visibility: hidden;
}
.proposalToolPopup .proposalHolderNew .pricingArea{
    overflow: hidden;
    background: #f3f3f3;
    float: left;
    width: 800px;
    height: 1000px;
    padding-top: 20px;
    padding-bottom: 90px;
    border-left: 2px dashed #c1c1c1;
    padding-left: 185px;
}
.proposalToolPopup.noProposal .proposalHolderNew .pricingArea{
    visibility: hidden;
}
.proposalToolPopup .proposalHolderNew .pricingArea .headerArea{
    display: none;
    margin-bottom: 30px;
    border-radius: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dadada;
}
.proposalToolPopup .proposalHolderNew .pricingArea .proposalNotes{
    height: 150px;
    width: 417px;
    margin-left: 20px;
    position: relative;
    top: 0px;
    margin-bottom: 20px;
}
.proposalToolPopup .proposalHolderNew .pricingArea .proposalNotes{

}
.proposalToolPopup .proposalHolderNew .pricingArea .proposalNotes .proposalNotesTextArea{
    width: 100%;
    height: 100%;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 10px;
}
.proposalToolPopup .proposalHolderNew .pricingArea .moreInfoArea{
    display:none;
    padding-top: 100px;
    clear: both;
    width: 100%;
    overflow: auto;
}
.proposalToolPopup .proposalHolderNew .pricingArea .moreInfoArea .moreInfoTitle{
    font-size:35px;
}
.proposalToolPopup .proposalHolderNew .pricingArea .moreInfoArea .moreInfoText{
    margin-bottom:40px;
}
.proposalToolPopup .proposalHolderNew .pricingArea .moreInfoArea .moreInfoText div{
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0px;
}
.proposalToolPopup .proposalHolderNew .pricingArea .moreInfoArea .moreInfoText .last{
    border:none;
}
.proposalToolPopup .proposalHolderNew .pricingArea .moreInfoArea .moreInfoText .moreInfoDepositAmount{
    font-size: 23px;
    color: #66ceee;
}
.proposalToolPopup .proposalHolderNew .pricingArea .headerArea .projectName{
    text-align: center;
    font-size: 40px;
    line-height: 48px;
}
.proposalToolPopup .proposalHolderNew .pricingArea .headerArea .address{
    text-align: center;
    color: #ababab;
}
.proposalToolPopup .proposalHolderNew .pricingArea .headerArea .cityStateZip{
    text-align:center;
}
.proposalToolPopup .proposalHolderNew .pricingArea .headerArea .scopeDescription{
    text-align: center;
    margin-top: 5px;
    color: #6b6969;
}

.proposalToolPopup .proposalHolderNew .proposalInputModules{
    width: 370px;
    float: left;
    margin-left: 20px;
}
.proposalToolPopup .proposalHolderNew .proposalSelectHolder{
    margin-bottom: 15px;
    position: absolute;
    top: 1px;
    left: 160px;
    text-align: center;
}
.proposalToolPopup .proposalHolderNew .proposalSelectHolder .proposalStatusSelect{
    width: 100px;
    color: #4e4e4e;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    text-align: center;
}
.proposalToolPopup .proposalHolderNew .proposalInputModules .proposalNameHolder{
    margin-bottom: 15px;
    margin-top: 35px;
}
.proposalToolPopup .proposalHolderNew .proposalInputModules .proposalNameHolder .proposalNameInput{
    border: 1px solid #c3c3c3;
    padding: 0px 5px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #000;
}
.proposalToolPopup .proposalHolderNew .proposalInputModules .projectTypeHolder{
    margin-bottom:20px;
}
.proposalToolPopup .proposalHolderNew .proposalInputModules .projectTypeHolder .label{
    float: left;
    width: 160px;
}
.proposalToolPopup .proposalHolderNew .userNotes{
    width: 368px;
    margin-bottom: 30px;
}
.proposalToolPopup .proposalHolderNew .userNotes .userNotesTextArea{
    width: 100%;
    padding: 10px;
    border: 1px solid #bdbdbd;
}
.proposalToolPopup .proposalHolderNew .userNotes .userNotesTextArea::placeholder{
    color: #cbcbcb;
}

.proposalToolPopup .proposalHolderNew .proposalInputModules .cloneProposalBtn{
    background: var(--trackrHeaderColor);
    color: white;
    width: 74px;
    margin-bottom: 20px;
    margin-top: 0px;
    line-height: 31px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 0px;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule{
    position:relative;
    background: #fff;
    width: 370px;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: auto;
    border: 1px solid #b9b9b9;
    box-shadow: 2px 2px 2px #dadada;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule.options{
    display:none;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .divider{
    border-top: 1px solid #e0e0e0;
    width: 75%;
    margin: 15px auto 15px;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .moreInfoBtn{
    position: absolute;
    top: 13px;
    right: 15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #c5c5c5;
    border-radius: 20px;
    color: #fff;
    cursor:pointer;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .moreInfoBtn:hover{
    background:var(--trackrBlueColor);
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .infoBoxTitle{
    background: #dcdcdc;
    color: #8c8c8c;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #b3b3b3;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .inputHolder{
    clear: both;
    margin-bottom: 10px;
    overflow: auto;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .inputHolder .label{
    float: left;
    width: 180px;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .inputHolder .label a{
    color: var(--trackrDarkBlueColor);
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .inputHolder .select{
    float: left;
    width: 160px;
    border: 1px solid #dcdcdc;
}
.proposalToolPopup .proposalHolderNew .proposalInputModule .inputHolder input{
    float: left;
    width: 160px;
    border: 1px solid #dcdcdc;
}





/* ---- Proposal Pricing Modules ----- */


.proposalToolPopup .proposalHolderNew .proposalPricingModules{
    width: 540px;
    width:416px;
    background: #fff;
    float: left;
    border: 1px solid #989898;
    border-radius: 4px;
    margin-left: 20px;
    box-shadow: 2px 2px 2px #c5c5c5;
    /*overflow: auto;*/
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule{
    /*padding-bottom: 15px;*/
    background: #f3f3f3;
    position:relative;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingTitle{
    background: var(--trackrDarkBlueColor);
    border-bottom: 1px solid #000;
    line-height: 31px;
    padding-left: 10px;
    font-size: 16px;
    color: #fff;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingTitle.top{
    overflow: hidden;
    border-radius: 3px 3px 0px 0px;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .moduleTotal{
    position: absolute;
    top: 2px;
    right: 14px;
    color: #fff;
    font-size: 19px;
    text-align: right;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder{
    /*overflow: auto;*/
    border-bottom: 1px solid #d8d8d8;
    margin-left: 0px;
    padding-left: 0px;
    /*margin-right: 10px;*/
    line-height: 27px;
    position: relative;
    height: 27px;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder.last{
    border:none;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder.unchecked{
    opacity:0.3;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .pricingHolderCompletionOverlay{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .pricingHolderCompletionOverlay .percentage{

}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .pricingHolderCompletionOverlay .meter{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 50%;
    width: 0%;
    background: #8ac92673;
    z-index: 1;
    border-bottom: 1px solid #507b0c;
}

.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .label{
    float: left;
    width: 230px;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .overrideLabel{
    position: absolute;
    left: -193px;
    border: 1px solid #dcdcdc;
    line-height: 20px;
    width: 180px;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .overrideLabel input{
    line-height:20px;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .hours{
    float: left;
    width: 60px;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .dollars{
    float: left;
    width: 66px;
    text-align:right;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .pricingCheckbox{
    float: left;
    margin-right: 7px;
    margin-left: 10px;
    position: relative;
    border: 1px solid #d2d2d2;
    height: 20px;
    width: 20px;
    top: 3px;
    left: 0px;
    border-radius: 4px;
    background: #fff;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .pricingCheckbox input{
    opacity:0;
    position: absolute;
    top: 1px;
    width: 20px;
    height: 20px;
    z-index: 2;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .pricingCheckbox .checkboxIcon{
    opacity:1;
    position: absolute;
    top: 2px;
    left: 2px;
    color: var(--trackrDarkBlueColor);
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder.unchecked .pricingCheckbox .checkboxIcon{
    opacity:0;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .pricingOverride{
    float: left;
    width: 50px;
    position: absolute;
    top: 0px;
    left: 432px;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .pricingOverride input{
    border: 1px solid #dcdcdc;
    line-height: 20px;
    padding: 0px;
    text-align: center;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .completionOverride{
    width: 50px;
    position: absolute;
    top: 0px;
    left: 492px;
}
.proposalToolPopup .proposalHolderNew .proposalPricingModule .pricingHolder .completionOverride input{
    /*border: 1px solid #dcdcdc;*/
    line-height: 20px;
    padding: 0px;
    text-align: center;
}
.proposalToolPopup .proposalHolderNew .totalBar{
    background: #4e4e4e;
    height: 55px;
    position: relative;
}
.proposalToolPopup .proposalHolderNew .totalBar .label{
    position: absolute;
    top: 6px;
    left: 20px;
    color: #c7bdbd;
    font-size: 26px;
}
.proposalToolPopup .proposalHolderNew .totalBar .totalHoursHolder{
    position: absolute;
    top: 18px;
    color: #fff;
    right: 150px;
    font-size: 17px;
}
.proposalToolPopup .proposalHolderNew .totalBar .totalHoursHolder .hrsLbl{
    font-size: 13px;
    opacity: 0.5;
    position: relative;
    left: 3px;
}
.proposalToolPopup .proposalHolderNew .totalBar .totalCostHolder{
    position: absolute;
    top: 8px;
    color: #fff;
    right: 20px;
    font-size: 27px;
}
.proposalToolPopup .proposalHolderNew .totalBar .totalCostHolder .value{

}



.proposalToolPopup .proposalInfoModules{
    float:left;
    margin-right: 50px;
    display:none;
}   
.proposalToolPopup .proposalInfoModules .title{
    font-size: 29px;
    margin-bottom: 10px;
}
.proposalToolPopup .proposalInfoModules .infoHolder{
    clear:both;
}
.proposalToolPopup .proposalInfoModules .infoHolder .label{
    float: left;
    width: 210px;
}
.proposalToolPopup .proposalInfoModules .infoHolder .value{
    float: left;
    text-align: right;
    width: 94px;    
}
.proposalToolPopup .proposalInfoModules .notes{
    clear: both;
    width: 300px;
    margin-top: 55px;
}   
.proposalToolPopup .proposalInfoModules .notes .notesTitle{
    color: #888787;
    font-size: 17px;
    display:none;
}
.proposalToolPopup .proposalInfoModules .notes .userNotes{
    margin-bottom: 10px;
    padding: 10px;
    white-space: pre-line;
    background: #4e4e4e;
    color: white;
    border-radius: 4px;
}
.proposalToolPopup .proposalInfoModules .notes .notesText{
    color: #a9a9a9;
    font-size: 13px;
}


/* ------ Print Proposal ------ */


body.printProposal .toolsArea{
    display:none;
}
body.printProposal .navigationArea{
    display:none;
}

body.printProposal .pageContentHolder{
    display:none;
}
body.printProposal .proposalToolPopup{
    position:absolute;
}
body.printProposal .proposalToolPopup .contentHolder{
    height:auto;
    top:0px;
}
body.printProposal .proposalToolPopup .topBtnHolder{
    display:none;
}
body.printProposal .proposalToolPopup .proposalHolderNew{
    border:none;
    background:#fff;
}
body.printProposal .proposalToolPopup .proposalHolderNew .inputArea{
    display:none;
}
body.printProposal .proposalToolPopup .proposalHolderNew .pricingArea{
    border:none;
    background:#fff;
    float:none;
    margin:auto;
    width:830px;
    height:auto;
    padding-bottom:0px;
    padding-left:15px;
}
body.printProposal .proposalToolPopup .proposalHolderNew .proposalsHolder{
    display: none;
}
body.printProposal .proposalToolPopup .proposalHolderNew .pricingArea .headerArea{
    display:block;
}
body.printProposal .proposalToolPopup .proposalHolderNew .pricingArea .moreInfoArea{
    display:block;
}

body.printProposal .proposalToolPopup .proposalInfoModules{
    display:block;
}
body.printProposal .proposalToolPopup .proposalPricingModule .pricingOverride{
    visibility: hidden;
}
body.printProposal .proposalToolPopup .proposalPricingModule .overrideLabel{
    visibility: hidden;
}
body.printProposal .proposalToolPopup .proposalHolderNew .pricingArea .proposalNotes{
    display: none;
}

.usersTasksPopup{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 12;
    background: #fff;
    overflow: auto;
    padding: 5px 20px 20px 20px;
    border: 1px solid #7d7d7d;
    border-radius: 4px;
}
.usersTasksPopup .usersTasksHeaders{
    overflow: auto;
    width: 104%;
    position: relative;
    left: -5px;
    padding-left: 5px;
    line-height: 33px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e6e6e6;
    color: #67ceee;
    font-size: 17px;
}
.usersTasksPopup .usersTasksHeaders .header{
    float:left;
    text-align:right;
}
.usersTasksPopup .usersTasksHeaders .header.name{
    width:160px;
    text-align:left;
}
.usersTasksPopup .usersTasksHeaders .header.hours{
    width:80px;
}
.usersTasksPopup .usersTasksHeaders .header.days{
    width:70px;
}
.usersTasksPopup .usersTasksHeaders .header.weeks{
    width:80px;
}
.usersTasksPopup .usersTasksHolder{

}
.usersTasksPopup .usersTasksHolder .userTasks{

}
.usersTasksPopup .usersTasksHolder .userTasks .name{
    float: left;
    width: 160px;
    overflow: hidden;
}
.usersTasksPopup .usersTasksHolder .userTasks .hours{
    float: left;
    text-align: right;
    width: 80px;
}
.usersTasksPopup .usersTasksHolder .userTasks .days{
    float: left;
    width: 70px;
    text-align: right;
}
.usersTasksPopup .usersTasksHolder .userTasks .weeks{
    float: left;
    width: 80px;
    text-align: right;
}




/* ---- Clone Proposal ---- */
.cloneProposalPopup{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 12;
}
.cloneProposalPopup .background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: black;
    opacity: 0.3;
}
.cloneProposalPopup .content{
    position: relative;
    width: 500px;
    margin: 200px auto;
    background: #fff;
    overflow: auto;
    border: 3px solid #000;
    border-radius: 4px;
}
.cloneProposalPopup .cloneInputArea{

}
.cloneProposalPopup .cloneInputArea .cloneProposalNameInput{
    border: 1px solid #adadad;
    border-radius: 4px;
    width: 460px;
    margin: 20px auto;
    display: block;
    font-size: 18px;
    padding: 0px 15px;
}
.cloneProposalPopup .submitBtnsArea{
    width: 340px;
    overflow: auto;
    margin: 20px auto;
}
.cloneProposalPopup .submitBtnsArea .cloneProposalSubmitBtn{
        float: left;
    margin-right: 20px;
    background: var(--positiveColor);
    color: white;
    text-align: center;
    width: 160px;
    font-size: 20px;
    cursor: pointer;
}
.cloneProposalPopup .submitBtnsArea .cloneProposalCancelBtn{
    float: left;
    background: #cbcbcb;
    color: white;
    text-align: center;
    width: 160px;
    font-size: 20px;
    cursor: pointer;
}