@charset "UTF-8";
/* 
// Unity Hub - Style Sheet
// version: 1.0
*/

.home .entry-header,
.page-dashboard .entry-header {
    display: none;
}

.search-box {
    float: right;
    display: inline-block;
    vertical-align: top;
}

/* Grid system */
.platform-grid {
    margin: 0px -10px 0;
}

.grid-box {
    display: inline-block;
    /*width: calc(50% - 100px);*/
    width: calc(25% - 40px);
    /*width: 200px;*/
    margin: 0 10px 20px;
    /*background: #fff;
    color: #1f1f1f;*/
    background: #888;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 10px;
    /*text-align: center;*/
    text-align: left;
    /*min-height: 200px;*/
    border-radius: 5px;
    vertical-align: top;
    overflow: hidden;
    /*box-shadow: 0 0 3px -1px #1f1f1f !important;*/
    box-shadow: none !important;
}

.grid-box.big {
    /*width: calc(33.3333% - 40px);*/
}

.grid-box:hover {
    /*box-shadow: 0 0 0px 3px #fff !important;*/
    box-shadow: 0 0 3px 0px #888 !important;
    color: #fff !important;
}

.paltform-grid .head {
    font-size: 16px;
    line-height: 16px;
    background: #fff;
    display: block;
    margin: -20px -20px 20px;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    color: #1f1f1f;
    display: none;
}

.grid-box .tag {
    /*padding: 15px;
    font-size: 24px;
    line-height: 24px;*/
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 5px;
    /*background: #eee;*/
    margin: 0px 0 0 0;
    display: inline-block;
}

.grid-box:hover .tag {
}

.grid-box i {
    display: block;
    font-size: 90px;
    line-height: 90px;
    margin: 0 0 40px;
    text-align: right;
}

.grid-box .icon img {
    display: block;
    height: 90px;
    margin: 0 0 40px auto;
    filter: brightness(100);
    opacity: 0.5;
}

.small .grid-box {
    padding: 10px 10px;
    width: calc(20% - 40px);
}

.small .grid-box .tag {
    font-size: 16px;
}

.small .grid-box i {
    font-size: 40px;
    line-height: 40px;
    margin: 0 auto 10px;
}

.small .grid-box .icon img {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
}

.onboad-banner.message {
    width: calc(100% - 20px);
    margin: 0 0px 20px;
}

.card.message {
    text-align: left;
    padding: 20px;
    width: calc(100% - 40px);
    color: #fff !important;
    /*background: #f9f9f9 !important;
    background: transparent !important;*/
    box-shadow: none !important;
    margin: 0 0px 20px;
    font-size: 20px;
    line-height: 24px;
}

.card.message.projects {
    background: linear-gradient(132deg, rgba(34, 34, 34, 1) 0%, rgba(71, 92, 157, 1) 85%) !important;
}

.card.message.estimates {
    background: linear-gradient(132deg, rgba(34, 34, 34, 1) 0%, rgba(97, 58, 141, 1) 85%) !important;
}

.card.message b {
    line-height: 26px;
    margin: 5px 0 0 0;
    display: block;
}

.card.message h3 {
    font-size: 40px;
    line-height: 45px;
    color: #fff;
}

.card.message div {
    text-align: right;
    display: block;
}

.card.message small {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    text-align: left;
    float: left;
    padding: 8px 0 0 0;
}

.grid-video {
    padding: 10px;
    width: calc(33.333% - 40px);
}

.grid-video iframe {
    width: 100%;
}

.page-projects .platform-grid .grid-box {
    background: #475c9d;
    color: #fff;
}

.page-estimates .platform-grid .grid-box {
    background: #613a8d;
    color: #fff;
}

.page-reports .platform-grid .grid-box {
    background: #55a5a6;
    color: #fff;
}

.page-education .platform-grid .grid-box {
    background: #8ba0b3;
    color: #fff;
}

.page-pro-services .grid-box {
    background: #97af7f;
    color: #fff;
}

.page-plant .grid-box {
    background: #a584af;
    color: #fff;
}

.page-settings .grid-box {
    background: #68ab78;
    color: #fff;
}

.page-land-development .grid-box {
    background: #a860aa;
    color: #fff;
}

.page-tutorials .grid-box {
    background: #8477ad;
    color: #fff;
}

.platform-grid .grid-box i,
.page-projects .platform-grid .grid-box i,
.page-estimates .platform-grid .grid-box i {
    color: #fff;
    opacity: 0.5;
}

/*
.dash-grid .grid-box i.fa-sterling-sign {
	color: #24bf5a; 
}
.dash-grid .grid-box i.fa-trowel-bricks {
	color: #720000;
}
.dash-grid .grid-box i.fa-face-smile {
	color: #94df67;
}
.dash-grid .grid-box i.fa-house-circle-check {
	color: #cf8926;
}
.dash-grid .grid-box i.fa-play {
	color: #d83838;
}
.dash-grid .grid-box i.fa-graduation-cap {
	color: #4e4e4e;
}
.dash-grid .grid-box i.fa-person-digging {
	color: #dd83e3;
}
.dash-grid .grid-box i.fa-list-check {
	color: #4e81ee; 
}
.dash-grid .grid-box i.fa-comments {
	color: #5da1e6;
}
.dash-grid .grid-box i.fa-helmet-safety {
	color: #f6c22e; 
}
.dash-grid .grid-box i.fa-cog {
	color: #a4a4a4;
}
.dash-grid .grid-box i.fa-chart-pie {
	color: #7dcddb;
}

.dash-grid .grid-box i.fa-house-circle-exclamation {
	color: #caaf89;
}

.dash-grid .grid-box i.fa-compass-drafting,
.dash-grid .grid-box i.fa-user-tie {
	color: #b4a8c7;
}

.dash-grid .grid-box i.fa-expand {
	color: #89caa5;
}
*/

.dash-grid .grid-box {
    box-shadow: none !important;
}

.dash-grid .grid-box .tag {
    color: #fff;
}

.dash-grid .grid-box i {
    color: #fff;
    opacity: 0.5;
}

.grid-box:hover i {
    /*color: #1f41af;*/
}

.platform-grid .card-estimates {
    background: #613a8d;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #613a8d 100%);*/
}

.platform-grid .card-projects {
    background: #475c9d;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #475c9d 100%);*/
}

.platform-grid .card-reports {
    background: #55a5a6;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #55a5a6 100%);*/
}

.platform-grid .card-settings {
    background: #68ab78;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #68ab78 100%);*/
}

.platform-grid .card-pro-services {
    background: #97af7f;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #97af7f 100%);*/
}

.platform-grid .card-building-control {
    background: #b3ac92;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #b3ac92 100%);*/
}

.platform-grid .card-party-wall {
    background: #966940;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #966940 100%);*/
}

.platform-grid .card-hse {
    background: #a34f66;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #a34f66 100%);*/
}

.platform-grid .card-land {
    background: #a860aa;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #a860aa 100%);*/
}

.platform-grid .card-tutorials {
    background: #8477ad;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #8477ad 100%);*/
}

.platform-grid .card-learn-trade {
    background: #8ba0b3;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #8ba0b3 100%);*/
}

