* {
	margin: 0;
	padding: 0;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

html {
    /*overflow-x: hidden;*/
}
body {
	font-family: Roboto;
	padding: 60px 0 32px;
    line-height: 1;
    padding-bottom: 0!important;
	/*background-color: #EEE;*/
	color: #000;
}
.projectDoc-title {
    white-space: nowrap;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.form-control-autoHeight {
    text-overflow: initial !important;
    height: auto !important;
    white-space: initial !important;
}
.invitedProjects-table-xs table th:nth-child(5){text-align: center !important;}
.invitedProjects-table-xs table td:nth-child(6) button{padding: 8px 7px !important;text-transform: capitalize !important; }
.panel-default > .panel-heading {
    border-bottom:1px solid #ddd !important;
}
/*clear fix*/
.clearfix:before,
.clearfix:after {
    content: "";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom: 1;
}

.add_material_xs, .budget_labal_xs {
    display: none;
}

.budget_labal_md {
    display: block;
}

	a:hover, a:focus {
		color: #4db54d;
		outline: none;
		text-decoration: none;
	}

ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}
/*project List*/
.projectListTable table td:nth-child(2) span {
    display: none;
}
.projectListTable {
    background: #FFF;
    border: 1px solid #e7e7e7;
}

    .projectListTable table {
        overflow: hidden;
        margin-bottom: 0px !important;
    }

        .projectListTable table thead tr th, .projectListTable table tbody tr td {
            border-top: 1px solid #e7e7e7;
        }

        .projectListTable table thead tr th {
            background: #f5f5f5;
            padding: 11px 0px !important;
        }

        .projectListTable table tbody tr td {
            padding: 3px 0px !important;
        }

            .projectListTable table thead tr th:first-child, .projectListTable table tbody tr td:first-child {
                text-align: center;
            }

        .projectListTable table tbody tr:hover {
            border: 0px solid #379437 !important;
            background: #fafafa !important;
        }
        /*moblie scroll*/
::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 12px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 12px;
    }

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}
.footerMenu {
    margin: 0px auto;
    display: inline-block;
    padding: 0px;
}

    .footerMenu li {
        float: left;
        list-style: none;
        padding: 12px 10px;
    }
    .footerMenu li a{
        color: #ffce54;
    }
        .footerMenu li a:hover {
            color: #ffce54;
            text-decoration:underline;
        }
/*moblie scroll*/

/*billing info-new card pop up*/
input:focus, textarea:focus, select:focus, button {
    outline: none;
}

.newCard-dialog {
    width: 390px;
    position: relative;
    margin: 50px auto !important;
}

.newCard-content {
    padding: 19px 20px 20px 20px;
    border: 0px;
    box-shadow: 0px 0px 4px rgba(0,0,0,.5) !important;
}

.newCard-close {
    font-size: 24px;
    color: #929292;
    position: absolute;
    background: transparent;
    border: 0px;
    right: 6px;
    top: 2px;
    font-weight: bold;
}

.newCard-visaIcon {
    width: 110px;
    height: auto;
}

.newCard-head {
    font-weight:700;
    color: #005c9c;
    margin-top:0px;
    font-size: 19px;
    margin-bottom:25px;
    text-align: center;
    font-family: Raleway;
}

.newCard-pr-0 {
    padding-right: 0px;
}

.newCard-pt-13 {
    padding-top: 13px;
}

.newCard-pl-0 {
    padding-left: 0px !important;
}

.newCard-dialog label {
    margin-bottom: 12px !important;
    font-family: Raleway;
    font-weight: 600 !important;
    line-height: 20px;
}

.newCard-dialog .form-control {
    height: 40px !important;
    padding: 6px !important;
}

.newCard-formControl-sm {
    width: 85px !important;
}

.newCard-mb-6 {
    margin-bottom: 6px;
}

.newCard-mb-7 {
    margin-bottom: 7px;
}

.newCard-mb-10 {
    margin-bottom: 10px;
}

.newCard-saveCardBtn {
    padding: 14px 19px;
    background: #005c9c;
    border-radius: 5px;
    color: #FFF;
    text-decoration: none;
    border: 0px !important;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    width: 100%;
    text-shadow: 0px 0px 0px #000 !important;
}

    .newCard-saveCardBtn:hover {
        background: #FBA81C;
    }
/*billing info-new card pop up*/
/*billinginfo card design*/
.billingInfo-head {
    font-size: 27px !important;
    margin-top: 0px !important;
    margin-bottom:25px !important;
    font-family: Raleway;
}

.newCard {
    font-family: Raleway;
    background: #FDFDFD;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    border-radius: 10.5px;
    width: 320px;
    height: 202px;
    text-align: center;
    padding: 40px 34px;
    margin: 0px auto 30px auto;
}

    .newCard p {
        font-family: Raleway;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 19px;
        color: #404450;
        padding-bottom:45px;
    }

.newCard-plus {
    color: #fdcc68;
    border: 1.5px solid #fdcc68;
    border-radius: 100%;
    padding: 6px 8px 3px 8px !important;
    font-size: 30px;
    background: transparent !important;
}

    .newCard-plus:hover {
        color: #86928e;
        border: 1.5px solid #86928e;
    }
    .newCard-plus:hover i {
        color: #86928e;
    }

    .newCard-plus i {
        color: #fdcc68;
    }

.defaultCard {
    font-family: Raleway;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    border-radius: 10.5px;
    width: 320px;
    height: 202px;
    color: #FFF;
    padding: 15px 15px;
    margin: 0px auto 30px auto;
    background: #737373;
}

.mastercard {
    background: #60666d !important;
}

    .mastercard img {
        width: 65px;
        height: auto;
    }

.visacard {
    background: #2c9fcb !important;
}

    .visacard img {
        width: 70px;
        height: auto;
    }

.aecard {
    background: #a3c395 !important;
}

    .aecard img {
        width: 44px;
        height: auto;
    }

.newCard-deleteBtn, .newCard-editBtn {
    color: #FFF;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    border: 0px;
}
.newCard-editBtn {
    float: right;
}
    .newCard-deleteBtn:focus, .newCard-editBtn:focus {
        outline: 0px;
    }
    .newCard-editBtn {
        float: right;
    }

    .newCard-deleteBtn:hover, .newCard-editBtn:hover {
        color: #FFF;
        text-decoration: none;
    }

.cardNumLabal {
    padding-top:23px;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    margin-bottom: 10px;
}

.cardNumExp {
    font-weight: 500;
    font-size: 15px;
    padding-bottom: 18px;
    text-align:center;
}

.card-row1 {
    height: 45px;
}

.card-row2 {
    height: 112px;
}

.card-row3 {
    height: 45px;
}
/*billinginfo card design*/
/*billinginfo - checkboxBtnHolder */
.outer-checkboxBtn {
    float: right;
    text-align: center;
    width: 30px;
    margin-right: 5px;
}

.checkboxBtn-text {
    color: #fdcc68;
    margin-top: 37px;
    font-size: 12px;
}

.checkboxBtnHolder {
    display: block;
    position: relative;
    padding-right: 24px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    margin-top: 0px;
}

    .checkboxBtnHolder input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #FFF;
    border-radius: 100%;
}

.checkboxBtnHolder input:checked ~ .checkmark {
    background-color: #fdcc68;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkboxBtnHolder input:checked ~ .checkmark:after {
    display: block;
}

