.bids-dashboard-mix-wrap{
    padding: 40px 0 60px;
}

.dashBoardBack-btn-block{
    margin-bottom: 30px;
    color: #555;
    display: block;
    transition: all 0.3s ease-in-out;
}
a.dashBoardBack-btn-block i {
    font-size: 20px;
    margin-right: 10px;
}
.dashBoardBack-btn-block:hover{
    color: #4bcabc;
}
.bids-dashboard-title-head{
    background: #f1f1f1;
}
.bids-dashboard-title-head h1 {
    margin: 0;
    padding: 15px 0;
    font-size: 28px;
    color: #515151;
}
.bids-sidebar-wrapper,
.bidsProcurment-tab-wrapper{
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0px 20px rgba(0,0,0,0.1);
}

.bids-sidebar-ul{
    margin: 0 0 60px 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.bids-sidebar-ul .bids-sidebar-menu a{
    width: 100%;
    display: block;
    background: #fff;
    color: #000;
    font-weight: 500;   
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 17px 0 17px 40px;
}

.bids-sidebar-ul .bids-sidebar-menu.active a,
.bids-sidebar-ul .bids-sidebar-menu a:hover{
    background: #3ebbe9;
    color: #fff;
}

.createProject-tabList {
    width: 23%;
    display: inline-block;
    vertical-align: top;
}

.bids-main-content{
    height: 100%;
}
/*.bidsProcurment-tab-wrapper{
    height: calc(100% - 70px);
}*/
.createProject-tab-content.tab-content {
    width: 76%;
    display: inline-block;
}

.createProject-tabcontent-form{
    padding: 35px 15px 15px;
}
.createProject-main-wrapper {
    padding: 45px 40px;
}
ul.createProject-progressBar-list {
    padding: 0;
    list-style: none;
    margin: 0;
}
ul.createProject-progressBar-list li{
    position: relative;
    margin-left: 22px;
    color: #b5b5b5;
    font-weight: 500;
    cursor: pointer;
    padding-bottom: 18px;
}
ul.createProject-progressBar-list li.completed{
    color: #4bcabc;
}
ul.createProject-progressBar-list li i{
    opacity: 0;
    color: #4bcabc;
    font-size: 18px;
    margin-left: 5px;
}
ul.createProject-progressBar-list li.active {
    color: #515151;
}
/*ul.createProject-progressBar-list li.active i,*/
ul.createProject-progressBar-list li.completed i{
    opacity: 1;    
}
ul.createProject-progressBar-list li:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    top: 7px;
    position: absolute;
    left: -22px;
    border-radius: 10px;
    background: #d8d8d8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 2;
}

ul.createProject-progressBar-list li.active:before,
ul.createProject-progressBar-list li.completed:before{
    background: #4bcabc;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

ul.createProject-progressBar-list li:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: -16px;
    bottom: 29px;
    background: #d8d8d8;
    z-index: 1;
}

ul.createProject-progressBar-list li:first-child:after {
    height: 0;
}

ul.createProject-progressBar-list li.active:after,
ul.createProject-progressBar-list li.completed:after {
    background: #4bcabc;
}

/*.bids-main-content{
    max-width: 100%;
    padding-left: 30px;
}*/

.bids-pageTitle-block h3 {
    font-size: 25px;
    color: #515151;
    padding: 15px 0 30px;
    margin: 0;
}

.bidsProcurment-top-tabBar ul.nav {
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 8px 8px 0 0;
    position:relative;
    z-index:9;
}

.bidsProcurment-top-tabBar ul.nav li{
    flex: 1 1 0;
    text-align: center;
}

.bidsProcurment-top-tabBar ul.nav li a{
    display: block;
    padding: 18px 6px;
    background: #fff;
    font-size: 16px;
    color: #b5b5b5;
    position: relative;
    font-family: "Gotham Rounded Book", sans-serif;
}

.bidsProcurment-top-tabBar ul.nav li a .showcheck{
	display: none;
}

.bidsProcurment-top-tabBar ul.nav li a.completestep .showcheck{
	display: inline-block;
}

.bidsProcurment-top-tabBar ul.nav li a.completestep {
    color: #4bcabc;
}

.bidsProcurment-top-tabBar ul.nav li a::before {
    content: "";
    position: absolute;
    height: 41px;
    width: 41px;
    top: 7px;
    border: 1px solid;
    border-color: transparent #e1e1e1 #e1e1e1 transparent;
    transform: rotate(313deg);
    z-index: 999;
    background: #fff;
    right: -21px;
    border-radius: 1px 0 0 1px;
}
.bidsProcurment-top-tabBar ul.nav li a[disabled]::before {
    background: #f0f0f0;
}
.bidsProcurment-top-tabBar ul.nav li a.active::before {
    border-color: transparent transparent #0e4f92;
    background: #0e4f92;
}
.bidsProcurment-top-tabBar ul.nav li:last-child a::before{
	display: none;
}
.bidsProcurment-top-tabBar ul.nav li a.active{
    background: #0e4f92;
    color: #fff;
}
.bidsProcurment-top-tabBar ul.nav li a span {
    position: relative;
    z-index: 999;
    display: block;
    margin-left: 20px;
}

.createProject-tabcontent-title h5 {
    margin: 0;
    padding: 0 15px 15px;
    color: #515151;
    font-size: 22px;
    border-bottom: 1px solid #f1f1f1;
}

.createProject-tab-content.tab-content label {
    font-weight: 500;
    color: #515151;
}

.createProject-tab-content.tab-content input.form-control,
.createProject-tab-content.tab-content select.form-control {
    height: 48px;
}
.form-group.jobPost-input{
    margin-bottom: 40px;
}
.projectTitle-example-wrap p {
    margin-bottom: 0px;
    font-weight: 500;
    color: #515151;
    font-size: 17px;
}

.projectTitle-example-wrap ul{
    padding: 15px 0 0 15px;
    margin: 0;
}

.projectTitle-example-wrap ul li {
    margin-bottom: 8px;
    color: #515151;
    font-weight: 500;
    font-size: 15px;
}

.projectTitle-example-wrap {
    margin: 0 0 40px 0;
}

.space-divider {
    display: block;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
}

.form-submitBtn-block{
    text-align: right;
}

.form-submitBtn-block .btn {
    background: #d3d2d2;
    color: #fff;
    width: 200px;
    padding: 7px 12px;
}

.form-submitBtn-block .btn.procurement-nextBtn,
.form-submitBtn-block .btn.procurement-backBtn-chanColor{
    background: #0e4f92;
}
.howItwork-slider .owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.howItwork-slider .owl-nav button.owl-prev {
  left: -10px;
}
.howItwork-slider .owl-nav button.owl-next {
  right:-10px;
}
.howItwork-slider .owl-dots {
  text-align: center;
  padding-top: 15px;
}
.howItwork-slider .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.howItwork-slider .owl-dots button.owl-dot.active {
  background-color: #4bcabc;
}
.howItwork-slider .owl-dots button.owl-dot:focus {
  outline: none;
}

.howItwork-slider .owl-nav button {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.howItwork-slider .owl-nav button i {
    color: #4bcabc;
    font-size: 13px;
    font-weight: 400;
}
.howItwork-slider {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 25px 30px;
}
.howItwork-slider h2 {
    font-size: 21px;
    color: #63d2c5;
    font-weight: 500;
    margin-bottom: 20px;
}
.howItwork-slider p{
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    font-family: "Gotham Rounded Book", sans-serif;
}
div#bids-howItWork {
    padding: 0 15px;
}

.overviewPost-img-block{
    position: relative;
}
.bids-sidebar-overview-block .overviewPost-img-block .videoPlay-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bids-sidebar-overview-block .overviewPost-img-block .videoPlay-btn a {
    display: block;
    width: 50px;
    height: 50px;
    background: #4bcabc;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    line-height: 53px;
    font-size: 18px;
    border: 1px solid transparent;
}

#productVideo-modal.modal{
    transform: scale(0); 
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
#productVideo-modal.modal.show {
    transform: scale(1);
    opacity: 1;
}
#productVideo-modal .modal-body {
  padding:0px;
}
#productVideo-modal .close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
}

#productVideo-modal.modal .modal-dialog {
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
}

.bids-sidebar-overview-block h4{
    font-size: 20px;
    margin: 15px 0 0 20px;
    font-weight: 500;
    color: #4bcabc;
}
.bids-sidebar-overview-block {
    padding: 35px 10px;
}
.manageCriteria-title span {
    font-size: 17px;
    font-weight: 500;
    color: #515151;
}
.manageCriteria-allItems-row{
    display: flex;
    align-items: center;
    padding-top: 20px;
}
.manageCriteria-allItems-wrap {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 90%;
    margin: 0 -3px;
}
.manageCriteria-allItems-wrap div.mCSB_container {
    display: flex;
    justify-content: flex-start;
    left: 0 ;
}
.criteria-item {
    background: #6384a4;
    border-radius: 6px;
    height: 80px;
    width: 206px;
    padding: 10px 40px 10px 10px;
    position: relative;
    flex: 0 0 206px;
    margin: 20px 3px 0; 
}