.platform-grid .card-feedback {
    background: #54943e;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #54943e 100%);*/
}

.platform-grid .card-mental-health {
    background: #a19c4b;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #a19c4b 100%);*/
}

.platform-grid .card-find-trader {
    background: #a86b59;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #a86b59 100%);*/
}

.platform-grid .card-jobs {
    background: #ac6f8e;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #ac6f8e 100%);*/
}

.platform-grid .card-plant {
    background: #a584af;
    /*background: linear-gradient(132deg, rgba(34,34,34,1) 0%, #a584af 100%);*/
}

.splash {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    color: #fff;
    background: #272527;
    text-align: center;
    z-index: 9999;
}

.splash.hide,
.splash-login.hide {
    display: none;
}

.splash video {
    max-width: 80%;
    max-height: 80vh;
    width: auto;
    height: auto;
    margin: 0px;
}

.splash-login {
    width: 100vw;
    height: 100vh;
    margin: 0px;
    padding: 0px;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    /*background: rgba(0,0,0,0.85);*/
    background: url("/wp-content/uploads/2024/01/logo-repeat-background-bw.jpg") 50% 50% repeat #1f1f1f;
    background-size: 400px auto;
    z-index: 9998;
    text-align: center;
}

.splash-login .uwp-login-off {
    margin: calc(50vh - 117px) 0 0 0;
    width: auto;
}

.splash-login .uwp-login-off input {
    text-align: center;
}

.close {
    position: fixed;
    right: 2%;
    top: 2%;
    color: #888;
    font-size: 12px;
}

.close:hover {
    color: #93c4fe;
}

/* UsersWP */
.uwp_account_menu #uwp-account-logout {
    display: none;
}

.uwp-account-off .uwp-account-form {
    display: inline-block;
    vertical-align: top;
    margin: 0 0px 20px 0;
    box-shadow: inset 0 0 0px 1px #ddd;
    border-radius: 5px;
    padding: 20px;
    background: #fff;
    width: calc(100% - 40px);
}