.checkboxBtnHolder .checkmark:after {
    left: 11px;
    top: 6px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*billinginfo - checkboxBtnHolder */
/*project List*/
.signUpBottomText {
    font-size: 16px;
    line-height: 22px;
}

    .signUpBottomText a {
        text-decoration: underline;
    }
.unitListing {
    color: #000;
}

    .unitListing div label {
        font-weight: 500;
        padding-top: 8px;
    }
.custom-form-control .form-control {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 10px;
}
.projectDoc-imageHolder:hover .uploadTagPdf-overlay {
    opacity: 1;
}
.pdfUploadXlHolder {
    background: transparent;
    border: 0px;
    text-align: left;
    padding-top: 20px;
    float:left;
}
    .pdfUploadXlHolder:focus {
        outline:0px;
    }
    .pdfUploadXlHolder img {
        height: 290px !important;
        width: auto !important;
    }

.pdfUploadXlTitle {
    margin: 8px 10px 20px 20px;
    font-weight: bold;
    float: left;
    width:100%;
}
.uploadTagPdf-overlay {
    position: absolute;
    bottom: 0px;
    left:0px;
    background: rgba(0, 0, 0, 0.8);
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    font-size: 13px;
    padding: 4px 2px;
    text-align: center;
    word-break: break-all;
    line-height: 17px;
}

.printRedDoller {
    color: red !important;
    font-style: italic;
}
.manageCost1 {
    padding:10px;
    line-height: 22px;
    width: 25%;
}

.manageCost2, .manageCost4 {
    border-left: 1px solid #ddd;
    padding:10px;
    line-height: 22px;
    width:20%;
}

.manageCost3 {
    border-left: 1px solid #ddd;
    padding: 10px;
}
.manageCost3 label {
    margin-top: 11px;
    margin-right: 6px;
}
.labourCost_dollerHolder {
    float: left;
    position: relative;
    margin-left: 0px;
}

.labourCost_redDoller:before {
    content: "$";
    font-size: 14px;
    color: red;
    position: absolute;
    margin-left: 4px;
    margin-top: 13px;
}

.labourCost_blackDoller:before {
    content: "$";
    font-size: 14px;
    color:#000;
    position: absolute;
    margin-left: 4px;
    margin-top: 13px;
}
.manageCost1-inner {
    width:25%;
    padding: 10px;
}

.manageCost2-inner {
    width:67%;
    border-left: 1px solid #ddd;
    padding: 10px;
}

.manageCost3-inner {
    border-left: 1px solid #ddd;
    padding: 10px;
}
.totalLabourInput {
    margin: 0px;
    width: 100%;
}

.manageCost1-print {
    padding: 10px;
    line-height: 22px;
    width: 25%;
}

.manageCost2-print, .manageCost4-print {
    border-left: 1px solid #ddd;
    padding: 10px;
    line-height: 22px;
    width: 25%;
}

.manageCost3-print {
    border-left: 1px solid #ddd;
    padding: 10px;
}

    .manageCost3-print label:first-child {
        margin-top: 11px;
        margin-right: 6px;
    }

.manageCost1-print-inner {
    width: 25%;
    padding: 10px;
}

.manageCost2-print-inner {
    width: 67%;
    border-left: 1px solid #ddd;
    padding: 10px;
}

.totalLabourInput-print {
    margin: 0px;
    width: 185px;
    padding: 10px 6px;
}

.dollerHolder {
    float: left;
    position: relative;
    margin-left: 5px;
}
.blackDoller:before {
    content: "$";
    font-size: 17px;
    color: black;
    position: absolute;
    margin-left: 7px;
}
.redDoller:before {
    content: "$";
    font-size: 17px;
    color: red;
    position: absolute;
    margin-left: 7px;
    font-style: italic;
}
.blackDoller-inner:before {
    content: "$";
    font-size: 17px;
    color: black;
    position: absolute;
    margin-left: 3px;
    margin-top: 9px;
}
.redDoller-inner:before {
    content: "$";
    font-size: 17px;
    color: red;
    position: absolute;
    margin-left: 3px;
    margin-top: 9px;
    font-style:italic;
}


.tooltipHolder {
    position: relative;
}

.cus-tooltip {
    display: none;
}

.tooltipHolder:hover .cus-tooltip {
    display: block;
}

.cus-tooltip {
    position: absolute;
    background: #333;
    width: 230px;
    min-height: 38px;
    color: #FFF;
    padding: 10px;
    top: 0%;
    left: 100%;
    margin-left: 9px;
    border-radius: 4px;
    z-index: 9999;
}

    .cus-tooltip:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(51, 51, 51, 0);
        border-right-color: #333;
        border-width: 6px;
        margin-top: -6px;
    }
.removeClick {
    pointer-events: none !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -o-user-select: none !important;
}
.signIn-title {
    text-align: center;
    color: #000;
    margin-top: 50px;
    margin-bottom: 30px;
    line-height: 30px;
}
    .signIn-title span {
        color: #f7921e
    }
.uploadImgRelative {
    position:relative;
}
    .uploadImgClose {
    color: black !important;
    position: absolute;
    top: -9px;
    right: -5px;
    z-index: 1 !important;
    font-size: 15px;
    background: transparent;
    border: 0px;
    border-radius: 100px;
}
.uploadImgClose:focus{
    outline:0px !important;
}

.yellowTooltipHolder {
    position: relative;
    display: inline-block;
}

.cus-yellowTooltip {
    display: none;
}

.yellowTooltipHolder:hover .cus-yellowTooltip {
    display: block;
}

.cus-yellowTooltip {
    position: absolute;
    background: #FFE8A2;
    border-bottom: 2px solid #D6A100;
    box-shadow: 2px 2px 5px #949494;
    width: 230px;
    min-height: 38px;
    color: #FFF;
    padding: 10px;
    top: -10px;
    left: 100%;
    margin-left: 12px;
    border-radius: 4px;
    z-index: 9999;
    background: #FFE8A2;
    border-bottom: 2px solid #D6A100;
    box-shadow: 2px 2px 5px #949494;
    position: absolute;
    width: 230px;
    min-height: 30px;
    padding: 10px;
    top: -10px;
    left: 100%;
    margin-left: 12px;
    border-radius: 4px;
    z-index: 9999;
    color: #333;
    line-height: 20px;
}

.cus-yellowTooltip:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-right-color: #333;
    border-width: 6px;
    margin-top: -6px;
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-right-color: #FFE8A2;
    border-width: 6px;
    margin-top: -6px;
}
.yellowTooltipHolder a {
    color: #333;
}

    .yellowTooltipHolder a:hover {
        color: #4db54d;
    }

/*css for data table*/

.activity_heading {
    font-size: 22px;
    font-weight: 500;
    color: #e9af00;
    margin: 25px 0px 12px 0px;
}

.activity_outerDiv {
    background: #FFF;
    padding: 20px;
}

.activity_outerDiv .dataTables_filter label {
    float: right;
}

.activity_outerDiv .tblMaterials {
    margin-top: 15px !important;
}

.activity_outerDiv .tblMaterials thead tr, .activity_outerDiv .tblMaterials tbody tr {
   border-bottom: 1px solid #ddd;
   color: #676a6c !important;
   font-size: 13px;
}

.activity_outerDiv .tblMaterials thead tr th, .activity_outerDiv .tblMaterials tbody tr td {
   padding: 12px 8px !important;
}

.activity_outerDiv .tblMaterials thead tr th {
   padding-right: 22px !important;
}

.activity_outerDiv .tblMaterials tbody tr:hover {
   background: #ffd040;
   color: #000 !important;
}

.activity_outerDiv .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   border-top: 0px !important;
}