.criteria-item .criteria-item-title {
    color: #fff;
    font-size: 15px;
}

.criteria-item .criteria-item-weightage {
    background: #3ebbe9;
    position: absolute;
    top: -18px;
    right: 10px;
    padding: 6px;
    border-radius: 6px;
    color: #fff;
    font-family: "Gotham Rounded Book", sans-serif;
}

.addCriteria-block{
    width: 10%;
}

.addCriteria-block .addCriteria-icon,
.upload-add-table-block button.addTable-btn{
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 18px;
    background: #4bcabc;
    border-radius: 100px;
    display: block;
    text-align: center;
    color: #fff;
    border: 1px solid #4bcabc;
}
.addCriteria-block .addCriteria-icon {
    margin: 0 0 0 15px;
}
.upload-add-table-block{
    display: flex;
    align-items: center;
    border: solid #f1f1f1;
    border-width: 0 1px 0 1px;
}

.upload-add-table-block button.addTable-btn{
    margin-left: 100px;
}

button.skipStep-btn.btn {
    background: #3ebbe9;
    display: block;
    margin: 0 0 15px auto;
    width: initial;
    border: 1px solid #3ebbe9;
    padding: 7px 32px;
}

.upload-add-table-block .uploadTable-btn {
    background: #4bcabc;
    padding: 9px 12px;
    color: #fff;
    width: 180px;
}

.manageCriteria-details-topBox{
    display: flex;
    align-items: center;
}

.manageCriteria-details .manageCriteria-name-block,
.manageCriteria-details .manageCriteria-weightage-block {
    padding: 30px;
    border: 1px solid #f1f1f1;
    flex: 1 1 0;
}

.manageCriteria-data-table .table thead th,
.manageCriteria-data-table .table tbody th{
    background: #6384a4;
}

.manageCriteria-weightage-block .weightageBox,
.manageCriteria-name-block .form-group {
    display: flex;
    align-items: center;
}

.manageCriteria-data-table table.table {
    border: 1px solid #f1f1f1;
}
.manageCriteria-data-table .table td {
    border-color: #f1f1f1;
    border-left: 1px solid #f1f1f1;
    font-family: "Gotham Rounded Book", sans-serif;
        font-weight: 500;
}

.manageCriteria-data-table .table th{
    border: none;
    border-left: 1px solid #f1f1f1;
    font-family: "Gotham Rounded Book", sans-serif;
        font-weight: 500;
    color: #fff;
}

.upload-add-table-block {
    display: flex;
    align-items: center;
    border: solid #f1f1f1;
    border-width: 0 1px 1px 1px;
    padding: 16px 12px;
    margin-bottom: 30px;
}

a.dataEdit i,
a.dataDelete i {
    color: #515151;
    margin: 0 2px;
}

.manageCriteria-weightage-block .weightageBox input {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    text-align: center;
    width: 100px;
    margin: 0 10px 0 20px;
}

.weightageBox .weightage-minus,
.weightageBox .weightage-plus{
    background: #4bcabc;
    border: 1px solid #4bcabc;
    padding: 4px 10px;
    font-size: 16px;
    color: #fff;
}

.weightageBox .weightage-minus{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-right: 0.5px;
}

.weightageBox .weightage-plus{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-left: 0.5px;
}

.manageCriteria-name-block .form-group input.form-control {
    margin-left: 15px;
}

.createProject-tabcontent-form .attchFile-btn{
    display: block;
    border: 1px solid #979797;
    background: #f9f8f8;
    padding: 8px 12px;
    text-align: center;
    color: #515151;
}

.attchFile-block{
    padding: 42px 0 20px;
}

.createProject-tabcontent-form .attchFile-btn {
    display: block;
    border: 1px solid #979797;
    background: #f9f8f8;
    padding: 8px 12px;
    text-align: center;
    color: #515151;
    width: 100%;
    margin-bottom: 10px;
}
.attchFile-block span{
    display: block;
    color: #4bcabc;
}
.createPro-preview-proTitle,
.createPro-preview-proDetails,
.createPro-preview-proCriteria,
.createPro-preview-proBudget {
    margin-bottom: 34px;
}
.createPro-preview-proTitle > span,
.createPro-preview-proDetails > span,
.createPro-preview-proCriteria > span,
.createPro-preview-proBudget > span{
    font-size: 18px;
    color: #515151;
    font-weight: 500;
}
.createPro-preview-proTitle .preview-proTitle-block,
.createPro-preview-proDetails .preview-proDetails-block,
.createPro-preview-proBudget .preview-proBudget-block {
    background: #fafafa;
    border: 1px solid #b4b4b4;
    padding: 15px 20px;
    margin-top: 10px;
}
.preview-proDetails-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.preview-details-right{
    flex-basis: 50%;
}

.preview-proTitle-block span,
.preview-proDetails-block .preview-details-left span,
.preview-proBudget-col span {
    display: block;
    font-weight: 600;
    color: #515151;
}

.preview-proTitle-block span:last-child,
.preview-proDetails-block .preview-details-left span:last-child,
.preview-proBudget-col span:last-child{
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
}
.createPro-preview-proCriteria .manageCriteria-data-table {
    margin-top: 10px;
}

.preview-proDetails-block .preview-details-right span {
    color: #4bcabc;
    display: block;
    font-size: 14px;

}
.preview-proDetails-block .preview-details-right span:first-child {
    color: #515151;
    font-weight: 600;
    font-size: 16px;
}

.preview-proBudget-col {
    width: 50%;
}
.preview-proBudget-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.budget-content-item {
    margin-bottom: 46px;
}
.budget-content-item .budgetTitle span{
    display: block;
    font-size: 17px;
    color: #515151;
    margin-bottom: 22px;
}
.budget-content-item .form-group {
    display: flex;    
    margin: 0;
}
.budget-content-item .form-group.three-col-group{
    justify-content: space-between;
}
.budget-content-item .budget-label-box{
    width: 32.33%;
    position: relative;
}
.budget-content-item .budget-servicePrice-label-box{
    width: 40%;
    margin-right: 15px;
    position: relative;
}
.budget-content-item .budget-label-box label,
.budget-content-item .budget-servicePrice-label-box label{
    color: #515151;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fafafa;
    cursor: pointer;
    border: 1px solid #b4b4b4;
}

.budget-content-item .budget-servicePrice-label-box label span:first-child{
    min-height: 55px;
    display: block;
}

.budget-content-item .budget-servicePrice-label-box label span:last-child{
    font-size: 12px;
    display: block;
}

.budget-content-item .budget-label-box label {    
    border-radius: 6px;
    height: 70px;
    width: 100%;
    padding: 12px 16px 10px;
    flex: 0 0 206px;
}
.budget-content-item .budget-servicePrice-label-box label {
    border-radius: 6px;
    width: 100%;
    padding: 12px 16px 10px;
}

.budget-content-item .budget-label-box input,
.budget-content-item .budget-servicePrice-label-box input{
    position: absolute;
    left: 0;
    opacity: 0;
}

.budget-content-item .budget-label-box input:checked + label,
.budget-content-item .budget-servicePrice-label-box input:checked + label{
    background: #6384a4;
    border: 1px solid #6384a4;
    color: #fff;
}

.vendorContent-item .budget-label-box span,
.budget-content-item .vendorSolution-item .budget-label-box label span{
    display: block;
    font-family: "Gotham Rounded Book", sans-serif;
    margin-top: 5px;
    font-size: 12px;
}

.budget-content-item .vendorSolution-item .budget-label-box label span{
    margin-top: 10px;
}

.budget-content-item .vendorSolution-item .budget-label-box label{
    height: 100%;
}
.inviteVendor-listing-block {
    padding: 40px;
}
.inviteVendor-adBanner {
    background: url(../images/invite-vendor.jpg) no-repeat center center/cover;
    padding: 30px 0 30px 50px;
    position: relative;
}