.uwp_page .uwp-login-form input[type="text"],
.uwp_page .uwp-login-form textarea,
.uwp_page .uwp-login-form input[type="password"],
.uwp_page .uwp-login-form input[type="number"],
.uwp_page .uwp-login-form input[type="button"],
.uwp_page .uwp-login-form input[type="phone"],
.uwp_page .uwp-login-form input[type="tel"],
.uwp_page .uwp-login-form input[type="time"],
.uwp_page .uwp-login-form input[type="submit"],
.uwp_page .uwp-login-form input[type="url"],
.uwp_page .uwp-login-form input[type="email"],
.uwp_page .uwp-login-form input[type="file"],
.uwp_page .uwp-login-form select,
.uwp_page .uwp-registration-form input[type="text"],
.uwp_page .uwp-registration-form textarea,
.uwp_page .uwp-registration-form input[type="password"],
.uwp_page .uwp-registration-form input[type="number"],
.uwp_page .uwp-registration-form input[type="button"],
.uwp_page .uwp-registration-form input[type="phone"],
.uwp_page .uwp-registration-form input[type="tel"],
.uwp_page .uwp-registration-form input[type="time"],
.uwp_page .uwp-registration-form input[type="submit"],
.uwp_page .uwp-registration-form input[type="url"],
.uwp_page .uwp-registration-form input[type="email"],
.uwp_page .uwp-registration-form input[type="file"],
.uwp_page .uwp-registration-form select,
.uwp_page .uwp-forgot-form input[type="text"],
.uwp_page .uwp-forgot-form textarea,
.uwp_page .uwp-forgot-form input[type="password"],
.uwp_page .uwp-forgot-form input[type="number"],
.uwp_page .uwp-forgot-form input[type="button"],
.uwp_page .uwp-forgot-form input[type="phone"],
.uwp_page .uwp-forgot-form input[type="tel"],
.uwp_page .uwp-forgot-form input[type="time"],
.uwp_page .uwp-forgot-form input[type="submit"],
.uwp_page .uwp-forgot-form input[type="url"],
.uwp_page .uwp-forgot-form input[type="email"],
.uwp_page .uwp-forgot-form input[type="file"],
.uwp_page .uwp-forgot-form select,
.uwp_page .uwp-change-form input[type="text"],
.uwp_page .uwp-change-form textarea,
.uwp_page .uwp-change-form input[type="password"],
.uwp_page .uwp-change-form input[type="number"],
.uwp_page .uwp-change-form input[type="button"],
.uwp_page .uwp-change-form input[type="phone"],
.uwp_page .uwp-change-form input[type="tel"],
.uwp_page .uwp-change-form input[type="time"],
.uwp_page .uwp-change-form input[type="submit"],
.uwp_page .uwp-change-form input[type="url"],
.uwp_page .uwp-change-form input[type="email"],
.uwp_page .uwp-change-form input[type="file"],
.uwp_page .uwp-change-form select,
.uwp_page .uwp-account-form input[type="text"],
.uwp_page .uwp-account-form textarea,
.uwp_page .uwp-account-form input[type="password"],
.uwp_page .uwp-account-form input[type="number"],
.uwp_page .uwp-account-form input[type="button"],
.uwp_page .uwp-account-form input[type="phone"],
.uwp_page .uwp-account-form input[type="tel"],
.uwp_page .uwp-account-form input[type="time"],
.uwp_page .uwp-account-form input[type="submit"],
.uwp_page .uwp-account-form input[type="url"],
.uwp_page .uwp-account-form input[type="email"],
.uwp_page .uwp-account-form input[type="file"],
.uwp_page .uwp-account-form select,
.uwp_widgets .uwp-login-form input[type="text"],
.uwp_widgets .uwp-login-form textarea,
.uwp_widgets .uwp-login-form input[type="password"],
.uwp_widgets .uwp-login-form input[type="number"],
.uwp_widgets .uwp-login-form input[type="button"],
.uwp_widgets .uwp-login-form input[type="phone"],
.uwp_widgets .uwp-login-form input[type="tel"],
.uwp_widgets .uwp-login-form input[type="time"],
.uwp_widgets .uwp-login-form input[type="submit"],
.uwp_widgets .uwp-login-form input[type="url"],
.uwp_widgets .uwp-login-form input[type="email"],
.uwp_widgets .uwp-login-form input[type="file"],
.uwp_widgets .uwp-login-form select,
.uwp_widgets .uwp-registration-form input[type="text"],
.uwp_widgets .uwp-registration-form textarea,
.uwp_widgets .uwp-registration-form input[type="password"],
.uwp_widgets .uwp-registration-form input[type="number"],
.uwp_widgets .uwp-registration-form input[type="button"],
.uwp_widgets .uwp-registration-form input[type="phone"],
.uwp_widgets .uwp-registration-form input[type="tel"],
.uwp_widgets .uwp-registration-form input[type="time"],
.uwp_widgets .uwp-registration-form input[type="submit"],
.uwp_widgets .uwp-registration-form input[type="url"],
.uwp_widgets .uwp-registration-form input[type="email"],
.uwp_widgets .uwp-registration-form input[type="file"],
.uwp_widgets .uwp-registration-form select,
.uwp_widgets .uwp-forgot-form input[type="text"],
.uwp_widgets .uwp-forgot-form textarea,
.uwp_widgets .uwp-forgot-form input[type="password"],
.uwp_widgets .uwp-forgot-form input[type="number"],
.uwp_widgets .uwp-forgot-form input[type="button"],
.uwp_widgets .uwp-forgot-form input[type="phone"],
.uwp_widgets .uwp-forgot-form input[type="tel"],
.uwp_widgets .uwp-forgot-form input[type="time"],
.uwp_widgets .uwp-forgot-form input[type="submit"],
.uwp_widgets .uwp-forgot-form input[type="url"],
.uwp_widgets .uwp-forgot-form input[type="email"],
.uwp_widgets .uwp-forgot-form input[type="file"],
.uwp_widgets .uwp-forgot-form select,
.uwp_widgets .uwp-change-form input[type="text"],
.uwp_widgets .uwp-change-form textarea,
.uwp_widgets .uwp-change-form input[type="password"],
.uwp_widgets .uwp-change-form input[type="number"],
.uwp_widgets .uwp-change-form input[type="button"],
.uwp_widgets .uwp-change-form input[type="phone"],
.uwp_widgets .uwp-change-form input[type="tel"],
.uwp_widgets .uwp-change-form input[type="time"],
.uwp_widgets .uwp-change-form input[type="submit"],
.uwp_widgets .uwp-change-form input[type="url"],
.uwp_widgets .uwp-change-form input[type="email"],
.uwp_widgets .uwp-change-form input[type="file"],
.uwp_widgets .uwp-change-form select,
.uwp_widgets .uwp-account-form input[type="text"],
.uwp_widgets .uwp-account-form textarea,
.uwp_widgets .uwp-account-form input[type="password"],
.uwp_widgets .uwp-account-form input[type="number"],
.uwp_widgets .uwp-account-form input[type="button"],
.uwp_widgets .uwp-account-form input[type="phone"],
.uwp_widgets .uwp-account-form input[type="tel"],
.uwp_widgets .uwp-account-form input[type="time"],
.uwp_widgets .uwp-account-form input[type="submit"],
.uwp_widgets .uwp-account-form input[type="url"],
.uwp_widgets .uwp-account-form input[type="email"],
.uwp_widgets .uwp-account-form input[type="file"],
.uwp_widgets .uwp-account-form select,
.uwp_adv_search_form .uwp-login-form input[type="text"],
.uwp_adv_search_form .uwp-login-form textarea,
.uwp_adv_search_form .uwp-login-form input[type="password"],
.uwp_adv_search_form .uwp-login-form input[type="number"],
.uwp_adv_search_form .uwp-login-form input[type="button"],
.uwp_adv_search_form .uwp-login-form input[type="phone"],
.uwp_adv_search_form .uwp-login-form input[type="tel"],
.uwp_adv_search_form .uwp-login-form input[type="time"],
.uwp_adv_search_form .uwp-login-form input[type="submit"],
.uwp_adv_search_form .uwp-login-form input[type="url"],
.uwp_adv_search_form .uwp-login-form input[type="email"],
.uwp_adv_search_form .uwp-login-form input[type="file"],
.uwp_adv_search_form .uwp-login-form select,
.uwp_adv_search_form .uwp-registration-form input[type="text"],
.uwp_adv_search_form .uwp-registration-form textarea,
.uwp_adv_search_form .uwp-registration-form input[type="password"],
.uwp_adv_search_form .uwp-registration-form input[type="number"],
.uwp_adv_search_form .uwp-registration-form input[type="button"],
.uwp_adv_search_form .uwp-registration-form input[type="phone"],
.uwp_adv_search_form .uwp-registration-form input[type="tel"],
.uwp_adv_search_form .uwp-registration-form input[type="time"],
.uwp_adv_search_form .uwp-registration-form input[type="submit"],
.uwp_adv_search_form .uwp-registration-form input[type="url"],
.uwp_adv_search_form .uwp-registration-form input[type="email"],
.uwp_adv_search_form .uwp-registration-form input[type="file"],
.uwp_adv_search_form .uwp-registration-form select,
.uwp_adv_search_form .uwp-forgot-form input[type="text"],
.uwp_adv_search_form .uwp-forgot-form textarea,
.uwp_adv_search_form .uwp-forgot-form input[type="password"],
.uwp_adv_search_form .uwp-forgot-form input[type="number"],
.uwp_adv_search_form .uwp-forgot-form input[type="button"],
.uwp_adv_search_form .uwp-forgot-form input[type="phone"],
.uwp_adv_search_form .uwp-forgot-form input[type="tel"],
.uwp_adv_search_form .uwp-forgot-form input[type="time"],
.uwp_adv_search_form .uwp-forgot-form input[type="submit"],
.uwp_adv_search_form .uwp-forgot-form input[type="url"],
.uwp_adv_search_form .uwp-forgot-form input[type="email"],
.uwp_adv_search_form .uwp-forgot-form input[type="file"],
.uwp_adv_search_form .uwp-forgot-form select,
.uwp_adv_search_form .uwp-change-form input[type="text"],
.uwp_adv_search_form .uwp-change-form textarea,
.uwp_adv_search_form .uwp-change-form input[type="password"],
.uwp_adv_search_form .uwp-change-form input[type="number"],
.uwp_adv_search_form .uwp-change-form input[type="button"],
.uwp_adv_search_form .uwp-change-form input[type="phone"],
.uwp_adv_search_form .uwp-change-form input[type="tel"],
.uwp_adv_search_form .uwp-change-form input[type="time"],
.uwp_adv_search_form .uwp-change-form input[type="submit"],
.uwp_adv_search_form .uwp-change-form input[type="url"],
.uwp_adv_search_form .uwp-change-form input[type="email"],
.uwp_adv_search_form .uwp-change-form input[type="file"],
.uwp_adv_search_form .uwp-change-form select,
.uwp_adv_search_form .uwp-account-form input[type="text"],
.uwp_adv_search_form .uwp-account-form textarea,
.uwp_adv_search_form .uwp-account-form input[type="password"],
.uwp_adv_search_form .uwp-account-form input[type="number"],
.uwp_adv_search_form .uwp-account-form input[type="button"],
.uwp_adv_search_form .uwp-account-form input[type="phone"],
.uwp_adv_search_form .uwp-account-form input[type="tel"],
.uwp_adv_search_form .uwp-account-form input[type="time"],
.uwp_adv_search_form .uwp-account-form input[type="submit"],
.uwp_adv_search_form .uwp-account-form input[type="url"],
.uwp_adv_search_form .uwp-account-form input[type="email"],
.uwp_adv_search_form .uwp-account-form input[type="file"],
.uwp_adv_search_form .uwp-account-form select {
    margin: 0 0 5px !important;
    border: 0px;
    padding: 5px !important;
    font-size: 14px !important;
    line-height: 14px !important;
    border-radius: 5px !important;
    padding: 10px !important;
    box-shadow: inset 0 0 0 1px #ddd;
}