.activity_outerDiv .pagination > li {
   display: block !important;
}

.activity_outerDiv .pagination {
   display: flex;
   float: right;
}

.activity_outerDiv .pagination > .active > a, .activity_outerDiv .pagination > .active > span, .activity_outerDiv .pagination > .active > a:hover, .activity_outerDiv .pagination > .active > span:hover, .activity_outerDiv .pagination > .active > a:focus, .activity_outerDiv .pagination > .active > span:focus {
   background: #ffc000;
   border-color: #ffc000;
   color: #000 !important;
}

.activity_outerDiv .pagination > li > a, .pagination > li > span {
   color: #676a6c !important;
}

.activity_outerDiv .form-control {
   height: auto;
}
/*project board css*/
.board-mt-10 {
    margin-top:10px !important;
}
.board-mlr-5 {
    margin-left: 5px;
    margin-right: 5px;
}
.gallery__item--1 img {
    border-top-left-radius: 10px;
    border: 1px solid #cecece !important;
}
.gallery__item--2 img {
    border: 1px solid #cecece !important;
}
.gallery__item--3 img {
    border-top-right-radius: 10px;
    border: 1px solid #cecece !important;
}
.gallery__item--4 img {
    border-bottom-left-radius: 10px;
    border: 1px solid #cecece !important;
}
.gallery__item--5 img {
    border-bottom-right-radius: 10px;
    border: 1px solid #cecece !important;
}
.board-gallery-h1 {
    color: #000;
    text-align: left;
    margin-top: 14px;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: bold !important;
    font-family: Arial, sans-serif;
}
.board-gallery-subh1 {
    color: #000;
    font-size: 13px;
    margin-top:3px;
}
.board-tag-btn {
    background: #f0f0f0;
    border-radius: 50px;
    padding: 5px 10px;
    float: left;
    color: #312f2f;
    font-size: 12px;
    margin-top:4px;
    margin-right:4px;
    line-height: 16px;
    font-weight: 500;
}
    .board-tag-btn:hover {
        cursor: pointer;
        color: #8a8b94;
    }
.board-singleImg-container {
background:#FFF;
padding:20px;
}
.grid-item img {
    background: #f7f7f7;
}

.project-pr {
    padding-right: 0px !important;
}

.project-pl {
    padding-left: 8px !important;
}

.board-drag-text {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    color: #000;
}
.modal-create-btn, .modal-create-btn:hover, .modal-create-btn:focus, .modal-cancel-btn, .modal-cancel-btn:hover, .modal-cancel-btn:focus, .modal-delete-btn, .modal-delete-btn:hover, .modal-delete-btn:focus {
    border-radius: 3px;
    padding: 6px 12px;
    font-size: 14px;
}
    .modal-create-btn, .modal-create-btn:hover, .modal-create-btn:focus {
        background: #fb903b !important;
        border: 1px solid #fb903b !important;
        text-shadow: 1px 1px 1px #333;
        color: #FFF;
    }

    .modal-cancel-btn, .modal-cancel-btn:hover, .modal-cancel-btn:focus {
        background: #eaeaea !important;
        border: 1px solid #eaeaea !important;
        color: #000;
    }

    .modal-delete-btn, .modal-delete-btn:hover, .modal-delete-btn:focus {
        background: #ec0000 !important;
        border: 1px solid #ec0000 !important;
        color: #FFF;
        text-shadow: 1px 1px 1px #333;
    }

.modal-ml-10 {
    margin-left: 10px;
}
.board-modal-header {
    border-bottom: 0px;
}
.board-modal-header h5 {
        font-weight: 600;
        font-size: 22px;
        color: #000;
}
.board-modal-header h5:after {
        height: 5px;
        background: #fb903b;
        width: 40px;
        display: block;
        content: '';
        margin-top: 4px;
    }
.board-modal-content label {
    margin-top: 4px;
    font-weight: 500;
    color: #000;
}
.model-btn-title {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    background: transparent;
    padding: 0px;
    font-size: 22px;
    color: #000;
}
.create_board_bg i {
    color: #fb903b;
    border: 0px;
    font-size: 47px;
}
.create_bimaterial_bg i {
    color: #ffffff;
    border: 0px;
    font-size: 47px;
}
#drop-area {
    width: 100% !important;
}
.model-edit-btn {
    font-size: 20px;
    background: rgba(0,0,0,0.6);
    color: #FFF;
    padding: 11px 9px 9px 11px;
    border-radius: 44px;
    cursor: pointer;
    margin: -8px -10px 0px 0px;
}
.model-edit-btn:hover {
    background: #fb903b;
    color: #000;
}

.suggest-img-frame {
    border-radius: 10px !important;
    border: solid 3px #dddddd !important;
}

/*proposal*/
@media only screen and (max-width: 768px) {
    .clint-sig {
        float: left !important;
    }
}

/*project board css*/
@media(max-width:1430px) and (min-width:1200px) {
    .toggled .billing-info .col-lg-6 {
        width: 100% !important;
    }
}
@media(max-width:1200px) {
    .container {width:auto !important;}
}


section {
	padding-bottom: 20px;
}

.body_wrapper {
}

label {
	font-weight: normal;
	display: block;
}

/************************  HEADER ************************************/
header {
	background: #ffc000;
	border-bottom: 1px solid #c29200;
	text-align: center;
}

.slidePanel_btn {
	float: left;
	padding: 11px 12px;
	margin: 0 0 -1px -15px;
	height: 100%;
	width: 50px;
	background: #000;
}

	.slidePanel_btn .bar {
		float: left;
		width: 100%;
		height: 1px;
		background: #FFF;
		margin: 3px 0;
	}

.navbar-brand {
	background: url(../img/logo.png) no-repeat center / contain;
	width: 152px;
	height: 34px;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: none;
}

header .right_btns {
	float: right;
}

	header .right_btns a {
		float: left;
		margin: 3px 0 4px 12px;
		color: #000;
		font-size: 22px;
	}

		header .right_btns a:hover {
			color: #FFF;
		}

		header .right_btns a:first-child {
			margin-left: 0;
		}

/************************  HEADINGS ************************************/
.heading_sec {
	border-bottom: 1px solid #CCC;
	position: relative;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

	.heading_sec:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -2px;
		background: #FFF;
		height: 1px;
		width: 100%;
	}

	.heading_sec h2 {
		font-weight: 300;
		float: left;
		margin: 0;
		line-height: normal;
	}

.heading_yellow {
	font-weight: 500;
	color: #e9af00;
	font-size: 18px;
	margin: 0 0 15px;
}

.location_head {
	margin: 20px 0;
}

	.location_head .heading_yellow {
		float: left;
		line-height: 2.1;
		margin: 0 20px 0 0;
	}

.plus_btn {
	min-width: auto !important;
}

.mandatoryStar {
    color: red;
    text-align: left;
    float: left;
    font-size: 13px;
    padding-right: 2px;
    width: 100%;
    height:18px;
}

/************************  LOCATON SAVED ************************************/
.locations_saved > li {
    border: 1px solid #c3c3c3;
    min-height: 50px;
    overflow: hidden;
    margin: 0 0 15px;
    padding: 1px;
}

    .locations_saved > li h4 {
        background: #fafafa;
        margin: 0;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        height: 100%;
        text-transform: uppercase;
        float: left;
        border: 1px solid #c3c3c3;
        padding: 6px 10px;
        text-align: center;
        margin: 1px;
        min-height: 50px;
    }

        .locations_saved > li h4 a {
         color:#000 !important;
        }

        .locations_saved > li h4 i {
            display: inline-block;
            vertical-align: middle;
            margin: 0 5px 0 0;
        }

			.locations_saved > li h4 i.icon_kitchen {
				background: url(../images/kitchen_icon.png) no-repeat center;
				width: 28px;
				height: 37px;
			}

			.locations_saved > li h4 i.icon_washroom {
				background: url(../images/washroom_icon.png) no-repeat center;
				width: 37px;
				height: 37px;
			}