.inviteVendor-adBanner:after {
    content: "";
    background: rgba(10, 78, 147, 0.94);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
}
.inviteVendor-adBanner-content{
    position: relative;
    z-index: 9;
}
.inviteVendor-adBanner-content h6{
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

.inviteVendor-adBanner-content span{
    font-size: 15px;
    color: #fff;
    display: block;
}

.inviteVendor-adBanner-content .inviteCoworker-btn{
    padding: 8px 20px;
    background: #3ebbe9;
    color: #fff;
    margin-top: 20px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #3ebbe9;
}
.inviteVendor-adBanner-content .inviteCoworker-btn:hover{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.inviteVendor-listing-item {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
    border-radius: 6px;
    padding: 20px 15px;
    margin-bottom: 30px;
}
.inviteVendor-listing-item .inviteVendor-img a{
	width: 56px;
	display: block;
}

.inviteVendor-listing-item .inviteVendor-img img {
    border-radius: 100px;
    width: 56px;
    display: block;
}

.inviteVendor-title-head .inviteVendor-badges {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.inviteVendor-title-head .inviteVendor-badges img {
    width: 22px;
    margin-right: 10px;
}

.inviteVendor-name-price a{
	text-decoration: none;
}
.inviteVendor-name-price h5 {
    font-weight: 600;
    color: #515151;
    margin-bottom: 8px;
    font-size: 18px;
}
.inviteVendor-name-price span {
    color: #4bcabc;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 6px;
    display: block;
}
.inviteVendor-location span{
    font-size: 14px;
}
.inviteVendor-location span i {
    color: #4bcabc;
    margin-right: 4px;
}
.inviteVendor-listing-item .inviteVendor-title-head {
    margin-left: 18px;
}
.inviteVendor-listing-item .inviteVendor-item-head{
    display: flex;
    align-items: flex-start;
}

/*.inviteVendor-middle-block .inviteVendor-technology-block {
    font-size: 15px;
    margin: 8px 0 10px;
    display: block;
}*/

.inviteVendor-skillTag{
	margin: 15px 0 10px;
}

.shortlisted_vendors_item .inviteVendor-skillTag {
    height: 112px;
}

.inviteVendor-middle-block ul.inviteVendor-skillTags-block{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.inviteVendor-middle-block ul.inviteVendor-skillTags-block li.inviteVendor-item, .inviteVendor-middle-block .inviteVendor-skillTags-loadMore {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 11px;
    margin: 0 5px 8px 0;
    letter-spacing: normal;
    color: #515151;
    border: 2px solid #f0f0f0;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    display: none;    
}

.inviteVendor-middle-block .inviteVendor-skillTags-loadMore{
    display: block;
    cursor: pointer;
}

.shortlisted_vendors_item .inviteVendor-middle-block .inviteVendor-skillTags-loadMore{
    padding: 0;
}

.shortlisted_vendors_item .inviteVendor-middle-block .inviteVendor-skillTags-loadMore a{
    padding: 10px 11px;
    text-decoration: none;
        font-size: 14px;
        display: block;
        color: #515151;
}

.vendor-scheduleMeeting-block{
	text-align: right;
	margin-bottom: 20px;
}

.inviteVendor-bottom-block a{
    display: block;
    width: 100%
}

.inviteVendor-bottom-block a,
.vendor-scheduleMeeting-btn {
    font-size: 15px;
    padding: 9px 12px;
    border: 1px solid #4bcabc;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.inviteVendor-bottom-block a.inviteBidDemo-btn.btn,
.vendor-scheduleMeeting-btn {
    background: #4bcabc;
    color: #fff;
    margin-top: 10px;
}

.meetingschedule-btn a{
    background: #4bcabc;
    color: #fff;
    margin-bottom: 10px;
    vertical-align: right;
}

.inviteVendor-bottom-block a.inviteBidBtn-btn.btn,
.vendor-scheduleMeeting-btn:hover {
    background: transparent;
    color: #4bcabc;
}

.inviteVendor-bottom-block a.inviteBidDemo-btn.btn:hover{
    background: transparent;
    color: #4bcabc;
}

.inviteVendor-bottom-block a.inviteBidBtn-btn.btn:hover {
    background: #4bcabc;
    color: #fff;
}
.inviteVendor-colorBox-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 15px;
}
.inviteVendor-colorBox-block span.colorCube {
    width: 45px;
    height: 45px;
    display: block;
    margin: 0px 6px;
}

.inviteVendor-listing-learnMore-col .listing-learnMore-btn{
    background: transparent;
    color: #4bcabc;
    padding: 9px 30px;
    border: 1px solid #4bcabc;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.inviteVendor-listing-learnMore-col .listing-learnMore-btn:hover{
    background: #4bcabc;
    color: #fff;
}

.schedulerDemo-details-block {
    background: #fafafa;
    border: 1px solid #b4b4b4;
    padding: 25px 34px;
    margin-bottom: 50px;
}

.schedulerDemo-location-block h5,
.onsite-schedulerBox > span,
.schedulerDemo-attendees h5,
.dateTime-link-schedulerBox h5,
.vendorStatus-schedulerBox h5,
.demoStatus-schedulerBox h5 {
    font-size: 16px;
    font-weight: 600;
    color: #515151;
}

.schedulerDemo-attendees span,
.onsite-scheduler-details span,
.dateTime-link-schedulerBox span {
    display: block;
    color: #515151;
    font-size: 15px;
}

.schedulerDemo-attendees span{
    margin-bottom: 5px;
}

.onsite-schedulerBox > span {
    border-bottom: 2px solid #f1f1f1;
    display: block;
    margin-bottom: 6px;
}

.dateTime-link-schedulerBox,
.onsite-schedulerBox,
.vendorStatus-schedulerBox,
.demoStatus-schedulerBox{
    margin-bottom: 30px;
}

.dateTime-link-schedulerBox span a{
    color: #4bcabc;
}

.updateBtn-schedulerBox .scheduler-updateBtn{
    background: #4bcabc;
    color: #fff;
    display: block;
    padding: 7px 12px;
    width: 100%;
    border: 1px solid #4bcabc;
}

.manageCriteria-data-table .table tbody th {
    border-top: 1px solid #f1f1f1;
}

.product-demoRating-data-table .table td, .product-demoRating-data-table .table th {
    text-align: center;
}

.product-demoRating-data-table .table tr td:first-child, .product-demoRating-data-table .table tr:first-child th:first-child {
    text-align: left;
}

.product-demoRating-data-table{
    margin-bottom: 60px;
}

.manageCriteria-data-table .table tr.demoRatingCol-edit-row td {
    border-left: none;
}
.manageCriteria-data-table.product-demoRating-data-table table.table {
    border: none;
}

tr.demoRatingCol-edit-row a.demoRatingCol-editBtn.btn {
    display: block;
    background: #4bcabc;
    color: #fff;
    padding: 8px 12px;
    border: 1px solid #4bcabc;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

tr.demoRatingCol-edit-row a.demoRatingCol-editBtn.btn:hover{
    background: transparent;
    color: #4bcabc; 
}
.product-demoRating-data-table tr input[type="number"] {
    text-align: center;
    background: transparent;
    width: 100%;
    border-color: transparent;
}













.custom-radio .custom-control-label::before{
    position: initial;
}
.custom-radio .custom-control-label::before,
.custom-control-label::after{    
    width: 70px;
    height: 70px;
    margin: auto;
}
.custom-control-label::after{
    left: 0;
    right: 0;
}
form.selectProduct-type-form-wrap .form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
form.selectProduct-type-form-wrap .form-group .custom-control {
    width: 100%;
    text-align: center;
}

form.selectProduct-type-form-wrap .form-group .custom-control-label span{
    display: block;
    font-size: 16px;
    margin-top: 20px;
}
.alreadySch-meeting-block {
    padding: 40px 0;
}
/*.scheduleMeet-item {
    display: flex;
    align-items: flex-start;
    margin-top: 40px;
}

.scheduleMeet-block .scheduleMeet-item:first-child{
    margin:0;
}
.scheduleMeet-right-content {
    margin-left: 40px;
}

.scheduleMeet-dateIcon .calendar-box {
    width: 170px;
    border: 3px solid #E5E6E7;
    border-radius: 30px;
    text-align: center;
    padding: 12px 0;
}

.scheduleMeet-dateIcon .calendar-box .cal__item.month {
    color: #E5E6E7;
    font-size: 28px;
    text-transform: uppercase;
    line-height: initial;
    font-family: "Gotham Rounded Book", sans-serif;
}

.scheduleMeet-dateIcon .calendar-box .cal__item.day {
    font-size: 60px;
    line-height: initial;
}
.scheduleMeet-dateIcon .calendar-box .cal__item.year {
    color: #7C8BA4;
    font-size: 18px;
}
.scheduleMeet-schIcon, span.scheduleMeet-name, span.scheduleMeet-dateTime{
    display: block;
}
span.scheduleMeet-name {
    font-size: 24px;
    margin-bottom: 20px;
    color: #0a4e93;
}
span.scheduleMeet-dateTime {
    font-size: 16px;
    font-family: "Gotham Rounded Book", sans-serif;
}

.scheduleMeet-schIcon {
    margin-bottom: 5px;
}

.scheduleMeet-schIcon span {
    color: #22a48a;
    font-size: 16px;
    text-transform: uppercase;
}

.scheduleMeet-schIcon span:first-child,
.scheduleMeet-location span:first-child{
    margin-right: 10px;
}*/
.schedulerMeeting-item {
    border: 1px solid #eaeaea;
}

button.btn.modifyMeeting-btn,
button.btn.rescheduleMeet-btn{
	border-radius: 4px;
	text-align: center;
	padding: 9px 15px;
    font-family: "Gotham Rounded Book", sans-serif;
    transition: all 0.3s ease-in-out;
}

.scheduleMeet-modifyBtn button{
	width: 200px;
}

button.btn.rescheduleMeet-btn {    
    background-color: #4ec2bd;
    display: inline-block;    
    color: #fff;
}

button.btn.modifyMeeting-btn {
    background: transparent;
    border: 1px solid #4ec2bd;
    display: block;
    color: #4ec2bd;
    margin-bottom: 10px;  
}

button.btn.modifyMeeting-btn:hover{
	background: #4ec2bd;
	color: #fff;
}

.scheduleMeet-block {
    border-top: 1px solid #eaeaea;
}

.scheduleMeet-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
}

.scheduleMeet-left-box span.scheduleMeet-name {
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
}

.scheduleMeet-left-box span.scheduleMeet-dateTime {
    font-family: "Gotham Rounded Book", sans-serif;
}


.projectListing-wrapper {
    height: calc(100% - 70px);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0px 20px rgba(0,0,0,0.1);
    overflow: hidden;
}

.projectListing-table {
    padding: 25px 15px;
}

.projectListing-table td {
    font-family: "Gotham Rounded Book", sans-serif;
}

.table .thead-dark th {
    color: #fff;
    background-color: #47404f;
    border-bottom-color: transparent;
    padding: 10px 18px;
}
/*.table tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}*/
.table-bordered th, .table-bordered td {
    border: 1px dashed #dee2e6;
}

table.table-bordered tbody th, table.table-bordered tbody td {    
    border: 1px dashed #dee2e6;
    border-bottom-width: 0;
    border-left-width: 0;
    border-bottom-color: transparent;
    font-size: 15px;
    padding: 10px 18px;
}

.table-bordered {
    border: 1px solid #dee2e6 !important;
}

.projectListing-table td a{
    color: #0b4f93;
        font-size: 15px;
    text-transform: capitalize;
}









.showpro-proposal-item {
    background: #f5f5f5;
    padding: 20px 30px;
    border-radius: 4px;
}
.showpro-proposal-topBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.showpro-proposal-summary p,
.showpro-proposal-od-box p,
.showpro-proposal-od-attchment p,
.showpro-proposal-od-attchment p a,
.showpro-proposal-milestoneTable > p {
    margin: 0;
    color: #56515b;
    font-size: 14px;
    font-family: "Gotham Rounded Book", sans-serif;
    font-weight: 500;
}

.showpro-proposal-summary p span,
.showpro-proposal-od-box p span,
.showpro-proposal-od-attchment p > span,
.showpro-proposal-milestoneTable > p{
    font-weight: 600;
}

.showpro-proposal-summary p span.showpro-proposal-summary-des,
.showpro-proposal-summary p span.showpro-proposal-summary-des span{
    margin: 0;
    color: #56515b;
    font-size: 14px;
    font-weight: 500;
}

.finalproposal-price span {
    display: block;
    font-size: 20px;
    color: #f26159;
}

.proposalsubmit-date span {
    display: block;
    font-size: 14px;
    color: #0b4f93;
}

a.showpro-proposal-collapse-link {
    font-size: 14px;
}

.showpro-proposal-title {
    font-size: 22px;
    border-bottom: 1px solid #dadada;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.showpro-proposal-title label {
    margin: 0;
    font-weight: 500;
}
.showpro-proposal-title label input {
    margin-left: 8px;
    vertical-align: middle;
}
.finalproposal-price {
    display: flex;
    align-items: center;
}

.finalproposal-price span {
    margin-right: 15px;
}

.showpro-proposal-od-attchment p span.iconBox{
    margin: 0 5px 0 8px;
}

.showpro-proposal-od-attchment p span.iconBox span{
    transform: rotate(135deg);
    background: #0b4f93;
    height: 26px;
    width: 26px;
    border-radius: 100px;
    text-align: center;
    line-height: 26px;
    font-size: 13px;
    color: #fff;
}

.showpro-proposal-od-attchment p {
    display: flex;
    align-items: center;
}

.showpro-proposal-milestoneTable table td {
    font-size: 14px;
}

.showpro-proposal-otherDetails {
    margin-top: 10px;
}

.showpro-proposal-otherDetails .showpro-proposal-od-box,
.showpro-proposal-otherDetails .showpro-proposal-od-attchment {
    margin-bottom: 13px;
}

.showpro-proposal-block{
    padding: 50px 0;
}

.showpro-proposal-viewBids-wrap .nav-tabs {
    border-bottom: none;
}

.showpro-proposal-viewBids-wrap .nav-tabs .nav-item .nav-link {
    border: 2px solid transparent;
    width: 200px;
    text-align: center;
    font-size: 16px;
    color: #333;
    padding-bottom: 14px;
}

.showpro-proposal-viewBids-wrap .nav-tabs .nav-item .nav-link.active{
    border: 2px solid transparent;
    background: transparent;
    border-color: #fff #fff #f26659;
    color: #f26659;
}

.showpro-proposal-viewBids-wrap .nav-tabs .nav-item .nav-link:hover {
    background: transparent;
    color: #f26659;
}

.showpro-proposal-block.showpro-proposal-viewBids-wrap{
    padding-top: 0;
}

.showpro-proposal-viewBids-wrap .showpro-proposal-item{
    margin-bottom: 5px;
}

.showpro-proposal-viewBids-wrap .tab-content {
    padding: 5px 0 0 0;
}

.showpro-head h2 {
    font-size: 24px;
    margin: 0;
}

span.showpro-category {
    font-size: 17px;
    margin: 4px 0 15px;
    display: block;
}

.showpro-price p {
    font-size: 15px;
    font-family: "Gotham Rounded Book", sans-serif;
}

.showpro-price p span {
    font-size: 22px;
    font-family: "Gotham Rounded", sans-serif;
    color: #f26259;
}
.showpro-jobLocation > span {
    font-size: 17px;
    display: block;
}
.showpro-jobLocation span span {
    color: #929292;
    margin-right: 5px;
}

.showpro-jobSkill {
    margin: 0px 0 10px;
}
.showpro-jobSkill span{
    margin: 0 6px 10px 0;
    background-color: rgba(11, 79, 147, 0.24);
    border-radius: 4px;
    color: #0b4f93;
    font-size: 12px;
    display: inline-block;
    padding: 8px 13px;
    line-height: 1;
}

.showpro-jobDescription > span,
.showpro-jobOtherInformation > span {
    font-size: 23px;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.showpro-jobDescription p,
.showpro-jobOtherInformation-content span{
    font-family: "Gotham Rounded Book", sans-serif;
}

.showpro-jobOtherInformation-content p{
    margin:0;
}

.showpro-jobOtherInformation-content {
    display: flex;
    align-items: flex-start;
}

.showpro-jobOtherInformation-content span {
    display: block;
    white-space: nowrap;
    width: 100%;
    font-size: 15px;
    flex: 0 0 220px;
    max-width: 220px;
}

.showpro-jobOtherInformation-content p{
    font-size: 15px;
}

.showpro-jobOtherInformation-content {
    margin-bottom: 20px;
}

.showpro-languagePre > span {
    font-size: 23px;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
    font-family: "Gotham Rounded Book", sans-serif;
    text-transform: capitalize;
}

.showpro-languagePre-selected span {
    display: block;
    margin-top: 8px;
}

.showpro-employerContent-selected p {
    margin: 0;
    font-family: "Gotham Rounded Book", sans-serif;
    color: #6f6f6f;
    font-size: 15px;
}

.showpro-employerContent-selected p > span {
    font-family: "Gotham Rounded", sans-serif;
        font-weight: 600;
}

.showpro-employerContent-selected.showpro-employerContent-oneLine p {
    font-size: 16px;
    color: #000;
}

.showpro-employerContent-selected {
    margin-top: 18px;
}

.showpro-right-wrapper{
    position: sticky;
    top: 0;
} 

.showpro-employerContent-selected span{
    display: block;
}

.showpro-employerContent-selected span:first-child {
    display: block;
    color: #0b4f93;
    font-size: 16px;
    font-weight: 500;
}

.showpro-employerContent-selected span.projectCreated-time-block {
    margin-bottom: 30px;
    font-size: 16px;
}
.showpro-details-wrapper {
    background: #f5f5f5;
    padding: 30px 25px;
    border-radius: 6px;
}
.showpro-details-wrapper .mt-40 {
    margin-top: 40px;
}
.showpro-details-wrapper .mt-60 {
    margin-top: 60px;
}



.product-listing-grid.agencyPro-grid-wrap {
    margin-bottom: 32px;
    border-radius: 4px;
    box-shadow: 0 2px 67px 0 rgba(0, 0, 0, 0.12);
    background-color: rgba(253, 253, 253, 0.98);
    overflow: hidden;
}

.item-img.product-listing-img a {
    height: 180px;
    display: block;
    padding-top: 10px;
    overflow: hidden;
}
.item-img.product-listing-img a img {
    max-height: 160px;
    width: auto;
}
.vendorList-content-box {
    padding: 15px 15px 22px;
}
.vendorList-badge-item .vendorList-badgesIcon {
    height: 24px;
}
.vendorList-badge-item .vendorList-badgesIcon, .vendorList-type-price-box {
    display: flex;
    align-items: center;
}   

.vendorList-content-box h5.vendorList-productName {
    margin: 10px 0 5px;
    white-space: nowrap;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vendorList-type-price-box {
    justify-content: space-between;
}
.vendorList-type-price-box span.vendorList-type {
    color: #0a4f93;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    width: 63%;
    text-overflow: ellipsis;
}
.vendorList-type-price-box span.vendorList-Price {
    color: #e76161;
    font-weight: 400;
    font-size: 15px;
}
.vendorList-badge-item .vendorList-badgesIcon img {
    width: 24px;
    margin-right: 9px;
}
.vendorList-product-list-box span.vendorList-productItems {
    margin: 6px 0 0;
    font-size: 15px;
    display: block;
    width: 65%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.projectListing-table {
    padding: 25px 15px;
}

.projectListing-table td {
    font-family: "Gotham Rounded Book", sans-serif;
}

.table .thead-dark th {
    color: #fff;
    background-color: #47404f;
    border-bottom-color: transparent;
    padding: 10px 18px;
}
/*.table tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}*/
.table-bordered th, .table-bordered td {
    border: 1px dashed #dee2e6;
}

table.table-bordered tbody th, table.table-bordered tbody td {    
    border: 1px dashed #dee2e6;
    border-bottom-width: 0;
    border-left-width: 0;
    border-bottom-color: transparent;
    font-size: 15px;
}

.table-bordered {
    border: 1px solid #dee2e6 !important;
}

.projectListing-table td a{
    color: #0b4f93;
}













.scheduleMeeting-title h5 {
    font-size: 26px;
}
.alreadySch-meeting-block h6 {
    font-size: 19px;
}
.alreadySch-meeting-block p{
    font-family: "Gotham Rounded Book", sans-serif;
    font-size: 16px;
}

.buyerUser-profile-details-wrap {
    border: 1px solid #e6e6e6;
    margin: 30px 25px;
}
.buyerUser-profile-details-wrap h5 {
    padding: 15px 15px;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    margin-bottom: 0;
    background: #3ebbe9;
    color: #fff;
}
.profileDetails-info .infoDiv{
    padding-bottom: 20px;
}
.profileDetails-info .infoDiv:last-child{
    padding-bottom: 0;
}
.profileDetails-info .infoDiv span:first-child {
    width: 124px;
    display: inline-block;
    text-align: right;
    color: #a9a9a9;
    font-weight: 300;
    font-size: 15px;
}

.profileDetails-info .infoDiv span:last-child{
    margin-left: 20px;
    font-size: 15px;
}

.buyerUser-profileDetails,
.buyerUser-contractDetails{
    padding: 30px 15px;
}

.statusBar {
    counter-reset: number;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    margin: 50px 0;
}
.statusBar:after {
    content: "";
    display: block;
    height: 2px;
    width: 560px;
    background: #eee;
    margin: auto;
    top: 30px;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
.statusProgress {
    width: 260px;
    text-align: center;
    z-index: 2;
    position: relative;
}
.statusBar .statusProgress.checked:after {
    content: "";
    display: block;
    height: 2px;
    width: 80%;
    background: #4bcabc;
    top: 30px;
    left: -96px;
    position: absolute;
    z-index: -2;
}
.statusBar .statusProgress.checked:first-child::after{
    display: none;
}
.statusProgress span.circle-count {
    display: block;
    border: 2px solid #eeeeee;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    position: relative;
    background: #fff;
    margin: 0 auto;
}

.statusProgress span.circle-count:after {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.statusProgress.checked span.circle-count:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
}

.statusProgress span.circle-count:before {
    content: "";
    position: absolute;
    left: -6px;
    right: 0;
    bottom: 0;
    top: -6px;
    height: 68px;
    width: 68px;
    background: #ffffff;
    border-radius: 100px;
    z-index: -1;
}

.statusProgress.checked span.circle-count {
    background: #4bcabc;
    border-color: #4bcabc;
    color: #fff;
}

.statusProgress span.status-text {
    display: block;
    font-size: 14px;
    margin-top: 6px;
}
.contractDiv {
    margin-bottom: 35px;
}
.contractDiv:last-child {
    margin-bottom: 0px;
}
.contractDiv span.statusTitle{
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

.documentLink a.doclink i {
    color: #fff;
    background: #4bcabc;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 100px;
    margin-right: 8px;
}

.summaryContent p,
.documentLink a.doclink {
    font-family: "Gotham Rounded Book", sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    color: #000;
}
.showpro-proposal-viewBids-wrap .inviteVendor-bottom-block a[disabled],a[disabled]{
	pointer-events: none;
    background: #f0f0f0 !important;
    color: #929292 !important;
    border-color: #f0f0f0 !important;
}
.vendorProposal-pageTitle h1 {
    margin: 0;
    font-size: 35px;
}

div#meeting_cards{
    padding-top: 20px;
}

div#meeting_cards .scheduleMeet-block{
    border-top: none;
}

.proposalNote-text,.proposalNote-text a{
    font-size: 15px;
}


.contractDiv span.statusTitle.showpro-box-title{
	font-size: 19px;
	font-family: "Gotham Rounded";
}

.showpro-head.proOverview-head-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.showPro-budget-price span.budget-price-div {
    font-size: 24px;
    color: #f26959;
    font-family: "Gotham Rounded";
}

.showPro-cus-box .showpro-jobDescription span.showpro-box-title {
    border: none;
    padding: 0;
}
.showpro-jobContent.showPro-box-content p {
    font-size: 15px;
    margin: 0;
}

.remove-flex{
	display: block;
}

.showPro-cus-box .showPro-box-content{
	width: 100%;
	max-width: 100%;
}

.mt-50{
	margin-top: 50px;
}

.mt-30{
	margin-top: 30px;
}

.showPro-cus-box span.showpro-box-title {
    background: #0b4f93;
    color: #fff;
    margin: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 12px 15px !important;
    border-radius: 6px 6px 0 0;
}

.showPro-cus-box .showPro-box-content {
    border-color: #0b4f93;
    border-radius: 0 0 6px 6px;
}

.slackContact-btn img{
    filter: brightness(0) invert(1);
}

.slackContact-btn img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

.slackContact-btn:hover img{
    filter: initial;
}

.proSer-list-box .pro-ser-items{
    height: 100%;
}
.proSer-list-box .pro-ser-items > input {
    position: absolute;
    left: 0;
    opacity: 0;
}

.proSer-list-box .pro-ser-items label{
    height: 100%;
    padding: 35px 25px;
    background: #ebeced;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    -webkit-transition: background .3s;
    transition: background .3s;
    cursor: pointer;
}

.proSer-list-box .pro-ser-items label h3{
    font-size: 20px;
    margin: 20px 0;
}

.proSer-list-box .pro-ser-items label p{
    line-height: 24px;
    margin: 16px 0;
    font-family: "Gotham Rounded Book";
    font-size: 16px;
}

.proSer-list-box .pro-ser-items input:checked + label,
.proSer-list-box .pro-ser-items label:hover{
    background: #bf1277;
}

.proSer-list-box .pro-ser-items input:checked + label h3,
.proSer-list-box .pro-ser-items input:checked + label p,
.proSer-list-box .pro-ser-items label:hover h3,
.proSer-list-box .pro-ser-items label:hover p{
    color: #fff;
}

.proSer-list-box .pro-ser-items label:hover img,
.proSer-list-box .pro-ser-items input:checked + label img{
    filter: brightness(0) invert(1);
}

.welcome-formBottm-link a {
    font-size: 15px;
    margin-top: 10px;
}

.welcome-formBottm-link a:hover {
    color: #0e4f92;
    text-decoration: underline;
}
.productFlow-sub-btn .btn {
    color: #fff;
    padding: 7px 42px;
    background: #0b4f93;
    border: 1px solid #0b4f93;
}
.productFlow-sub-btn .btn:hover {
    color: #0b4f93;
    background: transparent;
}
.productFlow-question .checkbox-primary span {
    font-size: 15px;
}
.productFlow-question .radio-primary span {
    margin-left: 10px;
}
.productFlow-question span.proFlow-span {
    display: block;
    font-size: 17px;
    margin-bottom: 20px;
}

.productFlow-question .form-control{
    background-color: #fff;
    border: 1px solid #ced4da;
    color: #47404f;
    padding: 0.375rem 0.75rem;
    font-size: 0.813rem;
    border-radius: 0.25rem;
    height: 42px;
    cursor: text;
}

.productFlow-question .chosen-container-multi .chosen-choices{
    height: auto;
}













.questionBar {
    counter-reset: number;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    margin: 50px 0;
}
.questionBar:after {
    content: "";
    display: block;
    height: 2px;
    width: 80%;
    background: #eee;
    margin: auto;
    top: 30px;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
.questionProgress {
    width: 260px;
    text-align: center;
    z-index: 2;
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.questionBar .questionProgress.checked:after {
    content: "";
    display: block;
    height: 2px;
    width: 80%;
    background: #0b4f93;
    top: 30px;
    left: -40%;
    position: absolute;
    z-index: -2;
}
.questionBar .questionProgress.checked:first-child::after{
    display: none;
}
.questionProgress span.question-circle-count {
    display: block;
    border: 2px solid #eeeeee;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    position: relative;
    background: #fff;
    margin: 0 auto;
    color: #8e8e8e;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.questionProgress.current-count span.question-circle-count{
    transform: scale(1.25);
    border: 2px solid #0b4f93;
    color: #0b4f93;
}
.questionProgress span.question-circle-count:after {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.questionProgress.checked span.question-circle-count:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
}

.questionProgress.checked span.question-circle-count {
    background: #0b4f93;
    border-color: #0b4f93;
    color: #fff;
}

.productFlow-question .productFlow-sub-btn .btn.flow-back {
    background: #fff;
    border-color: #ffff;
    color: #929292;
    background: #fff;
    padding: 0;
    transition: all 0.3s ease-in-out;
}

.productFlow-question .productFlow-sub-btn .btn.flow-back i {
    font-size: 13px;
    padding-right: 5px;
}

.productFlow-question .productFlow-sub-btn .btn.flow-back:hover {
    color: #515151;
}
.productFlow-sub-btn {
    display: flex;
    justify-content: space-between;
}

.textWysiwyg-block ul, .textWysiwyg-block ol {
    padding-left: 30px;
    margin: 0 0 20px 0;
    font-family: "Gotham Rounded Book", sans-serif;
}

.textWysiwyg-block ul li {
    list-style: disc;
    font-family: "Gotham Rounded Book", sans-serif;
}

.textWysiwyg-block ul li {
  font-family: "Gotham Rounded Book", sans-serif;
}

/***** Socal Widget *******/
.vs-floatright {
    width: 50px;
    position: fixed;
    right: 0;
    -webkit-transition: .4s ease-in;
    -o-transition: .4s ease-in;
    transition: .4s ease-in;
    opacity: 1;
    z-index: 100;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
}

.vs-floatright .social-widget-box img{
    width: 32px;
}
.vs-floatright .social-widget-box {
    width: 170px;
    height: 50px;
    border-radius: 6px 0 0 6px;
    background-color: #bf1277;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    position: relative;
    right: 0px;
    line-height: 50px;
    margin-bottom: 10px;
}

.vs-floatright .social-widget-box a {
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.vs-floatright .social-widget-box a span {
    display: block;
    font-size: 14px;
    padding-left: 14px;
    color: #fff;
}
.vs-floatright .social-widget-box:hover,
.vs-floatright .expandsocial.social-widget-box{
    right: 120px;
}
.vs-floatright .expandsocial.social-widget-box a span {
    padding-left: 9px;
    font-size: 14px;
    font-family: "Gotham Rounded Book", sans-serif;
}
.vs-floatright .expandsocial.social-widget-box a span span {
    padding: 0;
    white-space: nowrap;
    font-size: 14px;
    font-family: "Gotham Rounded", sans-serif;
}
.agencyCat-item h5.agency-category {
    min-height: 48px;
}

div#dynamic_data {
    margin-top: 40px;
}
.generalInfo-vendorProfile-form {
    padding: 30px 0 0;
}
.createProject-tab-content.tab-content .generalInfo-vendorProfile-form label {
    font-family: "Gotham Rounded";
}
.uploadVendor-images-box{
    position: relative;
}
.uploadVendor-images-box .uploadImg-box-wrap{
    min-height: 250px !important;
    max-height: 250px;
}
button.removeAttch-item {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 40px;
    width: 40px;
    border-radius: 100px;
    font-size: 18px;
}
.vendorProfile-sidebar-tabContent ul.createProject-progressBar-list li{
    padding-bottom: 40px;
}

.vendorProfile-sidebar-tabContent ul.createProject-progressBar-list li:after{
    bottom: 45px;
}

.vendorProfile-sidebar-tabContent ul.createProject-progressBar-list li:before{
    top: 4px;
}

.recommendNote-uploadImg p {
    font-size: 13px;
    margin-bottom: 9px;
}
.recommendNote-uploadImg ol {
    padding-left: 15px;
}

.recommendNote-uploadImg ol li {
    font-size: 13px;
}

.updateProfile-type-block a[disabled].update_type {
    color: #f0f0f0;
    background: #f0f0f0;
}
.updateProfile-type-block a.update_type {
    height: 48px;
    line-height: 48px;
    padding: 0 40px;
    color: #f0f0f0;
    box-shadow: none;
    margin-top: 23px;
    background: #0a4f93;
    border: 1px solid #558f86;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.updateProfile-type-block a.update_type:hover,
.updateProfile-type-block a.update_type:focus {
    background: #f15e59;
    border: 1px solid #f15e59;
}

.varselor-cusModal-box h5{
    text-align: center;
    font-size: 26px;
}

.varselor-cusModal-box .modal-body p {
    color: #999;
    text-align: center;
    font-size: 14px;
    padding: 0 30px;
    margin-bottom: 30px;
    font-family: "Gotham Rounded Book";
}

.varselor-cusModal-box .infoAction-box .btn.info-acitonBtn {
    background: #f0f0f0;
    padding: 9px 22px;
    margin: 0 6px;
}

.varselor-cusModal-box .infoAction-box .btn.info-acitonBtn.btn-ok {
    background: #0a4f93;
    color: #fff;
    border: 1px solid #0a4f93;
}

.varselor-cusModal-box h4.modal-title {
    margin: 0;
}
.modal.varselor-cusModal-box{
    z-index: 9999999;
}

.infoAction-icon-box span {
    color: #ffc648;
    font-size: 67px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.infoAction-box{
    text-align: center;
}

.alert-danger, .alert-success, .alert-warning{
    padding: 12px 15px;
    margin-bottom: 20px;
    display: block;
}
.alert-success {
    background: #e8f9f1;
    border: 1px solid #d4f5d6;
}

.alert-danger{
    background: #fcdadc;
    border: 1px solid #fbcbcd;
}

.alert-warning{
    background: #fff8e4;
    border: 1px solid #fff0c3;
}

.alert-success p,
.alert-warning p,
.alert-danger p {
    font-size: 14px;
    font-family: "Gotham Rounded Book";
    margin: 0;
}

.alert-success p {
    color: #00c306;
}

.alert-danger p{
    color: #fe3941;
}

.alert-warning p{
    color: #ffcf3c;
}

.cke_toolbar_last {
    display: none;
}

.proOver-setField {
    position: relative;
}
.formField-item {
    margin-bottom: 20px;
}

.proOver-description.formField-item {
    width: 100%;
}
.proOver-nameField.formField-item {
    width: 100%;
}
.proOverRemoveBox-block {
    position: absolute;
    top: -6px;
    right: 0;
    z-index: 4;
}

.venPro-proOver-item {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0 20px;
    margin-bottom: 20px;
}

.vendorProfile-sidebar-tabContent .createProject-tabcontent-title h5 {
    padding-left: 0;
}
.venPro-proOver-item{
    position: relative;
}
.venPro-proOver-item.hoverProOver:after {
    position: absolute;
    content: "";
    left: -20px;
    right: -20px;
    bottom: 0;
    top: 0;
    background: rgba(255, 0, 0, 0.06);
    z-index: 2;
}
.threeCol-merge-box {
    display: flex;
    justify-content: space-between;
}
.threeCol-merge-box .threeCol-merge-item {
    width: 20%;
}
.threeCol-merge-box .threeCol-merge-item.proOverCourseTitle-box{
    width: 58%;
}

.proOverRemoveBox-btn.remCF-project {
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    width: 37px;
    white-space: nowrap;
}

.proOverRemoveBox-btn.remCF-project:hover {
    width: 100px;
}

.proOverRemoveBox-btn i{
    vertical-align: middle;
}
.proOverRemoveBox-btn span {
    margin-left: 7px;
    transform: translate(25px, 0px);
    display: inline-block;
    transition: all 0.4s ease-in-out;
    text-transform: capitalize;
    font-size: 14px;
}

.proOverRemoveBox-btn:hover span {
    display: inline-block;
    transform: translate(0,0);
}

.headtitle-skip-block {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
}

.createProject-tabcontent-title.headtitle-skip-block h5{
    border: none;
}

.headtitle-skip-block button.procurement-backBtn.btn {
    color: #0e4f92;
}

.headtitle-skip-block button.procurement-backBtn.btn:hover {
    color: #f15f59;
}

.vendorprofile-main-content-box{
    height: initial;
}





/**** User Timesheet css Start****/

.userLeftSide-cls {
    display: flex;
    align-items: center;
}
.imgUserBlock-cls img {
    max-width: 63px;
}
.userNameBlock-cls{
    margin-left:12px;
}
.userNameBlock-cls h6{
    font-size: 20px;
    margin: 0 0 3px 0;
    
}
.userNameBlock-cls a{
text-decoration: none;
}
.userNameBlock-cls span {
    font-size: 14px;
    color: #515151;
    font-family: "Gotham Rounded Book", sans-serif;
}

.userRightSide-cls{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.userRightSide-cls a.userAction-link {
    display: block;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(14, 79, 146, 0.1);
    padding: 10px 15px;
    min-width: 110px;
    text-align: center;
    color: #0e4f92;
    text-decoration: none;
    margin-left: 15px;
}

.userTimesheet-tab {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 30px;
}
.userTimesheet-tab ul li:first-child a{
    margin-left: 0;
}
.userTimesheet-tab ul li a {
    display: block;
    text-transform: capitalize;
    font-size: 16px;
    margin: 0 24px;
    line-height: 26px;
    position: relative;
    padding: 15px 15px;
    text-decoration: none;
    color: #999;
}
.userTimesheet-tab ul li a.active {
    color: #bf1277;
}
.userTimesheet-tab ul li a::before {
    content: "";
    width: 0;
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    bottom: 0;
    height: 2px;
    background: #bf1277;
    position: absolute;
}
.userTimesheet-tab ul li a.active::before, .userTimesheet-tab ul li a:hover::before {
    width: 100%;
}

.userTimeStatus-cards {
    padding: 30px 0;
}

.userTimeStatus-item {
    display: flex;
    padding: 15px 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
    border-radius: 5px;
}

.userTimeStatus-icon {
    height: 55px;
    width: 55px;
    background: rgba(14, 79, 146, 0.08);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userTimeStatus-icon img {
    max-width: 30px;
}

.userTimeSheet-card-content {
    margin-left: 10px;
}

.userTimeSheet-card-content p.userTimecard-title {
    font-size: 15px;
    margin: 0;
}

.userTimeSheet-card-content p.userStatus-hour {
    font-size: 30px;
    margin: 2px 0 0 0;
    color: #0e4f92;
}

.userTimeSheet-card-content p.userStatus-hour span {
    font-size: 19px;
    font-family: "Gotham Rounded Book", sans-serif;
}

.userTimeSheet-card-content p.userTimecard-subTitle {
    color: #999;
    margin: 0;
    font-size: 11px;
    font-family: "Gotham Rounded Book", sans-serif;
}

.userTimeSheet-payment-title-date{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.userTimeSheet-payment-title-date h5{
    font-size: 20px;
    margin:0;
}

.userTimeSheet-payment-title-date .dd-cls{
    display: flex;
    align-items: center;
}

.userTimeSheet-payment-title-date .dd-cls span.ddText-span{ 
    font-size: 16px;
    margin-right: 10px;
}

.userTimeSheet-payment-title-date .dd-cls span.calendar-icon{
    height: 30px;
    width: 30px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
    color: #0e4f92;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
}   

.userTimeSheet-payment-table-wrapper table thead th {
    font-size: 15px;
}

.userTimeSheet-payment-table-wrapper table p{
    margin: 0;
    font-family: "Gotham Rounded Book";
    font-size: 15px;
}

.userTimeSheet-payment-table-wrapper table tbody tr td{
    font-size: 15px;
    font-family: "Gotham Rounded Book", sans-serif;
}

.userTimeSheet-graph-wrapper {
    padding: 50px 0;
    border: solid #f5f5f5;
    border-width: 1px 0 1px 0;
    margin: 20px 0 40px;
}

.userTimeSheet-graph {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userTimeSheet-graph .dateHours-item {
    flex-basis: 14.28%;
    text-align: center;
    position: relative;
}

.userTimeSheet-graph .dateHours-item .dateItem-text {
    padding: 20px 0 10px;
}

.userTimeSheet-graph .dateHours-item .dateItem-text span {
    display: block;
}

.userTimeSheet-graph .dateHours-item .hourItem-text {
    background: #f3f3f3;
    padding: 16px 0;
    border: solid #e4e4e4;
    border-width: 1px 0 1px 0;
    font-family: "Gotham Rounded Book", sans-serif;
    font-size: 14px;
    min-height: 55px;
}

.userTimeSheet-graph .dateHours-item:first-child .hourItem-text {
    border-left-width: 1px;
}

.userTimeSheet-graph .dateHours-item:last-child .hourItem-text {
    border-right-width: 1px;
}

.userTimeSheet-graph .dateHours-item.completeHour .hourItem-text {
    background: rgba(14, 79, 146, 0.23);
    cursor: pointer;
}

.userTimeSheet-graph .dateHours-item.lastDay-hour .hourItem-text {
    border-right: 2px solid #0e4f92;
}

.hours-calculation-item p.calculation-title {
    font-size: 15px;
    margin: 0;
    text-align: center;
}

.hours-calculation-item span {
    font-size: 24px;
    text-align: center;
    display: block;
    padding-top: 10px;
}

.hours-calculation-center-div {
    width: 890px;
    margin: auto;
    display: block;
    padding-top: 30px;
}

.hour-cal-ratebox span {
    color: #bf1277;
}
/**** User Timesheet css end ****/
.varselorCus-modal-icon {
    background: rgba(191, 18, 119, 0.08);
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.varselor-cusModal-box .modal-body p.subText-modal-cus {
    margin-top: 14px;
    color: #131313;
}
.subText-modal-cus{
    text-align: center;
    font-size: 15px;
}
.varselorCus-modal-icon img {
    max-width: 60px;
}
.iconWith-input {
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconWith-input span {
    height: 38px;
    line-height: 38px;
    padding: 0 9px;
    background: rgba(10, 79, 147, 0.21);
    border-radius: .25rem 0 0 .25rem;
    color: #0a4f93;
}
.iconWith-input input {
    border-radius: 0 .25rem .25rem 0;
}
.iconWith-input.twoIcon-input span.lastSpan {
    border-radius: 0 .25rem .25rem 0;
    white-space: nowrap;
}
.iconWith-input.twoIcon-input input {
    border-radius: 0;
}









/***** Payment Option********/
.form-group.saveCard-fromGroup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    background: #fff;
}
label.saveCard-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    flex: 1;
    padding-left: 13px;
    cursor: pointer;
}
label.saveCard-label .cardImg-name {
    display: flex;
    align-items: center;
}
label.saveCard-label .cardImg-name img {
    max-width: 45px;
}
label.saveCard-label .cardImg-name span {
    margin-left: 8px;
}
.saveCardNum-expBox span {
    display: block;
    text-align: right;
}
.saveCardNum-expBox span.saveCardNum {
    font-size: 20px;
}

.saveCardNum-expBox span.saveCard-exp {
    font-size: 14px;
    margin-top: 5px;
}

.saveCard-bottom-area button.varselor-presaved {
    text-align: center;
    width: 200px;
    padding: 10px 12px;
    background: #f26859;
    color: #fff;
    border: 1px solid #f26159;
    margin: 30px auto 0;
    display: block;
    transition: all 0.3s ease-in-out;
}
.saveCard-bottom-area button.varselor-presaved:hover {
    background: transparent;
    color: #f26159;
}
.saveCard-bottom-area a.btn.pay-other,
.pay-saved {
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #fff;
}

.paymentSummary-body .paymentSummary-item, .paymentSummary-head, .paymentSummary-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.paymentSummary-body .paymentSummary-item span {
    font-size: 16px;
}

.paymentSummary-head span {
    font-weight: 600;
}

.paymentSummary-card, .stripePayment-card{
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
    padding: 20px 30px;
    position: relative;
}

.paymentSummary-total {
    border-top: 1px solid #e8e8e8;
    padding-top: 14px;
    margin-bottom: 0;
    align-items: flex-start;
}
.paymentSummary-total small {
    display: block;
    margin: 0;
    line-height: 9px;
}
.paymentSummary-total span.rightItem-total {
    font-size: 17px;
    font-weight: 600;
    color: #bf1277;
}

h2.paymentSummary-card-title,
.stripePayment-card h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 14px;
    margin: 0;
    display: block;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
}
.stripePayment-card h2{
    font-size: 18px;
}
.stripePayment-card .stripePayment-card-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.stripePayment-card {
    margin-top: 20px;
}
.fundFirstWeek-box{
    min-height: 488px;
}
.stripePayment-card .stripePayment-card-inner img {
    max-width: 50px;
    margin-right: 4px;
}
.stripePayment-card .stripePayment-card-inner img:last-child {
    margin-right: 0;
}
.hover_detail {
    background: #0b4f93;
    position: absolute;
    left: 0;
    min-width: 300px;
    padding: 15px;
    z-index: 9;
    border-radius: 6px;
    top: 147px;
    display: none;
}

.hover_detail-time {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}

.hover_detail-time span {
    color: #fff;
    font-size: 13px;
}

.hover_detail p {
    color: #fff;
    font-size: 13px;
    text-align: left;
    margin-bottom: 0;
    font-family: "Gotham Rounded Book";
}

.hover_detail p span{
    font-family: "Gotham Rounded";
}

.hover_detail.notes-show{
    display: block;
}

.hover_detail:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #0b4f93;
    top: -12px;
    left: 11px;
}


.milestone-status-wrapper {
    /*padding: 50px 0;*/
    padding: 50px 0 0;
    border: solid #f5f5f5;
    /*border-width: 1px 0 1px 0;*/
    border-width: 1px 0 0px 0;
    margin: 20px 0 0;
    /*margin: 20px 0 40px;*/
}

.milestone-status-wrapper .milestone-status-title{
    margin-bottom: 20px;
}

.milestone-status-title h5{
    font-size: 20px;
    margin: 0;
}
.milestoneCard-item .card-header{
    padding: 0;
    border-bottom: none;
    border-radius: 0;
}

.milestoneCard-item .card-header button{
    padding: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FBFBFB;
    color: #000000;
    border-radius: 0;
    text-decoration: none;
}

.milestoneCard-item .card-header button:not(.collapsed) span.accordionIcon{
    color: #F26759;
}

.milestoneCard-item .card-header button span{
    color: #0B4F93;
}

.milestoneCard-item .card {
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    padding: 0 !important;
    display: block !important;
    height: initial !important;
    visibility: visible !important;
    border-radius: 0;
}
.milestoneCard-body {
    padding: 0px 30px 35px 30px;
}
.milestone-detail-block {
    display: flex;
    align-items: center;
    padding-top: 25px;
}

.milestone-detail-block.milestoneDes{
    display: block;
}

.milestone-detail-block span:first-child {
    flex: 0 200px;
    font-weight: 500;
}

.milestone-detail-block span:last-child {
    font-family: "Gotham Rounded Book", sans-serif;
}

.milestone-detail-block.milestoneDes span {
    margin-bottom: 6px;
    display: block;
}

.milestone-detail-block.milestoneDes p {
    display: block;
    margin: 0;
    font-size: 15px;
    font-family: "Gotham Rounded Book", sans-serif;
}
span.milestone-circle {
    height: 16px;
    width: 16px;
    display: inline-block;
    background: #F26759;
    border-radius: 100px;
    vertical-align: text-bottom;
    line-height: 14px;
    text-align: center;
    margin-right: 8px;
}

span.milestone-circle.milestone-check{
    border-radius: 100px;
    vertical-align: text-bottom;
    background: #00B400;
}
.milestoneCard-item .card-header button span {
    vertical-align: text-top;
}

span.milestone-circle.milestone-check:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-size: 10px;
    color: #fff;
}

span.milestone-according-title,
.milestone-detail-block span,
.milestone-detail-block p{
    color: #000 !important;
    font-weight: initial;
}

.milestoneCard-item.ui-accordion .ui-accordion-header {
    background: #fff;
}

.ui-accordion .ui-accordion-header::before{
    display: none;
}
.milestone-bottom-area {
    margin-top: 20px;
}
.milestone-bottom-area a.btn {
    background: #0b4f93;
    color: #fff;
    font-family: 'Gotham Rounded Book';
    font-size: 14px;
    padding: 9px 20px;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.milestone-bottom-area a.btn:hover{
    background: #f26759;
}

.contractStatus-change-modal-wrap .contractStatus-modal-body p {
    font-family: "Gotham Rounded Book", sans-serif;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
}

.contractStatus-action-footer button.btn.btn-default {
    margin: 0 6px;
    background: #efefef;
    padding: 12px 22px;
    height: initial;
    line-height: initial;
}

.contractStatus-action-footer{
    text-align: center;
    margin-top: 20px;
}

.contractStatus-action-footer button.btn.btn-primary{
    background: #0b4f93;
    border: 1px solid #0b4f93;
    text-transform: capitalize;
    color: #fff;
    padding: 12px 22px;
    height: initial;
    line-height: initial;
}

.contractStatus-action-footer button.btn.btn-primary:hover {
    box-shadow: 0 8px 25px -8px rgba(11, 79, 147, 0.33);
    background: #f15958;
    color: #fff;
    border: 1px solid #f15958;
}

.contractStatus-change-modal-wrap .contractStatus-modal-body h4 {
    margin: 20px 0;
}

.tabletitle-box h6{
  font-size: 20px;
  margin-bottom: 10px;
}

.priceHour-detItem > span {
    font-size: 16px;
    display: block;
    text-align: center;
}

.priceHour-detItem .edit_contract_content p {
    margin: 0;
    text-align: center;
    font-size: 24px;
    margin-top: 9px;
    color: #0a4f93;
}

.priceHour-detItem {
    margin: 10px 0 40px;
}

.inviteVendor-name-price a {
    display: flex;
    justify-content: space-between;
}

.successMedal-box i {
    font-size: 24px;
}

.inviteVendor-listing-item.grayOut-box .inviteVendor-img img{
    filter: grayscale(1);
}
.grayOut-box .inviteVendor-name-price h5,
.grayOut-box .inviteVendor-name-price span,
.grayOut-box .inviteVendor-middle-block ul.inviteVendor-skillTags-block li.inviteVendor-item,
.grayOut-box .inviteVendor-middle-block .inviteVendor-skillTags-loadMore,
.grayOut-box .inviteVendor-location span i,
.grayOut-box .inviteVendor-location span,
.shortlisted_vendors_item.grayOut-box  .inviteVendor-middle-block .inviteVendor-skillTags-loadMore a {
    color: #9c9c9c;
}

.grayOut-box .inviteVendor-bottom-block a{
    background: #f0f0f0 !important;
    color: #929292 !important;
    border-color: #f0f0f0 !important;
}


.buyService-payment-view h4.buyService-payment-title,
.buyService-milestone-view > h4 {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.buyService-payInfo-head {
    margin-bottom: 15px;
}

.buyService-payInfo-head .payInfo-tr, .buyService-payInfo-body .payInfo-tr, .buyService-payInfo-footer .payInfo-tr,
.buyService-milestone-item .buyService-milescontent-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buyService-payInfo-body .payInfo-tr,
.buyService-milestone-item .buyService-milescontent-block {
    padding: 9px 0;
}

.buyService-payInfo-body .payInfo-tr span.payInfo-td,
.buyService-milestone-item .buyService-milescontent-block span {
    font-family: "Gotham Rounded Book", sans-serif;
}

.buyService-payInfo-body .payInfo-tr.discount-payInfo-tr span.payInfo-td:last-child {
    color: #f15e59;
}

.buyService-payInfo-footer {
    border-top: 1px solid #ccc;
    margin-top: 15px;
}

.buyService-payInfo-footer .payInfo-tr span.payInfo-td {
    padding: 15px 0;
}
.buyService-milestone-view {
    margin-top: 50px;
}
.buyService-milestone-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cecece;
}
.buyService-milestone-item .buyService-milescontent-pay-block {
    text-align: right;
}

/*.buyService-milestone-item .buyService-milescontent-pay-block button.milescontent-payBtn {
    border-radius: 6px;
    background: #0a4f93;
    border: 1px solid #0a4f93;
    color: #fff;
    font-size: 15px;
    padding: 8px 12px;
    margin-top: 12px;
    transition: all 0.3s ease-in-out;
}

.buyService-milestone-item .buyService-milescontent-pay-block button.milescontent-payBtn:hover{
    background: #f68465;
    border: 1px solid #f68465;
}*/
.buyService-milescontent-pay-block button.milescontent-payBtn {
    border-radius: 6px;
    background: #0a4f93;
    border: 1px solid #0a4f93;
    color: #fff;
    font-size: 15px;
    padding: 8px 12px;
    margin-top: 12px;
    transition: all 0.3s ease-in-out;
}

.buyService-milescontent-pay-block button.milescontent-payBtn:hover{
    background: #f68465;
    border: 1px solid #f68465;
}

.pagination_vendor{
    display:flex;
    justify-content: flex-end;
}
.pagination_vendor li{list-style-type:none!important;}
.pagination_vendor li{list-style-type:none!important;}
.pagination_vendor li{list-style-type:none!important;}
.pagination_vendor li.page-item.active .page-link {
    background-color: #0b4f93!important;
    border-color: #0b4f93!important;
    color:#fff!important;
}
.pagination_vendor li.page-item a.page-link {
    color:#000000!important;
}
.pagination_vendor li.page-item a.page-link {
    color:#000000!important;
}
.pagination_vendor li.page-item a.page-link:hover {
    color:#fff!important;
    background-color: #0b4f93!important;
    border-color: #0b4f93!important;
}