.uwp_page .uwp-login-form input[type="text"],
.uwp_page .uwp-login-form textarea,
.uwp_page .uwp-login-form input[type="password"],
.uwp_page .uwp-login-form input[type="number"],
.uwp_page .uwp-login-form input[type="button"],
.uwp_page .uwp-login-form input[type="phone"],
.uwp_page .uwp-login-form input[type="tel"],
.uwp_page .uwp-login-form input[type="time"],
.uwp_page .uwp-login-form input[type="submit"],
.uwp_page .uwp-login-form input[type="url"],
.uwp_page .uwp-login-form input[type="email"],
.uwp_page .uwp-login-form input[type="file"],
.uwp_page .uwp-login-form select,
.uwp_page .uwp-registration-form input[type="text"],
.uwp_page .uwp-registration-form textarea,
.uwp_page .uwp-registration-form input[type="password"],
.uwp_page .uwp-registration-form input[type="number"],
.uwp_page .uwp-registration-form input[type="button"],
.uwp_page .uwp-registration-form input[type="phone"],
.uwp_page .uwp-registration-form input[type="tel"],
.uwp_page .uwp-registration-form input[type="time"],
.uwp_page .uwp-registration-form input[type="submit"],
.uwp_page .uwp-registration-form input[type="url"],
.uwp_page .uwp-registration-form input[type="email"],
.uwp_page .uwp-registration-form input[type="file"],
.uwp_page .uwp-registration-form select,
.uwp_page .uwp-forgot-form input[type="text"],
.uwp_page .uwp-forgot-form textarea,
.uwp_page .uwp-forgot-form input[type="password"],
.uwp_page .uwp-forgot-form input[type="number"],
.uwp_page .uwp-forgot-form input[type="button"],
.uwp_page .uwp-forgot-form input[type="phone"],
.uwp_page .uwp-forgot-form input[type="tel"],
.uwp_page .uwp-forgot-form input[type="time"],
.uwp_page .uwp-forgot-form input[type="submit"],
.uwp_page .uwp-forgot-form input[type="url"],
.uwp_page .uwp-forgot-form input[type="email"],
.uwp_page .uwp-forgot-form input[type="file"],
.uwp_page .uwp-forgot-form select,
.uwp_page .uwp-change-form input[type="text"],
.uwp_page .uwp-change-form textarea,
.uwp_page .uwp-change-form input[type="password"],
.uwp_page .uwp-change-form input[type="number"],
.uwp_page .uwp-change-form input[type="button"],
.uwp_page .uwp-change-form input[type="phone"],
.uwp_page .uwp-change-form input[type="tel"],
.uwp_page .uwp-change-form input[type="time"],
.uwp_page .uwp-change-form input[type="submit"],
.uwp_page .uwp-change-form input[type="url"],
.uwp_page .uwp-change-form input[type="email"],
.uwp_page .uwp-change-form input[type="file"],
.uwp_page .uwp-change-form select,
.uwp_page .uwp-account-form input[type="text"],
.uwp_page .uwp-account-form textarea,
.uwp_page .uwp-account-form input[type="password"],
.uwp_page .uwp-account-form input[type="number"],
.uwp_page .uwp-account-form input[type="button"],
.uwp_page .uwp-account-form input[type="phone"],
.uwp_page .uwp-account-form input[type="tel"],
.uwp_page .uwp-account-form input[type="time"],
.uwp_page .uwp-account-form input[type="submit"],
.uwp_page .uwp-account-form input[type="url"],
.uwp_page .uwp-account-form input[type="email"],
.uwp_page .uwp-account-form input[type="file"],
.uwp_page .uwp-account-form select,
.uwp_widgets .uwp-login-form input[type="text"],
.uwp_widgets .uwp-login-form textarea,
.uwp_widgets .uwp-login-form input[type="password"],
.uwp_widgets .uwp-login-form input[type="number"],
.uwp_widgets .uwp-login-form input[type="button"],
.uwp_widgets .uwp-login-form input[type="phone"],
.uwp_widgets .uwp-login-form input[type="tel"],
.uwp_widgets .uwp-login-form input[type="time"],
.uwp_widgets .uwp-login-form input[type="submit"],
.uwp_widgets .uwp-login-form input[type="url"],
.uwp_widgets .uwp-login-form input[type="email"],
.uwp_widgets .uwp-login-form input[type="file"],
.uwp_widgets .uwp-login-form select,
.uwp_widgets .uwp-registration-form input[type="text"],
.uwp_widgets .uwp-registration-form textarea,
.uwp_widgets .uwp-registration-form input[type="password"],
.uwp_widgets .uwp-registration-form input[type="number"],
.uwp_widgets .uwp-registration-form input[type="button"],
.uwp_widgets .uwp-registration-form input[type="phone"],
.uwp_widgets .uwp-registration-form input[type="tel"],
.uwp_widgets .uwp-registration-form input[type="time"],
.uwp_widgets .uwp-registration-form input[type="submit"],
.uwp_widgets .uwp-registration-form input[type="url"],
.uwp_widgets .uwp-registration-form input[type="email"],
.uwp_widgets .uwp-registration-form input[type="file"],
.uwp_widgets .uwp-registration-form select,
.uwp_widgets .uwp-forgot-form input[type="text"],
.uwp_widgets .uwp-forgot-form textarea,
.uwp_widgets .uwp-forgot-form input[type="password"],
.uwp_widgets .uwp-forgot-form input[type="number"],
.uwp_widgets .uwp-forgot-form input[type="button"],
.uwp_widgets .uwp-forgot-form input[type="phone"],
.uwp_widgets .uwp-forgot-form input[type="tel"],
.uwp_widgets .uwp-forgot-form input[type="time"],
.uwp_widgets .uwp-forgot-form input[type="submit"],
.uwp_widgets .uwp-forgot-form input[type="url"],
.uwp_widgets .uwp-forgot-form input[type="email"],
.uwp_widgets .uwp-forgot-form input[type="file"],
.uwp_widgets .uwp-forgot-form select,
.uwp_widgets .uwp-change-form input[type="text"],
.uwp_widgets .uwp-change-form textarea,
.uwp_widgets .uwp-change-form input[type="password"],
.uwp_widgets .uwp-change-form input[type="number"],
.uwp_widgets .uwp-change-form input[type="button"],
.uwp_widgets .uwp-change-form input[type="phone"],
.uwp_widgets .uwp-change-form input[type="tel"],
.uwp_widgets .uwp-change-form input[type="time"],
.uwp_widgets .uwp-change-form input[type="submit"],
.uwp_widgets .uwp-change-form input[type="url"],
.uwp_widgets .uwp-change-form input[type="email"],
.uwp_widgets .uwp-change-form input[type="file"],
.uwp_widgets .uwp-change-form select,
.uwp_widgets .uwp-account-form input[type="text"],
.uwp_widgets .uwp-account-form textarea,
.uwp_widgets .uwp-account-form input[type="password"],
.uwp_widgets .uwp-account-form input[type="number"],
.uwp_widgets .uwp-account-form input[type="button"],
.uwp_widgets .uwp-account-form input[type="phone"],
.uwp_widgets .uwp-account-form input[type="tel"],
.uwp_widgets .uwp-account-form input[type="time"],
.uwp_widgets .uwp-account-form input[type="submit"],
.uwp_widgets .uwp-account-form input[type="url"],
.uwp_widgets .uwp-account-form input[type="email"],
.uwp_widgets .uwp-account-form input[type="file"],
.uwp_widgets .uwp-account-form select,
.uwp_adv_search_form .uwp-login-form input[type="text"],
.uwp_adv_search_form .uwp-login-form textarea,
.uwp_adv_search_form .uwp-login-form input[type="password"],
.uwp_adv_search_form .uwp-login-form input[type="number"],
.uwp_adv_search_form .uwp-login-form input[type="button"],
.uwp_adv_search_form .uwp-login-form input[type="phone"],
.uwp_adv_search_form .uwp-login-form input[type="tel"],
.uwp_adv_search_form .uwp-login-form input[type="time"],
.uwp_adv_search_form .uwp-login-form input[type="submit"],
.uwp_adv_search_form .uwp-login-form input[type="url"],
.uwp_adv_search_form .uwp-login-form input[type="email"],
.uwp_adv_search_form .uwp-login-form input[type="file"],
.uwp_adv_search_form .uwp-login-form select,
.uwp_adv_search_form .uwp-registration-form input[type="text"],
.uwp_adv_search_form .uwp-registration-form textarea,
.uwp_adv_search_form .uwp-registration-form input[type="password"],
.uwp_adv_search_form .uwp-registration-form input[type="number"],
.uwp_adv_search_form .uwp-registration-form input[type="button"],
.uwp_adv_search_form .uwp-registration-form input[type="phone"],
.uwp_adv_search_form .uwp-registration-form input[type="tel"],
.uwp_adv_search_form .uwp-registration-form input[type="time"],
.uwp_adv_search_form .uwp-registration-form input[type="submit"],
.uwp_adv_search_form .uwp-registration-form input[type="url"],
.uwp_adv_search_form .uwp-registration-form input[type="email"],
.uwp_adv_search_form .uwp-registration-form input[type="file"],
.uwp_adv_search_form .uwp-registration-form select,
.uwp_adv_search_form .uwp-forgot-form input[type="text"],
.uwp_adv_search_form .uwp-forgot-form textarea,
.uwp_adv_search_form .uwp-forgot-form input[type="password"],
.uwp_adv_search_form .uwp-forgot-form input[type="number"],
.uwp_adv_search_form .uwp-forgot-form input[type="button"],
.uwp_adv_search_form .uwp-forgot-form input[type="phone"],
.uwp_adv_search_form .uwp-forgot-form input[type="tel"],
.uwp_adv_search_form .uwp-forgot-form input[type="time"],
.uwp_adv_search_form .uwp-forgot-form input[type="submit"],
.uwp_adv_search_form .uwp-forgot-form input[type="url"],
.uwp_adv_search_form .uwp-forgot-form input[type="email"],
.uwp_adv_search_form .uwp-forgot-form input[type="file"],
.uwp_adv_search_form .uwp-forgot-form select,
.uwp_adv_search_form .uwp-change-form input[type="text"],
.uwp_adv_search_form .uwp-change-form textarea,
.uwp_adv_search_form .uwp-change-form input[type="password"],
.uwp_adv_search_form .uwp-change-form input[type="number"],
.uwp_adv_search_form .uwp-change-form input[type="button"],
.uwp_adv_search_form .uwp-change-form input[type="phone"],
.uwp_adv_search_form .uwp-change-form input[type="tel"],
.uwp_adv_search_form .uwp-change-form input[type="time"],
.uwp_adv_search_form .uwp-change-form input[type="submit"],
.uwp_adv_search_form .uwp-change-form input[type="url"],
.uwp_adv_search_form .uwp-change-form input[type="email"],
.uwp_adv_search_form .uwp-change-form input[type="file"],
.uwp_adv_search_form .uwp-change-form select,
.uwp_adv_search_form .uwp-account-form input[type="text"],
.uwp_adv_search_form .uwp-account-form textarea,
.uwp_adv_search_form .uwp-account-form input[type="password"],
.uwp_adv_search_form .uwp-account-form input[type="number"],
.uwp_adv_search_form .uwp-account-form input[type="button"],
.uwp_adv_search_form .uwp-account-form input[type="phone"],
.uwp_adv_search_form .uwp-account-form input[type="tel"],
.uwp_adv_search_form .uwp-account-form input[type="time"],
.uwp_adv_search_form .uwp-account-form input[type="submit"],
.uwp_adv_search_form .uwp-account-form input[type="url"],
.uwp_adv_search_form .uwp-account-form input[type="email"],
.uwp_adv_search_form .uwp-account-form input[type="file"],
.uwp_adv_search_form .uwp-account-form select {
    width: 280px !important;
}