.locations_saved li .list > li {
    border: 1px solid #c3c3c3;
    margin: 1px;
    float: left;
    background: #fafafa;
}

	.locations_saved li .list > li a {
		display: table-cell;
		height: 49px;
		min-width: 100px;
		text-align: center;
		vertical-align: middle;
		padding: 0 12px;
		color: #000;
	}

		.locations_saved li .list > li a:hover {
			background: #4db54d;
			color: #FFF;
		}

.trades_sec {
	max-width: 250px;
}

	.trades_sec > li {
		border-bottom: 1px solid #CCC;
		position: relative;
		padding: 15px 70px 15px 15px;
	}

		.trades_sec > li h3 {
			font-size: 16px;
			font-weight: 400;
			line-height: normal;
			margin: 0;
		}

		.trades_sec > li > .fa {
			color: #000;
			position: absolute;
			right: 15px;
			top: 0;
			bottom: 0;
			margin: auto;
			font-size: 16px;
			height: 16px;
		}

		.trades_sec > li .del_btn {
			height: 27px;
			right: 50px;
			font-size: 18px;
			display: none;
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
		}

		.trades_sec > li:hover {
			background: #4db54d;
			color: #FFF;
		}

.trade_selected {
	background: #4db54d;
	color: #FFF;
}

.trades_sec > li:hover .fa {
	color: #FFF;
}

.trades_sec > li:hover .del_btn {
	display: block;
}

.trades_sec > li .drop_down {
	position: absolute;
	top: 0;
	left: 100%;
	right: 0;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 3px;
	padding: 4px;
	width: 820px;
	display: none;
}

.trades_sec > li:hover .drop_down {
	display: block;
}

.trades_sec > li .drop_down table {
	margin: 0;
}

.trades_sec > li .drop_down th {
	color: #e9af00;
	font-weight: 500;
	font-size: 16px;
	padding: 8px;
	text-align: center;
}

	.trades_sec > li .drop_down th:first-child {
		text-align: left;
	}

.trades_sec > li .drop_down .delete_heading {
	background: #000;
	color: #FFF;
	border-radius: 30px;
	font-size: 14px;
	padding: 8px 15px;
	margin: 0;
}

.trades_sec > li .drop_down h5 {
	margin: -16px 0 0;
	text-align: center;
}

.trades_sec > li .drop_down .delete_heading a {
	color: #FFF;
	float: right;
}

.trade_accordian .panel-title {
	font-weight: 400;
	font-size: 16px;
}

	.trade_accordian .panel-title a {
		display: block;
	}

		.trade_accordian .panel-title a .fa {
			float: right;
		}
        .trade_accordian .panel-title a .trade-material-collapse {
            float: left;
            margin-right: 10px;
            font-size: 18px;
        }


.fa-chevron-right:before {
    content: "\f101";
}

        .listingArrow a .fa-chevron-right:before {
            content: "\f103";
        }

        .listingArrow a.collapsed .fa-chevron-right:before {
    content: "\f101";
        }

.listingArrow1 a .fa-chevron-right:before {
    content: "\f103";

}

.listingArrow1 a.collapsed .fa-chevron-right:before {
    content: "\f101";
    
}

.listingArrow2 a[aria-expanded="true"] .fa-chevron-right:before {
    content: "\f103";

}

.listingArrow2 a[aria-expanded="false"] .fa-chevron-right:before {
    content: "\f101";
}

.listingArrow3 a[aria-expanded="true"] .fa-chevron-right:before {
    content: "\f103";
}

.listingArrow3 a[aria-expanded="false"] .fa-chevron-right:before {
    content: "\f101";
}

.trade_accordian .table th {
    color: #e9af00;
    font-weight: 500;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}

	.trade_accordian .table th:first-child {
		text-align: left;
	}

.trade_accordian .table td .delete_heading {
	background: #000;
	color: #FFF;
	border-radius:2px;
	font-size: 14px;
	padding: 8px 15px;
	margin: 0;
}

	.trade_accordian .table td .delete_heading a {
		color: #FFF;
		float: right;
	}


.add-material-lft {
	width: 300px !important;
}

	.add-material-lft > div > input {
		width: 100%;
		height: 30px;
	}

.add-material-rgt {
	width: 300px !important;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

	.add-material-rgt > div > textarea {
		width: 300px !important;
		height: 172px !important;
	}

	.add-material-rgt > div > input {
		width: 100%;
		height: 30px !important;
	}

.haveNeedBy {
	margin: 0px 0px 0px 0px !important;
}
/************************  TABLES ************************************/
.table > thead > tr > th, .table > tbody > tr > td {
	border: 0;
	vertical-align: middle;
}

.table > tbody > tr > td {
	cursor: pointer;
}

.projects_table {
	padding: 0 0 0 1px;
}

	.projects_table .table > tbody > tr:hover {
		background: #FFF;
		border: 1px solid #379437;
		border-radius: 3px;
	}

	.projects_table .btn_td {
		padding: 0;
	}

	.projects_table .btn {
		min-width: auto;
		float: right;
		visibility: hidden;
	}

	.projects_table .table > tbody > tr:hover .btn {
		visibility: visible;
		border-radius: 0;
		border-color: transparent;
	}

/************************  FOOTER ************************************/
footer {
	background: #000;
	color: #FFF;
	text-align: center;
	padding: 3px 0;
	z-index: -1;
}

/************************  BOOTSTRAP ************************************/
.form-control {
	font-family: Roboto;
	height: 40px;
	border-color: #BBB;
	border-radius: 3px;
	color: #000;
}

.btn {
	text-transform: uppercase;
	font-weight: 500;
	padding: 8px 12px;
}

.btn-primary {
	background: #4db54d;
	border: 1px solid #379437;
	color: #FFF;
	border-radius: 3px;
}

	.btn-primary:hover {
		background: #379437;
		border: 1px solid #379437;
		color: #FFF;
	}

	.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .open > .dropdown-toggle.btn-primary {
		background: #379437;
		border: 1px solid #379437;
		color: #FFF;
	}

.btn-default {
	background: #f2f2f2;
}

	.btn-default:hover {
		background: #FFF;
	}

.btn-edit {
	min-width: auto;
	padding: 0 4px;
	margin: 0 0 0 10px;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

	.row.no-gutters > [class^="col-"] {
		padding-right: 0;
		padding-left: 0;
	}

.form-control::-webkit-input-placeholder {
	color: #000;
}

.form-control::-moz-placeholder {
	color: #000;
}

.input-group-addon {
	background: #4db54d;
	border: 1px solid #379437;
	color: #FFF;
}

	.input-group-addon:hover {
		background: #379437;
		color: #FFF;
	}

.form_fields .disabled {
	border: 0;
	box-shadow: none;
	background: none;
	padding: 0;
}

#wrapper {
	padding-left: 0;
	position: relative;
	background: #EEE;
    padding-top: 20px;
   min-height: 100vh;
	/*z-index: 1;*/
}

	#wrapper.toggled {
		padding-left: 250px;
	}