.uwp_page .uwp-login-form input[type="submit"],
.uwp_page .uwp-registration-form input[type="submit"],
.uwp_page .uwp-forgot-form input[type="submit"],
.uwp_page .uwp-change-form input[type="submit"],
.uwp_page .uwp-account-form input[type="submit"],
.uwp_widgets .uwp-login-form input[type="submit"],
.uwp_widgets .uwp-registration-form input[type="submit"],
.uwp_widgets .uwp-forgot-form input[type="submit"],
.uwp_widgets .uwp-change-form input[type="submit"],
.uwp_widgets .uwp-account-form input[type="submit"],
.uwp_adv_search_form .uwp-login-form input[type="submit"],
.uwp_adv_search_form .uwp-registration-form input[type="submit"],
.uwp_adv_search_form .uwp-forgot-form input[type="submit"],
.uwp_adv_search_form .uwp-change-form input[type="submit"],
.uwp_adv_search_form .uwp-account-form input[type="submit"] {
    background: #4073dc !important;
    color: #fff !important;
    font-weight: normal !important;
    text-transform: unset !important;
    width: auto !important;
    padding: 10px !important;
    font-size: 14px;
    line-height: 14px !important;
    border-radius: 10px;
    box-shadow: none;
    min-width: 80px;
}

.uwp_page .uwp-login-form input[type="submit"]:hover,
.uwp_page .uwp-registration-form input[type="submit"]:hover,
.uwp_page .uwp-forgot-form input[type="submit"]:hover,
.uwp_page .uwp-change-form input[type="submit"]:hover,
.uwp_page .uwp-account-form input[type="submit"]:hover,
.uwp_widgets .uwp-login-form input[type="submit"]:hover,
.uwp_widgets .uwp-registration-form input[type="submit"]:hover,
.uwp_widgets .uwp-forgot-form input[type="submit"]:hover,
.uwp_widgets .uwp-change-form input[type="submit"]:hover,
.uwp_widgets .uwp-account-form input[type="submit"]:hover,
.uwp_adv_search_form .uwp-login-form input[type="submit"]:hover,
.uwp_adv_search_form .uwp-registration-form input[type="submit"]:hover,
.uwp_adv_search_form .uwp-forgot-form input[type="submit"]:hover,
.uwp_adv_search_form .uwp-change-form input[type="submit"]:hover,
.uwp_adv_search_form .uwp-account-form input[type="submit"]:hover {
    background: #1b54c7 !important;
    color: #fff !important;
}

.uwp_page .uwp-remember-me,
.uwp_widgets .uwp-remember-me,
.uwp_adv_search_form .uwp-remember-me {
    float: unset !important;
}

.uwp_page .uwp-content-wrap .uwp_account_menu {
    /*margin: 0 0 0 -40px !important;
    position: fixed;
    top: 55px;
    font-size: 12px;
    line-height: 12px;
    z-index: 4000;
    background: #f5f5f5;
    padding: 10px 40px !important;
    width: calc(100% - 80px);*/
    text-align: left !important;
    margin: unset !important;
}

.uwp_page .uwp-content-wrap .uwp_account_menu li {
    padding: 0px 0 !important;
    margin: 0 10px 0 0px !important;
    font-size: 12px !important;
    line-height: 14px;
    /*text-transform: uppercase;*/
}

.uwp_page .uwp-content-wrap .uwp_account_menu li i {
    /*display: none;*/
}

.uwp_page .uwp-content-wrap .uwp_account_menu li a {
    background: #ddd;
    color: #364153 !important;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 12px;
}

.uwp_page .uwp-content-wrap .uwp_account_menu li a:hover {
    background: #4073dc !important;
    color: #fff !important;
}

.uwp_page .uwp-content-wrap .uwp_account_menu li a.active {
    background: #4073dc !important;
    color: #fff !important;
}

.uwp_login_page .entry-header,
.uwp_register_page .entry-header {
    display: none;
}

.bsui a:hover {
    text-decoration: none !important;
}

.alert {
    background: #034ebb;
    color: #fff;
    padding: 5px 10px;
    margin: 0 0 10px;
    display: block;
    border-radius: 5px;
    max-width: 404px;
}

.alert-success {
}

.alert-danger {
    background: red;
    color: #fff;
}

.card-image {
    min-height: 129px;
    box-shadow: inset 0 0 0 1px #ddd !important;
}

.card-image span {
    display: none !important;
}