#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	top: 41px;
	left: 250px;
	width: 0;
	height: 100%;
	margin-left: -250px;
	padding: 30px 0 0;
	overflow-y: auto;
	background: #202020;
}

	#sidebar-wrapper ul li a {
		font-size: 20px;
		font-weight: 300;
		color: #FFF;
		border-bottom: 1px solid #4d4d4d;
		display: block;
		padding: 15px 20px 15px 55px;
		position: relative;
		line-height: normal;
	}

		#sidebar-wrapper ul li a:hover {
			background: #4db54d;
		}

		#sidebar-wrapper ul li a .fa {
			position: absolute;
			left: 15px;
			top: 0;
			bottom: 0;
			margin: auto;
			font-size: 24px;
			height: 26px;
		}

#wrapper.toggled #sidebar-wrapper {
	width: 250px;
}
/*********************Project Details Styles*******************************/
.project-details .form-group label {
    font-weight: 600;
}
.project-header {
    margin-right: 20px;
}
.trade-material {
}
.breadcrumb-nav {
    margin-bottom: 15px;
}
.breadcrumb-nav .breadcrumb-nav-anchor {
    text-decoration: underline;
}
.breadcrumb-nav .breadcrumb-nav-current {
    color: #505359;
}
.breadcrumb-nav .breadcrumb-nav-current:hover {
    color: #505359;
}
.breadcrumb-nav span {
    color: #878A8F;
}
.heading_sec .location-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
}
/*New User Sign Up/Log In */
.user-signup-form,
.user-login-form {
    width: 400px;
    margin: 50px auto;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 8px 2px rgba(230,230,230,1);
    -moz-box-shadow: 0px 1px 8px 2px rgba(230,230,230,1);
    box-shadow: 0px 1px 8px 2px rgba(230,230,230,1);
}
.user-signup-form .signup-form-inputs,
.user-login-form .login-form-inputs {
    padding: 20px;
}
.user-login-form .login-form-inputs {
    padding-left: 25px;
    padding-right: 25px;
}
.user-signup-form .col-md-12,
.user-login-form .col-md-12 {
    float: none;
}
.user-signup-form .form-group,
.user-login-form .form-group {
    margin-top: 15px;
    margin-bottom: 15px;
}
.user-signup-form .form-group label,
 .user-login-form .form-group label {
    color:#555;
}
 .user-login-form .form-group label {
     text-align: left;
     margin-bottom: 5px;
 }
 .forgot-password {
     text-align: right;
     line-height: 20px;
     color: #2893C7;
     padding-right: 0;
     margin-bottom: 30px;
 }
  .forgot-password a {
      text-decoration: none;
      color:  #2893C7;
  }
  .user-login-form  .remember-me {
     padding-top: 0;
     text-align: left;
     line-height: 20px;
    margin-left: -14px; 
     margin-bottom: 30px;
 }
.user-signup-form .signup-submit-btn button,
.user-login-form .login-submit-btn button {
    background: #2893C7;
    height: 47px;
    border: none;
    border-radius: 0 0 4px 4px;
    color: #fff;
}
.user-signup-title,
.user-login-title {
    text-align:center;
    color: #555;
    margin-top: 50px;
}
.user-signup-title span,
.user-login-title span {
    color:darkorange;
}
.user-signup-p,
.user-login-p {
    text-align: center;
    color: #2893C7;
}
.validation-summary-errors {
    margin: 10px;
}
//Choosepackage 
.choosePackage .heading-title  h2{
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    border: none;
    color: #222;
}
.choosePackage .heading-title h2::before {
    content: unset;
}
.payment-tabs .tab {
    border-bottom: 1px solid  #D1D6DA;
    padding: 20px;
    text-align: center;
}
.payment-tabs .tab a {
    text-transform: uppercase;
    text-decoration: none;
    color: #D1D6DA;
    font-size: 14px;
}
.payment-tabs .tab.active  {
    border-color: #333;
}
.payment-tabs .tab.active a {
    color: #333;
}
.billing-info {
    background: #fff;
    padding: 50px;
    min-width: 260px;
}
.billing-info h3 {
    margin-top: 60px;
    margin-bottom: 20px;    
    color: #333;
    font-weight: 300;
}
.billing-info  form {
    margin-left: -15px!important;
    margin-top: 10px;
}
.billing-info  form .form-group {
    margin-top: 15px;
}
.billing-info  form label {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.3;
}
.address-check label {
    display: inline-block;
}
.billing-info-submit button {
    float: right;
    background: #007bff;
    font-size: 18px;
    border-color: #007bff;
    padding: 12px 40px;
    font-size: 12px;
}
.billing-info-submit button:hover {
    background: #0069d9;
    border-color: #0069d9;
}
.billing-info .tab-previous,
.billing-info .billing-info-submit {
    margin-top: 20px;
    line-height: 47px;
}
.billing-info .tab-previous a {
    text-decoration: none;
    font-size: 16px;
    color: #b2b2b2;
}
.choosed-package {
    background: #f3f3f3;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 100vh;
}
.choosed-package .choosePackage {
    margin-top: 50px;
}
.choosed-package .choosePackage  .package {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.choosed-package .choosePackage h4 {
    font-weight: 300;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #D1D6DA;
    margin-bottom: 20px;
}
.manage_heading {
margin-left:-15px;
}
.file-upload-button {
    -moz-box-shadow: #4db54d;
    -webkit-box-shadow: #4db54d;
    box-shadow: #4db54d;
    background: #4db54d;
    background: #4db54d;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color: #4db54d;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #379437;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 14px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #379437;
    cursor: pointer;
    width:247px;
    margin-bottom:-10px;
}

    .file-upload-button:hover {
        background: #379437;
        background: #4db54d;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
        background-color: #379437;
    }
.img-input {
    -moz-box-shadow: #4db54d;
    -webkit-box-shadow: #4db54d;
    box-shadow: #4db54d;
    background: #4db54d;
    background: #4db54d;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color: #4db54d;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #379437;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 14px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #379437;
    cursor: pointer;
    min-width:280px;
}

    .img-input:hover {
        background: #379437;
        background: #4db54d;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
        background-color: #379437;
    }

    .img-input:active {
        position: relative;
        top: 1px;
    }

/********************* CHOOSE PACAKAGE STYLES *******************************/
.choosePackage .property-features {
    font-size: 18px;
}
.choosePackage .property-container{ padding:20px; min-height:290px;}
.choosePackage .property-container h4{ font-size:20px; color:#6b6e80; font-weight:300; margin:1em 0 2em;}
.choosePackage .property-container .price b{ font-size:30px; color:#000;}
.choosePackage .property-container .price span{ font-weight:300; font-size:26px; color:#000;}
.choosePackage .property-container .btn{ background:#fff9eb; border:1px solid #ffaf01; display:block; font-size:20px; font-weight:600;
text-transform:uppercase; margin:2em 0 0;}
.choosePackage#content {
    padding: 0;
    padding-bottom: 50px;
}
.choosePackage .heading-title h2 {
    text-transform: none;
    font-size: 28px;
    font-weight: 700;
}
.choosePackage .heading-title h2::before,
.heading-title h2::after {
    content: unset;
}
.package .package-header {
    padding: 20px;
    background: #FCCC68;
}
.package .package-header h2 {
    font-size: 33px;
    text-align: center;
    margin-top: 5px;;
}
.package .package-header span {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: block;
}
.package .package-header .package-price {
    margin-top: 20px;
}
.package .package-header .package-des {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 14px;
}
.package .package-title {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    letter-spacing: 2px;
}
.package .package-info {
    padding: 30px 25px;
    background: #fff;
}
.package .package-info.package-pro-info {
    padding-top: 10px;
}
.package .package-info ul li {
    line-height: 2.8;
    list-style: none;
    font-size: 15px;
}
.package .package-info ul li strong {
    font-weight: 600;
}
.package .package-pro-info .package-highlight {
    padding: 10px 20px;
    background: #FCCC68;
    font-size: 15px;
    font-weight: 600;
}
.package .choose-btn {
    background: #FFF9EC;
    text-align: center;
    padding: 10px 0;
}
.package .choose-btn a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FCCC68;
}
.choosePackage .heading-title  h2{
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    border: none;
    color: #222;
}
.choosed-package .choosePackage .package {
    float: unset;
}
.total-price {
    padding-top: 20px;
    padding-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid #D1D6DA;
}
.hidden {
    display: none!important;
}
header .nav-rbtns,
header .navbar-brand {
    line-height: 42px;
    vertical-align: middle;
}
header .navbar-brand {
    margin-top: 6px;
}
header .slidePanel_btn {
    padding:  14px 12px;
}
.hidden-popup {
    display: none;
}
#material-image-popup,
#display-images {
    width: 600px;
    border: 1px solid #505359;
    border-radius: 4px;
    padding: 20px;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}
#material-image-popup #image {
    margin-top: 20px;
}
#material-image-popup h4 {
    margin-top: 0;
    padding-top: 0;
}
#material-image-popup .close-popup,
#display-images .close-popup {
    float: right;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    vertical-align:  middle;
    cursor: pointer;
}
.hidden-input {
    display: none!important;
}
.bt-mi-submit {
    margin-top: 15px;
}
.material-image {
    margin: 5px;
}
#display-images .mi-container {
    border: 1px solid #9c9c9c;
    padding: 5px;
    margin: 5px;
    position: relative;
    float: left;
    max-width: 100%;
}
#display-images .mi-container .material-image{
    max-width: 100%;
}
#display-images .mi-container .delete-image {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
}
#display-images h4 {
    margin-bottom: 15px;
}
.display-photo img {
    max-width: 100%;
    margin-top: 10px;
}