/*
www.matesinmind.org
www.getconstructiontalking.org
www.mind.org.uk
www.samaritans.org
www.sane.org.uk
www.anxietyuk.org.uk
www.bipolaruk.org
www.rethink.org
www.thecalmzone.net
*/
.card-image.lighthouse-charity {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-lighthouse-charity.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.building-mental-health {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-building-mental-health.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.mates-in-mind {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-mates-in-mind.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.get-construction-talking {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-get-construction-talking.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.mind {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-mind.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.samaritans {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-samaritans.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.sane {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-sane.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.anxiety-uk {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-anxiety-uk.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.bipolar-uk {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-bipolar-uk.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.rethink {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-rethink.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.the-calm-zone {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-the-calm-zone.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.myhp {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-myhp.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.construction-sport {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-construction-sport.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

.card-image.band-of-builders {
    background: url("/wp-content/plugins/trutrade/src/images/hero-images/hero-band-of-builders.jpg") 50% 50% no-repeat #fff;
    background-size: auto 85%;
}

/* Onboardsing banner */
.onboad-banner {
    margin: 20px 0 0px;
    overflow: hidden;
    background: linear-gradient(132deg, rgba(34, 34, 34, 1) 0%, #4073dc 85%) !important;
    color: #fff;
}

.onboad-banner a {
    margin: 0 0 5px 0;
}

.onboad-banner i {
    margin: 0 0 0 5px;
}

.onboad-banner .done-yes i {
    /*color: #a8dd19;*/
    color: #4073dc;
    color: #fff;
}

.onboad-banner .done-no i {
    /*color: #ce1717;*/
    color: #888;
    color: #fff;
}

/*.onboad-banner i.done {
	color: #a8dd19;
}
.onboad-banner i {
	color: #ce1717;
}*/

.onboad-banner .nav:hover {
    background: #364153 !important;
}

.onboad-banner b {
    margin: 2px 10px 0 0;
    vertical-align: top;
    display: inline-block;
}

/* end */

.popup.onboard {
    align-items: center;
    display: flex;
    justify-content: center;
    background: #eff6ff !important;
}

.popup.onboard .nav {
    position: fixed;
    top: 10px;
    right: 10px;
    text-transform: uppercase;
}

.popup.onboard .card {
    display: inline-block;
    background: unset;
    box-shadow: unset !important;
    padding: unset !important;
    margin: 0 auto 10px;
    overflow: visible;
}

.popup.onboard .card a {
    margin: 0 5px 10px;
}

.popup.onboard form {
    display: inline-block;
    margin: 0 auto;
    width: unset;
    background: unset;
    box-shadow: unset !important;
    padding: unset !important;
}

.popup.onboard form input {
    border-radius: 9px;
    padding: 10px 0px 10px 0px;
    color: #2a2e34;
}

.popup.onboard .popup-box {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    width: unset;
    box-shadow: 0 0 3px -1px #364153 !important;
    max-height: calc(90vh - 40px);
    /*overflow: none;*/
    overflow: unset;
}

@media screen and (max-height: 920px) {
    .popup.onboard .popup-box {
        overflow-y: scroll;
    }
}

.pm-menu {
    /*position: fixed;
    top: 50px;
    right: 40px;*/
    font-size: 12px;
    line-height: 14px;
    z-index: 9000;
    margin: 0 0 0px 0;
    position: fixed;
    z-index: 5000;
    /*background: #444;*/
    background: #f5f5f5;
    color: #364153;
    display: block;
    width: calc(100% - 80px);
    left: 0;
    padding: 10px 40px;
    top: 55px;
}

.pm-menu a {
    margin: 0 10px 0 0px !important;
    background: #ddd !important;
    color: #364153 !important;
}

.pm-menu .pm-menu-box div a {
    margin: 0 0px 0 10px !important;
    background: #4073dc;
    color: #fff;
}

/* 
    Handles the colours for the menu at the top of the page with links
    to gantt materials quote
*/
.pm-menu a:hover {
    background: #1b54c7 !important;
    color: #fff !important;
}

/* Here the same thing but for the actual page you're on */
.pm-menu a:active,
.pm-menu .nav.active,
.pm-menu .button.active {
    background: #4073dc !important;
    color: #fff !important;
}

.pm-menu form {
    display: inline-block;
    margin: 0 0px 0 10px;
}

.pm-menu select {
    border-radius: 5px;
    padding: 10px 20px 10px 10px;
    border: 0px;
    background-color: #ddd;
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 0 10px;
}

.pm-menu select:hover {
    background-color: #1b54c7;
    color: #fff;
}

.pm-menu.menu-estimates {
    border-bottom: 4px solid #613a8d;
}

.pm-menu.menu-projects {
    border-bottom: 4px solid #475c9d;
}

.pm-menu.menu-reports {
    border-bottom: 4px solid #55a5a6;
}

.pm-menu.menu-settings {
    border-bottom: 4px solid #68ab78;
}

.pm-menu.menu-pro-services {
    border-bottom: 4px solid #97af7f;
}

.pm-menu.menu-building-control {
    border-bottom: 4px solid #b3ac92;
}

.pm-menu.menu-party-wall {
    border-bottom: 4px solid #966940;
}

.pm-menu.menu-hse {
    border-bottom: 4px solid #a34f66;
}

.pm-menu.menu-land-development {
    border-bottom: 4px solid #a860aa;
}

.pm-menu.menu-tutorials {
    border-bottom: 4px solid #8477ad;
}

.pm-menu.menu-education {
    border-bottom: 4px solid #8ba0b3;
}

.pm-menu.menu-feedback {
    border-bottom: 4px solid #54943e;
}

.pm-menu.menu-mental-health {
    border-bottom: 4px solid #a19c4b;
}

.pm-menu.menu-find-trader {
    border-bottom: 4px solid #a86b59;
}

.pm-menu.menu-jobs-board {
    border-bottom: 4px solid #ac6f8e;
}

.pm-menu.menu-plant {
    border-bottom: 4px solid #a584af;
}

/* Flip symbol in menu on dashboard
.pm-menu a .fa-house {
	display: none;
}
.pm-menu a .fa-chevron-left {
	display: inline-block;
}

.section-dashboard .pm-menu a .fa-house {
	display: inline-block;
}
.section-dashboard .pm-menu a .fa-chevron-left {
	display: none;
}*/


.page-account .entry-header {
    display: none;
}

.page-account h3.section-head {
    /*display: inline-block;
    position: absolute;
    margin: -28px 0 0 148px !important;
    vertical-align: top;*/
    /*color: #93c4fe;*/
    /*color: #eff6ff;*/
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 45px !important;
}

.page-account h3.section-head .sub-head {
    /*.entry-content form > h3 {*/
    /*color: #364153;*/
    /*color: #93c4fe;*/
    font-size: 24px;
    font-weight: 600;
    line-height: 45px;
}

.entry-content form > h3 {

}

.page-account h3.section-head.onboard {
    color: #000000;
}

.page-land-development .grid-box {
    padding: 10px;
    line-height: 0;
}

h2.category-title {
    margin: 30px 10px 10px !important;
}

.card-img {
    height: unset !important;
    min-height: 80px;
}

.uwp-login-class .uwp-content-wrap,
.uwp-register-class .uwp-content-wrap {
    height: 100vh;
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999;
    background: linear-gradient(132deg, rgb(34, 34, 34) 0%, #4073dc 85%);
}

.uwp-login-class .uwp-login-off,
.uwp-register-class .uwp-registration-off {
    text-align: center;
    border-radius: 0;
    color: #fff;
    background: transparent;
    box-shadow: none;
    transform: translateY(-50%);
    top: 50%;
    position: relative;
    box-shadow: none !important;
}

.uwp-login-off a,
.uwp-register-off a {
    color: #fff;
}

.uwp-login-off a b,
.uwp-registration-off .uwp-login-now a {
    color: #f0c43c;
    font-weight: 600;
}

.uwp-login-off .alert,
.uwp-registration-off .alert {
    margin: 20px auto 20px;
}

/* Media Queries */

@media screen and (min-width: 600px) {
    .uwp_login_page #main,
    .uwp_register_page #main {
        padding: 57px 0 0 0;
    }
}

/* Phones */
@media screen and (max-width: 767px) {
    .uwp_page .uwp-content-wrap .uwp_account_menu {
        top: 44px;
        margin: 0 0 0 -20px !important;
        padding: 10px 20px !important;
        width: calc(100% - 40px);
    }

    .pm-menu {
        width: calc(100% - 40px);
        padding: 10px 20px;
        font-size: 0px;
        top: 44px;
        /*top: unset;
        bottom: 0px;*/
    }

    .pm-menu .nav.button,
    .uwp_account_menu a {
        /*font-size: 0 !important;
        line-height: 0px !important;*/
        border-radius: 5px !important;
        margin: 0 4px 0 0 !important;
        padding: 10px 5px !important;
        vertical-align: top;
        font-size: 7px;
        font-weight: 600;
    }

    .pm-menu .pm-menu-box div {
        margin: 0 -4px 0 0px !important;
    }

    .pm-menu .nav.button i,
    .uwp_account_menu a i {
        /*width: 10px;*/
        /*font-size: 12px;*/
        margin: 0 !important;
        line-height: 12px;
        font-size: 14px;
        width: 18px;
        display: none;
    }

    .pm-menu .nav.button.icon-only {
        font-size: 0 !important;
        line-height: 0px !important;
    }

    .pm-menu .nav.button.icon-only i {
        display: unset;
    }

    .pm-menu select {
        border-radius: 5px;
    }

    .uwp_page .uwp-content-wrap .uwp_account_menu li {
        margin: 0 0px 0 0px !important;
    }

    .platform-grid {
        margin: 0px -5px 0;
    }

    .grid-box {
        /*width: calc(33.333% - 40px);*/
        width: calc(50% - 30px);
        padding: 10px 10px;
        height: 80px;
        margin: 0 5px 10px;
    }

    .grid-box .tag {
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
    }

    .grid-box i {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 10px;
    }

    .grid-box .icon img {
        height: 40px;
        margin: 0 0 10px auto;
    }

    .grid-video {
        width: calc(100% - 30px);
        height: auto;
    }

    .grid-video iframe {
        /*height: 100px;*/
    }

    .page-land-development .grid-box {
        width: calc(100% - 30px);
    }

    .onboad-banner {
        font-size: 10px;
        line-height: 14px;
        padding: 10px 10px 0px 10px;
    }

    .onboad-banner a {
        font-size: 10px;
        line-height: 14px;
        margin: 0 10px 10px 0;
    }

    .onboad-banner i {
        font-size: 10px;
        line-height: 14px;
    }

    .popup.onboard .popup-box {
        padding: 20px 10px;
        width: calc(100% - 80px);
    }

    .uwp_login_page #main,
    .uwp_register_page #main {
        padding: 45px 0 0 0;
    }

    .card-image {
        min-height: 80px;
    }

    .card.message {
        width: calc(100% - 40px);
        /*width: calc(100% - 40px);*/
        height: unset;
        margin: 0 0px 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .card.message h3 {
        font-size: 30px;
        line-height: 35px;
    }

    .card-box {
        transform: translateY(-50%);
        top: 50%;
        position: relative;
    }

    .the-menu .card-box {
        transform: unset;
        top: unset;
        position: relative;
    }

    .site-header a.admin {
        font-size: 11px !important;
        margin: 0 0px 0 10px !important;
    }

    .small .grid-box {
        width: calc(50% - 30px);
    }

    .uwp-login-off {
        /*background: url("/wp-content/uploads/2024/04/TruTrade-Logo-web-Black.png") 50% 40px no-repeat #fff;
        background-size: 50% auto;*/
    }

    h2.category-title {
        margin: 20px 10px 5px !important;
    }

    .card.message small {
        padding: 3px 0 0 0;
        width: calc(100% - 114px);
        font-size: 9px;
        line-height: 12px;
    }
}

.bDeetsCheckButton {
    cursor: pointer !important;
}

#headerNewEstimateBtn {
    background-color: #dddddd !important;
    color: #364153 !important;
}

#headerNewEstimateBtn:hover {
    background-color: #1b54c7 !important;
    color: #fff !important;
}

input[name='sPhone'] {
    width: 155px;
}

/* First login Modal that's displayed if the user hasn't got any details set */
/* Fixed costs modal when you click update or set on estimate margin page */
.first-modal-div {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    justify-content: center; /* Centers the modal horizontally */
    align-items: center; /* Centers the modal vertically */
}

.overviewModalHeader {
    text-align: center;
}

.modal-header {
    position: relative;
}

.modal-header div h1 {
    text-align: center;
}

.modal-header p {
    text-align: center;
}

.topCloseModalBtn {
    position: absolute;
    top: 1px;
    right: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.topCloseModalBtn:hover {
    border-radius: 5px;
    background-color: #4073dc;
    color: #fff;
}

.modal-header span {
    text-align: center;
}

/* Modal body related stuff */
.modal-body {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 5px;
    margin-top: 25px;
}

#engagementModal .modal-body {
    flex-direction: row;
}

/* Modal Content */

/* By default all modals should be hidden */
.first-modal-div {
    display: none;
}

.first-modal-div .modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #ffffffea;
    width: 35%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

/* Need this on modals that have particularly long forms or information */
.scrollable-modal-content {
    max-height: 80%;
    overflow-y: auto;
}

/* Labour rates modal is ok, but on mobile needs a scroll bar at a certain height */
@media screen and (max-height: 940px) {
    #labourRatesModal .modal-content {
        height: 70%;
        overflow-y: scroll;
    }
}

/* Stops weird input behaviour around some mobile devices */
@media screen and (max-width: 1387px) {
    .modal-body {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #engagementModal .modal-body {
        justify-content: center;
        align-items: center;
        flex-direction: column !important;
    }

    .first-modal-div .modal-content {
        width: 45%;
    }
}

.modal-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    background-color: aliceblue;
    border-radius: 10px;
    cursor: pointer;
    width: 200px;
}

.modal-card-title {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 10px;
}

.modal-card-builder:hover {
    color: #ffffff;
    background-color: #475c9d;
    transition: background-color 500ms ease-in-out;
}

.modal-card-developer:hover {
    color: #ffffff;
    background-color: #97af7f;
    transition: background-color 500ms ease-in-out;
}

.modal-card-apprentice:hover {
    color: #ffffff;
    background-color: #bbae44;
    transition: background-color 500ms ease-in-out;
}

/* Modal footer related stuff */
.overviewModalFooter {
    display: flex;
    justify-content: center;
    margin: 25px 0px 25px 0px;
    gap: 10px;
}

/* Image styling */
.modal-card img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

#engagementForm {
    display: flex;
    justify-content: center !important;
    align-items: center;
    flex-direction: column;
}

#engagementModalFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0 10px 0;
    flex-direction: column;
}

#engagementModalError {
    display: none;
}

.modal-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.modal-form-wrapper {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 25px 0px 25px 0px;
}

/* Adjusting the label to be centered with its input */
.tickBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; /* Left align the radio buttons and labels */
    width: 100%;
    gap: 10px; /* Adjust space between label and radio button */
    margin: 10px 0; /* Adjust spacing as needed */
    flex-wrap: wrap; /* Allow wrapping if necessary */
}

.special-tickbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: 20px;
}

.modal-form div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}

.modal-form div.dateDue {
    gap: 65px;
}

#businessDeetsForm .modal-form div span {
    position: absolute;
}

/* To make sure the spacing of inputs matches those that have required span in em */
.hidden-required {
    visibility: hidden;
    margin-right: 5px;
}

.modal-form label {
    display: unset;
    text-align: left;
    margin-top: 5px;
    font-weight: bold;
    flex-wrap: wrap;
    width: 32%;
}

.poundPrefix {
    flex-wrap: nowrap;
    align-self: center;
}

.modal-form input[type="number"]::placeholder {
    color: #b1b1b1;
}

.modal-form input[type="text"],
.modal-form input[type="tel"],
.modal-form input[type="email"],
.modal-form input[type="number"],
.modal-form select,
#otherMethodInput,
#merchantNameInput {
    border-radius: 9px !important;
    box-shadow: 0 0 0 1px #9b9b9b;
    height: 25px;
    color: #2a2e34;
    width: 100%;
}

.modal-form select, modal-form {
    border-radius: 9px !important;
    box-shadow: 0 0 0 1px #9b9b9b;
    height: 25px;
    color: #2a2e34;
    width: 170px;
    margin-right:10px;
}

.modal-form input[type="number"] {
    position: relative;
    border-radius: 9px;
    box-shadow: 0 0 0 1px #9b9b9b;
    height: 25px;
    color: #2a2e34;
    max-width: 150px;
}

.modal-form input[type="text"]:focus,
.modal-form input[type="number"]:focus,
.modal-form input[type="email"]:focus,
.modal-form input[type="tel"]:focus,
.modal-form textarea:focus,
#otherMethodInput:focus,
#merchantNameInput:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px #9b9b9b;
    border: none;
}

/* Hide the button, and will show once at least one option has been clicked */
/* This affects the engagement modal on first time login so be careful */
#engagementModalFooter button {
    display: none;
    border-radius: 9px !important;
    height: 50px;
    padding: 0px 100px 0px 100px;
    align-self: center;
    transition: background-color 180ms ease;
}