.margin-left {
    margin-left: 10px;
    margin-bottom: 10px;
}

.profile-info {
    background: #fafafa;
    padding: 0px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
}

    .profile-info table tr td {
        padding: 5px 0px;
    }

        .profile-info table tr td:first-child label {
            font-weight: 500;
            margin-bottom: 0px !important;
        }

    .profile-info table tr {
        border-bottom: 1px solid #eaeaea;
    }

        .profile-info table tr:last-child {
            border: 0px !important;
        }

        .profile-info table tr td:last-child .form-control[disabled] {
            border: 2px solid #FF0;
            background: transparent !important;
            border: 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .profile-info table tr td:last-child .form-control {
            height: 34px;
        }

.uploadImg-addTag-textfield1 {
    padding-right: 5px;
}

.uploadImg-addTag-textfield2 {
    padding: 0px 2px;
}

.uploadImg-addTag-textfield3 {
    padding-left: 5px;
}
.uploadImg-error {
    color: red;
    font-size: 14px;
    text-align: center;
    padding-bottom: 3px;
}
.uploadImg-scroll {
    overflow: auto;
    width: 1093px;
    height: 210px;
}
.txtQtyBudgetForm {
    margin: 15px 1px;
}
.txtQtyBudgetForm > div {
   padding: 0px 4px;
}
.txtQtyBudgetForm > div:first-child {
   padding-left: 0px;
   padding-right: 4px;
}
.txtQtyBudgetForm > div:last-child {
   padding-left: 4px;
   padding-right: 0px;
}
    .txtQtyBudgetForm > div:last-child input[type="button"] {
        margin-top: 0px;
        padding: 9px 0px;
    }
.uploadTag-formHeading {
    margin-bottom: 9px;
}

.uploadTag-formFirst {
    padding-right: 5px;
}

.uploadTag-formMiddle {
    padding: 0px 2px;
}

.uploadTag-formLast {
    padding-left: 5px;
    padding-right: 4px;
}

.uploadTag-form-btn{
    padding: 0px 14px 0px 3px;
}

.uploadTag-form-btn1 {
    padding: 0px 22px 0px 3px;
}
.selectTags {
    max-width:515px;
    float: left;
    margin-right: 5px;
    padding-top: 0px;
    overflow:hidden;
}
.uploadImg-fullViewImg {
    width: 100%;
    padding: 20px;
    height: 400px;
    object-fit: cover;
}
    .uploadTag-form-btn1 button[type="button"] {
        padding: 10px 12px;
    }
    .uploadTag-form-btn button[type="button"] {
        padding: 10px 12px;
    }
.uploadImg-textBox-holder {
    border: 1px dashed gray;
    text-align: center;
    padding: 6px 8px 0px 12px;
    margin-left: 5px;
    border-radius: 6px;
   width:273px;
    min-height: 167px;
}
.uploadImg-textBox-input {
    width:247px;
}

.uploadImg-textBox-btn {
    margin-top:10px;
    cursor:pointer;
   
}
.tradeMaterialsWidth {
    width: 50%;
    display: block;
}
.panelTradeText {
    width: 80%;
    display: inline-block;
    line-height: 21px;
}
.accordionTradeDelete {
    background: transparent;
    border: 0px;
    padding: 0px;
}
.table-padding thead tr th,
.table-padding tr th,
.table-padding tbody tr td,
.table-padding tr td {
    padding: 5px 10px;
    text-align: center;
}
    .table-padding thead tr th:first-child,
    .table-padding thead tr th:nth-child(2),
    .table-padding tbody tr td:first-child,
    .table-padding tbody tr td:nth-child(2),
    .table-padding tr th:first-child,
    .table-padding tr th:nth-child(2),
    .table-padding tr td:first-child,
    .table-padding tr td:nth-child(2)
    {
        text-align: left;
    }
.commonMain-head {
    display: inline-block;
    margin-top: 8px;
}

@media(max-width:1437px) {
    .container {
        max-width: 100% !important;
    }
}

@media(max-width:1200px) {
    .uploadImg-scroll {
        overflow: auto;
        width: 900px;
        height:210px;
    }
    .manage_padding_xs {
        padding: 0px 20px;
    }
    .manage_heading {
        margin-left: -15px;
        padding: 0px 20px;
    }
}
@media(max-width:1200px) and (min-width:991px) {
    .totalLabourInput {
        margin: 0px;
        width: 145px;
    }
}
@media(max-width:899px) and (min-width:768px) {
    .actResend, .actDelete, .actEdit {
        margin-bottom: 3px;
    }
}
    @media(max-width:991px) {
        .manageCost-table tr, .manageCost-table tr td, .manageCost-innerTable tr, .manageCost-innerTable tr td {
            display: block;
            width: 100%;
        }

        .manageCost2, .manageCost3, .manageCost4 {
            border-left: 0px;
            border-top: 1px solid #ddd;
            width: 98%;
        }

        .manageCost3 {
            min-height: 62px;
        }

        .manageCost2-inner, .manageCost3-inner {
            border-left: 0px;
            border-top: 1px solid #ddd;
            width: 98%;
        }

        .manageCost3-inner {
            min-height: 42px;
        }

        .add_material_xs {
            display: block;
            font-weight: 500;
            font-size: 16px;
            float: left;
            margin-right: 10px;
            margin-left: -6px;
        }

        .budget_labal_xs {
            display: block;
            font-weight: 500;
            font-size: 16px;
        }

        .budget_labal_md {
            display: none;
        }

        .uploadImg-scroll {
            width: 682px;
        }

        .txtQtyBudgetForm {
            margin: 15px 1px;
        }

            .txtQtyBudgetForm > div {
                padding: 6px 0px;
            }

                .txtQtyBudgetForm > div:first-child {
                    padding-left: 0px;
                    padding-right: 0px;
                }

                .txtQtyBudgetForm > div:last-child {
                    padding-left: 0px;
                    padding-right: 0px;
                }

                    .txtQtyBudgetForm > div:last-child label {
                        display: none;
                    }

                    .txtQtyBudgetForm > div:last-child input[type="button"] {
                        margin-top: 6px;
                        padding: 9px 0px;
                    }
    }

    @media(max-width:768px) {
        .modal-body {
            margin: 0px 15px;
        }
        div.dataTables_wrapper div.dataTables_length label {
            text-align: right !important;
        }
        .activity_outerDiv .dataTables_wrapper > div:nth-child(2) > div {
            overflow: auto;
        }
        .activity_outerDiv .dataTables_info {
            text-align: right !important;
            margin-bottom: 12px;
            margin-top:8px;
        }
        /*moblie view project list*/
        .projectListTable table thead tr th:first-child, .projectListTable table tbody tr td:first-child {
            text-align: initial;
        }

        .projectListTable {
            background: transparent !important;
            border: 0px;
        }

            .projectListTable table thead {
                border: none;
                clip: rect(0 0 0 0);
                overflow: hidden;
                padding: 0;
                position: absolute;
            }

                .projectListTable table thead tr th, .projectListTable table tbody tr td {
                    border-top: 0px;
                }

            .projectListTable table tr {
                display: block;
                margin-bottom: 4px;
                background: rgba(255,206,84,0.8);
                border-radius: 10px !important;
                border: 1px solid #ffc022;
            }

            .projectListTable table td {
                border-bottom: 1px solid #fafafa;
                display: block;
                text-align: left !important;
                width: 100%;
                padding: 0px !important;
            }

                .projectListTable table td:nth-child(2) span {
                    float: right;
                    display: block;
                }

        .invitedProjects-table-xs table td:nth-child(1), .invitedProjects-table-xs table td:nth-child(7), .myProject-table-xs table td:nth-child(1), .myProject-table-xs table td:nth-child(5) {
            display: none;
        }

        .invitedProjects-table-xs table td:nth-child(2):before, .myProject-table-xs table td:nth-child(2):before {
            content: "\f041";
            font-family: "fontawesome";
            padding-right: 8px;
            color: #189118;
            font-size: 16px;
        }

        .invitedProjects-table-xs table td:nth-child(3):before, .myProject-table-xs table td:nth-child(3):before {
            content: "\f007";
            font-family: "fontawesome";
            padding-right: 8px;
            color: #189118;
            font-size: 16px;
        }

        .invitedProjects-table-xs table td:nth-child(4):before, .myProject-table-xs table td:nth-child(4):before {
            content: "\f095";
            font-family: "fontawesome";
            padding-right: 8px;
            color: #189118;
            font-size: 16px;
        }

        .invitedProjects-table-xs table td:nth-child(5):before {
            content: "\f084";
            font-family: "fontawesome";
            padding-right: 8px;
            color: #189118;
            font-size: 16px;
        }

        .invitedProjects-table-xs table td:nth-child(6):before {
            content: "\f058";
            font-family: "fontawesome";
            padding-right: 8px;
            color: #189118;
            font-size: 16px;
        }

        .invitedProjects-table-xs table td:nth-child(7), .myProject-table-xs table td:nth-child(5) {
            height: 47px;
        }

        .invitedProjects-table-xs table td:nth-child(6) button {
            margin-left: 0px !important;
            padding: 1px 4px 0px 4px !important;
        }

        .projects_table .btn {
            min-width: auto;
            float: left;
            visibility: visible;
            padding: 4px 9px;
            /* margin-left: 19px;*/
            margin-left: 97px;
        }

        .projects_table .table > tbody > tr:hover .btn {
            visibility: visible;
            border-radius: 0;
            border-color: transparent;
        }


        .projectListTable table tbody tr td {
            padding: 8px 2px 8px 15px !important;
            min-height: 34px;
        }

        .projectListTable table td:last-child {
            border-bottom: 0px !important;
        }
        /*moblie view project list*/


        .uploadImg-addTag-textfield1, .uploadImg-addTag-textfield2, .uploadImg-addTag-textfield3 {
            padding: 5px 12px;
        }

        .uploadImg-scroll {
            width:468px; 
        }

        .tradeMaterialsWidth {
            display: none;
        }


        .uploadTag-formHeading {
            margin-bottom: 9px;
            margin-top: 10px;
        }

        .uploadTag-formFirst {
            padding: 5px 15px;
        }

        .uploadTag-formMiddle {
            padding: 5px 15px;
        }

        .uploadTag-formLast {
            padding: 5px 15px 10px 15px;
        }

        .uploadTag-form-btn {
            padding: 5px 15px;
        }

        .uploadTag-form-btn1 {
            padding: 0px 15px;
        }

        .selectTags {
            max-width: 240px;
            float: left;
            margin-right: 5px;
            overflow: hidden;
            padding-top: 4px;
        }

        .uploadImg-fullViewImg {
            width: 100%;
            padding: 20px;
            height: 250px;
            object-fit: cover;
        }
    }

    @media(max-width:560px) {
        /*moblie view project list*/
        .invitedProjects-table-xs table td:nth-child(7), .myProject-table-xs table td:nth-child(5) {
            height: 40px;
        }
        /*moblie view project list*/
        .margin-left {
            margin-left:7px;
            margin-bottom: 10px;
        }

        .uploadImg-scroll {
            width:268px;
        }
    }

    @media(max-width:1199px) {
        .trades_sec > li .drop_down {
            width: 690px;
        }

        .user-signup-form .signup-submit-btn,
        .user-signup-form .signup-submit-btn button {
            width: 100%;
        }

        .package .package-header {
            padding: 10px 20px;
            min-height: 222px;
        }

        .package .package-pro-info .package-highlight {
            padding: 10px;
        }

        .choosed-package .choosePackage .package {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    @media(max-width:991px) {
        .trades_sec {
            max-width: 100%;
        }

            .trades_sec > li {
                padding: 15px;
            }

                .trades_sec > li .del_btn {
                    top: 15px;
                    bottom: auto;
                }

                .trades_sec > li > .fa {
                    top: 22px;
                    bottom: auto;
                }

                .trades_sec > li .drop_down {
                    position: initial;
                    margin: 20px 0 0;
                    width: 100%;
                }
    }

    @media(max-width:768px) {

        .project-pr {
            padding-right: 15px !important;
            padding-bottom: 11px;
        }

        .project-pl {
            padding-left: 15px !important;
        }
        .locations_saved > li h4 {
            border: 1px solid c3c3c3;
        }

        .locations_saved > li {
            margin: 15px 4px 15px 15px;
            box-shadow: none;
        }

        .img-input {
            width: 240px;
        }

        .locations_saved li .list > li {
            display: block;
            border: 1px solid c3c3c3;
        }

            .locations_saved li .list > li a {
                display: block;
                height: auto;
                padding: 18px 12px 17px 12px;
            }

        .package .package-header .package-des {
            margin-bottom: 0;
        }

        .package .package-header {
            padding: 10px 20px;
            min-height: 226px;
        }

        .package .package-info ul li {
            line-height: 2;
        }

        .package .package-info.package-pro-info {
            padding-bottom: 10px;
        }

        .package .package-info {
            min-height: 329px;
            padding: 10px;
        }
    }

    @media only screen and (max-width: 480px) {
        .margin-left {
            margin-left: 0px;
            margin-bottom: 10px;
        }
        .billing-info {
            padding:12px;
        }
        .navbar-fixed-top .slidePanel_btn {
            margin-left: -15px;
        }

        .navbar-fixed-top .navbar-brand {
            margin-top: 3px;
        }

        .project-header #btn-inviteuser {
            clear: left;
            margin-right: 10px;
        }

        .project-header button {
            font-size: 10px;
            padding: 8px 12px;
            display: inline-block;
            min-width: 80px;
        }

        .project-header h2 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .project-details .btn-edit.actEdit {
            float: right;
            margin-right: 20px;
            padding: 2px 6px;
        }

        .project-details .form-control {
            width: 96%;
        }

        .project-header {
            margin-right: 0;
        }

        .locations_saved {
            margin-right: 15px;
        }
        /*.project-location-trade-table th {
      display: none;
    }
    .project-location-trade-table td {
      display: block;
    }*/
        .project-location-trade-table td:before {
            /*content: attr(data-th) ": ";*/
            font-weight: bold;
            width: 6.5em;
            display: inline-block;
            margin-bottom: 3px;
        }

        .project-location-trade-table #collapseEdit-18 td:before {
            content: "";
        }

        .user-signup-form {
            width: 100%;
            margin: 30px auto;
        }

        .user-signup-title {
            margin-top: 20px;
        }

        .btn {
            text-transform: uppercase;
            font-weight: 500;
            padding: 8px 12px;
            font-size: 10px;
            margin-right:7px;
        }

            .btn i, .btn i:before, .btn i:after {
                font-size: 10px !important;
            }
    }

    @media only screen and (max-width: 480px) {
        .navbar-fixed-top .slidePanel_btn {
            margin-left: -15px;
        }

        .navbar-fixed-top .navbar-brand {
            margin-top: 3px;
        }

        .project-header #btn-inviteuser {
            clear: left;
            margin-right: 10px;
        }

        .project-header button {
            font-size: 10px;
            padding: 8px 12px;
            display: inline-block;
        }

        .project-header h2 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .project-details .btn-edit.actEdit {
            float: right;
            margin-right: 20px;
            padding: 2px 6px;
        }

        .project-details .form-control {
            width: 96%;
        }

        .project-header {
            margin-right: 0;
            position: relative;
        }

        .locations_saved {
            margin-right: 15px;
        }
        /*.project-location-trade-table th {
        display: none;
    }
    .project-location-trade-table td {
      display: block;
    }
    */
        .project-location-trade-table td:before {
            /*content: attr(data-th) ": ";*/
            font-weight: bold;
            width: 6.5em;
            display: inline-block;
            margin-bottom: 3px;
        }

        /* .project-location-trade-table .material-edit td:before {
            content: "";
        }*/

        .fa-trash:before,
        .fa-chevron-right:before,
        .fa-minus-square-o:before {
            font-size: 20px;
        }

        .location-details .location-name {
            font-size: 24px;
            font-weight: 400;
        }

        .project-header .actDeleteProject {
            position: static;
            top: 0;
            right: 10px;
        }

        .location-details .actDeleteProjectLocation {
            padding: 6px 12px;
            font-size: 12px;
        }

        .user-signup-form,
        .user-login-form {
            width: 300px;
        }

        .package {
            margin-bottom: 20px;
        }

            .package .package-info ul li {
                line-height: 2.4;
            }

            .package .package-info {
                padding: 20px;
            }

            .package .package-info {
                min-height: unset;
            }

        #material-image-popup, #display-images {
            width: 90% !important;
        }
    }

    @media print {
        .manageCost3-print label:first-child {
            margin-top: 0px;
        }
        .totalLabourInput-print {
            margin: 0px;
            width: 185px;
            padding: 10px 6px;
            background-color: #FFF !important;
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;
            -moz-print-color-adjust: exact !important;
            -ms-print-color-adjust: exact !important;
        }

        .printRedDoller {
            color: red;
            font-style: italic;
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;
            -moz-print-color-adjust: exact !important;
            -ms-print-color-adjust: exact !important;
        }
        .col-md-4 {
            width: 33.33333333% !important;
        }

        .col-md-2 {
            width: 16.66666667% !important;
        }

        .txtQtyBudgetForm > div {
            padding: 0px 4px !important;
        }

        .panel-default > .panel-heading {
            color: #333 !important;
            background: #f5f5f5 !important;
            border-color: #ddd !important;
        }

        .txtQtyBudgetForm > div:last-child {
            padding-left: 4px;
            padding-right: 0px;
        }

        .budget_labal_xs {
            display: none !important;
        }

        .budget_labal_md {
            display: block !important;
        }

        .txtQtyBudgetForm > div:last-child {
            display: block !important;
        }

            .txtQtyBudgetForm > div:last-child label:nth-child(2) {
                display: block !important;
            }

        .panel-default > .panel-heading {
            color: #333 !important;
            background-color: #f5f5f5 !important;
            border-color: #ddd !important;
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;
            -moz-print-color-adjust: exact !important;
            -ms-print-color-adjust: exact !important;
        }

        header {
            display: none;
        }
        footer {
            display: none;
        }
    }