#engagementModalFooter button:hover {
    background-color: #034ebb;
    transition: background-color 180ms ease;
}

.modal-error{
    justify-self: center;
    align-self: center;
    margin: 0 !important;
    padding-top: 10px;
}

.modal-error p{
    justify-self: flex-end;
    align-self: center;
    margin: 0 !important;
    color: red;
}

.modal-footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
    gap: 30px;
    width: 100%;
}

.modal-footer button {
    padding: 10px !important;
    min-width: 128px;
}

/*Fixes the alignment of the merchant and other input label*/
.special-tickbox span {
    display: flex;
    gap: 10px;
    width: 100%;
}

.special-tickbox div {
    display: none;
    justify-content: center;
}

#engagementForm {
    width: 90%;
}

@media screen and (max-width: 765px) {
    .first-modal-div .modal-content {
        /* width: 100%; */
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .modal-form label {
        min-width: 10% !important;
    }

    /* Stack the modal body cards vertically */
    .modal-body {
        flex-direction: column; /* Stack cards vertically */
        gap: 20px; /* Adjust gap between stacked cards */
    }

    /* Adjust card styles for smaller screens */
    .modal-card {
        width: 60%;
    }

    .modal-card img {
        width: 100px;
        height: 100px;
    }

    .tickBox {
        justify-content: flex-start;
        width: 100%;
    }

    .special-tickbox {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .modal-form div {
        justify-content: center;
        width: 100%;
    }

    .modal-form div button {
        padding: 0px 80px 0px 80px;
        width: 100%;
    }

    #merchantNameInput,
    #otherMethodInput {
        width: 100%;
    }
}