@media(max-width:468px) {
    .cardNumLabal {
        padding-top:19px;
    }
    .newCard, .defaultCard {
        width: 286px;
        height: 181px;
    }
    .defaultCard {
        padding: 13px 12px;
        margin: 0px auto 18px auto;
    }
    .mastercard img {
        width: 56px;
        height: auto;
    }
    .card-row2 {
        height: 94px;
    }
    .cardNumLabal {
        font-size: 24px;
    }
    .newCard {
        padding: 41px 15px;
        margin: 0px auto 18px auto;
    }
        .newCard p {
            font-size: 17px;
            padding-bottom: 30px;
        }
    .newCard-dialog {
        width: 335px;
    }

    .newCard-content {
        padding: 5px 6px 6px 6px;
    }
    .newCard-deleteBtn, .newCard-editBtn {
        font-size: 14px;
    }
}

@media(max-width:342px){
    .visacard img {
        width: 65px;
        height: auto;
    }
    .aecard img {
        width: 40px;
        height: auto;
    }
    .defaultCard {
        padding:10px;
    }
    .cardNumLabal {
        padding-top: 10px;
        font-size: 19px;
        margin-bottom: 8px;
    }
    .mastercard img {
        width: 45px;
        height: auto;
    }
    .cardNumExp {
        font-size: 13px;
    }
    .card-row2 {
        height:70px;
    }
    .newCard p {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .newCard-plus {
        padding: 5px 6px 3px 6px !important;
        font-size: 20px;
    }
    .newCard, .defaultCard {
        width: 236px;
        height: 149px;
        margin: 0px auto 16px auto;
    }
    .user-signup-form .signup-form-inputs, .user-login-form .login-form-inputs {
        padding: 5px;
    }
    .user-signup-form, .user-login-form {
        width: 260px;
        margin-left:3px;
        margin-right: 0px;
    }
    .sub-m-t {
    margin-top:5px;
    }

    .actCancelEdit {
    margin-top:7px;
    }
    .txtLabourCost {
        width: 140px;
    }
    .uploadImg-scroll {
        width:222px;
    }
   
}