/* START : DEFAULT CLASSES ******************************************************************************** */

.buildtopia-logo {
	max-width: 300px
}

.color-buildtopia {
	color: #001A70;
}

.color-teal {
	color: #67bab7;
}

.bg-buildtopia {
	background: #001A70;
}

.bg-buildtopia-wood {
	background: url("../images/wood-grain.png") repeat;
}

.dropdown-button-text {
	max-width: 200px !important;
	display: inline-block !important;
}

.dropdown-size {
    max-width : 170px !important
}

.active-buildtopia {
	background: #32478C;
}

.breadcrumb-buildtopia {
	background: none;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.breadcrumb-select-buildtopia {
	margin-top: 4px;
}

.breadcrumb-buildtopia a {
	text-decoration: none;
}

.text-buildtopia {
	color: #001A70;
}

.text-info {
	color: #67bab7 !important;
}

.buildtopia-alert {
	margin: 1px;
}

.buildtopia-body {
	background: #f9f9f9;
}

.buildtopia-overlay {
	width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none; /* Default display would be 'none' */
}

.nav-tabs .nav-item a.active {
    background: #67bab7;
    color: #fff;
}

.nav-tabs .nav-item a {
    color: #212529;
}

.navbar-nav .nav-item:hover {
    background-color: #32478C;
}

.nav-tabs .nav-item {
    text-align: center;
}

.btn-primary {
	background-color: #67bab7 !important;
	border-color: #67bab7 !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background-color: #4eaba9 !important;
	border-color: #4eaba9 !important;
	color: #fff !important;
}

.btn-primary:disabled {
	background-color: #71b4b3;
	border-color: #71b4b3;
	color: #d8d8d8;
}

.btn-danger {
	background-color: #bf5963;
	border-color: #bf5963;
	color: #fff;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
	background-color: #b0444f;
	border-color: #b0444f;
	color: #fff;
}

.btn-danger:disabled {
	background-color: #c06b70;
	border-color: #c06b70;
	color: #d8d8d8;
}

.page-item.active a.page-link {
	background-color: #67bab7;
	border-color: #5aa5a2;
}

.page-link {
	color : #67bab7;
}

a, a.buildtopia-link {
	color: #001A70;
}

.bg-teal {
	background: #67bab7 !important;
}

.bg-danger-light {
	background: #fff8f8;
}

.dropdown-item:hover {
	background: #32478C;
}

.toastWrapper {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 4;
}

.col-login-bg-image-1 {
	background-image: url("../../static/images/1.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	resize: none !important;
	overflow: hidden !important;
}

.col-login-bg-image-2 {
	background-image: url("../../static/images/2.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	resize: none !important;
	overflow: hidden !important;
}

.col-login-bg-image-3 {
	background-image: url("../../static/images/3.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	resize: none !important;
	overflow: hidden !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.min-width-5 {min-width: 5px;}
.min-width-10 {min-width: 10px;}
.min-width-15 {min-width: 15px;}
.min-width-20 {min-width: 20px;}
.min-width-25 {min-width: 25px;}
.min-width-26 {min-width: 26px;}
.min-width-30 {min-width: 30px;}
.min-width-35 {min-width: 35px;}
.min-width-40 {min-width: 40px;}
.min-width-45 {min-width: 45px;}
.min-width-50 {min-width: 50px;}
.min-width-55 {min-width: 55px;}
.min-width-60 {min-width: 60px;}
.min-width-65 {min-width: 65px;}
.min-width-75 {min-width: 75px;}
.min-width-100 {min-width: 100px;}
.min-width-125 {min-width: 125px;}
.min-width-150 {min-width: 150px;}
.min-width-175 {min-width: 175px;}
.min-width-200 {min-width: 200px;}
.min-width-225 {min-width: 225px;}
.min-width-250 {min-width: 250px;}
.min-width-275 {min-width: 275px;}
.min-width-300 {min-width: 300px;}
.min-width-325 {min-width: 325px;}
.min-width-350 {min-width: 350px;}
.min-width-375 {min-width: 375px;}
.min-width-400 {min-width: 400px;}
.min-width-425 {min-width: 425px;}
.min-width-450 {min-width: 450px;}
.min-width-475 {min-width: 475px;}
.min-width-500 {min-width: 500px;}
.min-width-525 {min-width: 525px;}
.min-width-550 {min-width: 550px;}
.min-width-575 {min-width: 575px;}
.min-width-600 {min-width: 600px;}
.min-width-625 {min-width: 625px;}
.min-width-650 {min-width: 650px;}
.min-width-675 {min-width: 675px;}
.min-width-700 {min-width: 700px;}
.min-width-725 {min-width: 725px;}
.min-width-750 {min-width: 750px;}
.min-width-775 {min-width: 775px;}
.min-width-800 {min-width: 800px;}
.min-width-825 {min-width: 825px;}
.min-width-850 {min-width: 850px;}
.min-width-875 {min-width: 875px;}
.min-width-900 {min-width: 900px;}
.min-width-925 {min-width: 925px;}
.min-width-950 {min-width: 950px;}
.min-width-975 {min-width: 975px;}
.min-width-1000 {min-width: 1000px;}

.w-1p { width: 1%; }
.w-2p { width: 2%; }
.w-3p { width: 3%; }
.w-4p { width: 4%; }
.w-5p { width: 5%; }
.w-6p { width: 6%; }
.w-7p { width: 7%; }
.w-8p { width: 8%; }
.w-9p { width: 9%; }
.w-10p { width: 10%; }
.w-11p { width: 11%; }
.w-12p { width: 12%; }
.w-13p { width: 13%; }
.w-14p { width: 14%; }
.w-15p { width: 15%; }
.w-16p { width: 16%; }
.w-17p { width: 17%; }
.w-18p { width: 18%; }
.w-19p { width: 19%; }
.w-20p { width: 20%; }
.w-21p { width: 21%; }
.w-22p { width: 22%; }
.w-23p { width: 23%; }
.w-24p { width: 24%; }
.w-25p { width: 25%; }
.w-26p { width: 26%; }
.w-27p { width: 27%; }
.w-28p { width: 28%; }
.w-29p { width: 29%; }
.w-30p { width: 30%; }
.w-31p { width: 31%; }
.w-32p { width: 32%; }
.w-33p { width: 33%; }
.w-34p { width: 34%; }
.w-35p { width: 35%; }
.w-36p { width: 36%; }
.w-37p { width: 37%; }
.w-38p { width: 38%; }
.w-39p { width: 39%; }
.w-40p { width: 40%; }
.w-41p { width: 41%; }
.w-42p { width: 42%; }
.w-43p { width: 43%; }
.w-44p { width: 44%; }
.w-45p { width: 45%; }
.w-46p { width: 46%; }
.w-47p { width: 47%; }
.w-48p { width: 48%; }
.w-49p { width: 49%; }
.w-50p { width: 50%; }
.w-51p { width: 51%; }
.w-52p { width: 52%; }
.w-53p { width: 53%; }
.w-54p { width: 54%; }
.w-55p { width: 55%; }
.w-56p { width: 56%; }
.w-57p { width: 57%; }
.w-58p { width: 58%; }
.w-59p { width: 59%; }
.w-60p { width: 60%; }
.w-61p { width: 61%; }
.w-62p { width: 62%; }
.w-63p { width: 63%; }
.w-64p { width: 64%; }
.w-65p { width: 65%; }
.w-66p { width: 66%; }
.w-67p { width: 67%; }
.w-68p { width: 68%; }
.w-69p { width: 69%; }
.w-70p { width: 70%; }
.w-71p { width: 71%; }
.w-72p { width: 72%; }
.w-73p { width: 73%; }
.w-74p { width: 74%; }
.w-75p { width: 75%; }
.w-76p { width: 76%; }
.w-77p { width: 77%; }
.w-78p { width: 78%; }
.w-79p { width: 79%; }
.w-80p { width: 80%; }
.w-81p { width: 81%; }
.w-82p { width: 82%; }
.w-83p { width: 83%; }
.w-84p { width: 84%; }
.w-85p { width: 85%; }
.w-86p { width: 86%; }
.w-87p { width: 87%; }
.w-88p { width: 88%; }
.w-89p { width: 89%; }
.w-90p { width: 90%; }
.w-91p { width: 91%; }
.w-92p { width: 92%; }
.w-93p { width: 93%; }
.w-94p { width: 94%; }
.w-95p { width: 95%; }
.w-96p { width: 96%; }
.w-97p { width: 97%; }
.w-98p { width: 98%; }
.w-99p { width: 99%; }
.w-100p { width: 100%; }

.fa-5em {
	font-size:.5em;
}

.fa-6em {
	font-size:.6em;
}

.form-check-input:checked {
  color: #fff !important;
  border-color: #67bab7 !important;
  background-color: #67bab7 !important;
}

.display-5 {
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.2;
}

.display-6 {
	font-size: 2.0rem;
	font-weight: 400;
	line-height: 1.2;
}

.display-7 {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.2;
}

.display-8 {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2;
}

.spinner-border-md {
	width: 3.25rem !important;
	height: 3.25rem !important;
}

.badge-danger {
	background-color: #bf5963;
	color: #fff;
}

.bg-buildtopia-light {
	color: #001A70;
	background-color: #E3E8FB;
}

.border-buildtopia {
	border-color: #abb7de;
}

.cursor-pointer {
	cursor: pointer;
}

.border-teal {
	border-color: #67bab7 !important;
}

.border-danger-light {
	border-color: #d5a5aa !important;
}

.list-style-none {
	list-style-type: none;
}

@-webkit-keyframes blinker {
  from {opacity: 0.3;}
  to {opacity: 1.0;}
}

.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.fa.tpalert-acknowledged.tpalert-disabled:before {
	content: "\f2b5";
	color: #6c757d;
}

.fa.tpalert-acknowledged.tpalert-active:before {
	content: "\f2b5";
	color: #001A70;
}

.fa.tpalert-completed.tpalert-disabled:before {
	content: "\f00c";
	color: #6c757d;
}

.fa.tpalert-completed.tpalert-active:before {
	content: "\f00c";
	color: #28a745;
}

.fa.tpalert-declined.tpalert-disabled:before {
	content: "\f00d";
	color: #6c757d;
}

.fa.tpalert-declined.tpalert-active:before {
	content: "\f00d";
	color: #dc3545;
}

.fa.tpalert-rescheduled.tpalert-disabled:before {
	content: "\f1da";
	color: #6c757d;
}

.fa.tpalert-rescheduled.tpalert-active:before {
	content: "\f1da";
	color: #001A70;
}

.fa.tpalert-viewed.tpalert-disabled:before {
	content: "\f06e";
	color: #6c757d;
}

.fa.tpalert-viewed.tpalert-active:before {
	content: "\f06e";
	color: #ffc107;
}

.fa.tpalert-buildercompleted.tpalert-active:before {
	content: "\f00c";
	color: #28a745;
	background-color: #deff70;
}

.tpalert-dropdown {
	position: relative;
	display: inline-block;
}

.tpalert-dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	z-index: 1;
}

.popover-header {
	background: #67bab7;
	color: #fff;
}

.tpalert-dropdown-content a.tpalert-disabled {
	display: block;
	border: 1px solid #cecccc;
}

.tpalert-dropdown-content a.tpalert-active {
	display: block;
	border: 1px solid #cecccc;
}

.tpalert-dropdown-content a:hover {
	background-color: #e1e1e1;
}

.tpalert-dropdown:hover .tpalert-dropdown-content {
	display: block;
}

.fa.tp-flag.active:before {
	content: "\f024";
	color: #ff7050;
	padding: 1px;
}

.fa.tp-check.active:before {
	font-size: 1.1em;
	content: "\f00c";
	color: #009900;
	padding: 1px;
}

.fa.tp-cross.active:before {
	font-size: 1.1em;
	content: "\f00d";
	color: #ff2f00;
	padding: 1px;
}

.nav.nav-tabs .nav-item .nav-link:hover {
	background-color: #dddddd !important;
	text-decoration: none !important;
}

.nav.nav-tabs .nav-item .nav-link.active:hover {
	background-color: #4eaba9 !important;
	text-decoration: none !important;
}

.flex-column-align-justify-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.fa-1-5x {
	font-size: 1.5em;
}

/* END : DEFAULT CLASSES ********************************************************************************** */

/* START : DISPLAY TAG ************************************************************************************ */

.displaytag {
	margin-bottom: 0px;
}

.displaytag > thead {
	background-color: #67bab7;
}

.displaytag > thead > tr {
	background-color: #67bab7;
}

.displaytag > thead > tr > th {
	color: #ffffff;
	font-weight: normal;
	vertical-align: top;
}

.displaytag > thead > tr > th > a {
	color: #ffffff;
	font-weight: normal;
	vertical-align: top;
	text-decoration: none;
}

.displaytag > thead > tr > th.sortable {
	color: #c8e6e4;
}

.displaytag > thead > tr > th.sortable > a:hover {
	text-decoration: none;
}

.displaytag > thead > tr > th.sortable:after {
	font-weight: normal;
	content: " \1392"; 
}

.displaytag > thead > tr > th.sortable.sorted {
	font-weight: bold;
}

.displaytag > thead > tr > th.sortable.sorted.asc:after {
	content: " \2959"; 
}

.displaytag > thead > tr > th.sortable.sorted.desc:after {
	content: " \2958"; 
}

.displaytag > thead > tr > th.sorted > a {
	font-weight: bold;
}

.displaytag > thead > th > tr > a:hover {
	color: #32478C;
}

.displaytag > tbody {
	border-top: 0px !important;
}

.displaytag > tbody > tr > td > a {
	text-decoration: none;
}

.noanchorunderline {
    text-decoration: none;
}
/* END : DISPLAY TAG ************************************************************************************** */

/* START : FULLCALENDAR *********************************************************************************** */
.fc-button-primary {
	background-color: #67bab7;
	border-color: #67bab7;
	color: #fff;
}

.fc-button-primary:hover {
	background-color: #4eaba9;
	border-color: #4eaba9;
	color: #fff;
}

.fc-button-primary:disabled {
	background-color: #71b4b3;
	border-color: #71b4b3;
	color: #d8d8d8;
}

.col-sortable {
	cursor: pointer;
}

.col-sortable:after {
	content: " \1392";
}

.col-sortable-0:after {
	content: " \2959"; 
}

.col-sortable-1:after {
	content: " \2958"; 
}

.task-color-1 { background-color: #569fab; border: 1px solid #569fab; }
.task-color-2 { background-color: #530b7c; border: 1px solid #530b7c; color: #f9f9f9 !important; }
.task-color-3 { background-color: #45859f; border: 1px solid #45859f; color: #f9f9f9 !important; }
.task-color-4 { background-color: #82127b; border: 1px solid #82127b; color: #f9f9f9 !important; }
.task-color-5 { background-color: #346a94; border: 1px solid #346a94; color: #f9f9f9 !important; }
.task-color-6 { background-color: #891951; border: 1px solid #891951; color: #f9f9f9 !important; }
.task-color-7 { background-color: #224f88; border: 1px solid #224f88; color: #f9f9f9 !important; }
.task-color-8 { background-color: #8f2128; border: 1px solid #8f2128; color: #f9f9f9 !important; }
.task-color-9 { background-color: #11357c; border: 1px solid #11357c; color: #f9f9f9 !important; }
.task-color-10 { background-color: #955129; border: 1px solid #955129; color: #f9f9f9 !important; }
.task-color-11 { background-color: #001a70; border: 1px solid #001a70; color: #f9f9f9 !important; }
.task-color-12 { background-color: #9b8632; border: 1px solid #9b8632; }
.task-color-13 { background-color: #5bb48a; border: 1px solid #5bb48a; }
.task-color-14 { background-color: #8aa13c; border: 1px solid #8aa13c; }
.task-color-15 { background-color: #50ae59; border: 1px solid #50ae59; }
.task-color-16 { background-color: #66a746; border: 1px solid #66a746; }
/* END : FULLCALENDAR ************************************************************************************* */

/* START : Bid/Contract ************************************************************************************* */

.bid-contract-history-activity-table > thead > tr > th {
		border-color:#67bab7 !important; 
}

.bid-contract-history-table {
	table-layout: fixed;
    word-wrap: break-word;
    margin-top:auto;
    margin-bottom:auto;
}

.bid-contract-history-activity-highlighter { background-color: #FFFF99; }

.uom-bid-view-dropdown-item:hover {
	background-color : #dddddd !important;
}

.btn-primary.uom-bid-view-dropdown-toggle:focus {
	background-color: #67bab7 !important;
}

.btn-primary.dropdown-toggle {
	color: #fff !important;
	background-color: #67bab7 !important;
	border-color: #67bab7 !important;
}
/* END : Bid/Contract ************************************************************************************* */

/* START : MEDIA QUERIES ********************************************************************************** */

@media (max-width: 768px) {
	.col-login-bg-image {
		display: none !important;
	}
	
	.col-login-form {
		width: 100% !important;
	}
}

/* sm */
/* for SMALL devices */
@media (min-width: 576px) {
    .buildtopia-logo {
		max-width: 150px !important;
	}

	.dropdown-button-text {
		max-width: 150px !important;
		display: inline-block !important;
	}

	.dropdown-size {
        max-width : 170px !important
    }
}

/* md */
/* for MEDIUM devices */
@media (min-width: 768px) {
    .buildtopia-logo {
		max-width: 200px !important;
	}

	.dropdown-button-text {
		max-width: 300px !important;
		display: inline-block !important;
	}
	.dropdown-size {
        max-width : 170px !important
    }
}

/* lg */
/* for LARGE devices */
@media (min-width: 992px) {
    .buildtopia-logo {
		max-width: 250px !important;
	}

	.dropdown-button-text {
		max-width: 130px !important;
		display: inline-block !important;
	}
	.dropdown-size {
        max-width : 110px !important
    }
}

/* xl */
/* for EXTRA LARGE devices */
@media (min-width: 1200px) {
    .buildtopia-logo {
		max-width: 300px !important;
	}

	.dropdown-button-text {
		max-width: 350px !important;
		display: inline-block !important;
	}
	.dropdown-size {
        max-width : 170px !important
    }
}

/* xxl */
/* for EXTRA LARGE devices */
@media (min-width: 1400px) {
    .buildtopia-logo {
		max-width: 300px !important;
	}
}
/* END : MEDIA QUERIES ************************************************************************************ */


section.pricing {
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}

.h-80p { height: 80% !important; }
.h-85p { height: 85% !important; }
.h-90p { height: 90% !important; }
.h-91p { height: 91% !important; }
.h-92p { height: 92% !important; }
.h-93p { height: 93% !important; }
.h-94p { height: 94% !important; }
.h-95p { height: 95% !important; }
.h-96p { height: 96% !important; }
.h-97p { height: 97% !important; }
.h-98p { height: 98% !important; }
.h-99p { height: 99% !important; }
.h-100p { height: 100% !important; }

.btn-login {
	background-color: #001A70 !important;
	border-color: #001A70 !important;
	color : #fff !important;
}
.btn-login:hover {
	background-color: #142370 !important;
	border-color: #142370 !important;
	color : #fff !important;
}

.pagesizer {
	width: 65px !important;
}

.sw-theme-arrows>.nav .nav-link.active {
	background : #001A70 !important;
}

.sw-theme-arrows>.nav .nav-link.active::after {
	border-left-color : #001A70 !important;
}

.sw-theme-arrows>.nav .nav-link.done {
	background : #67bab7;
}

.sw-theme-arrows>.nav .nav-link.done::after {
	border-left-color : #67bab7;
}

.font-size-inherit {
	font-size: inherit;
}

.font-family-inherit {
	font-family: inherit;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
	color: #fff;
	background-color: #67bab7;
}

.tooltip-inner {
	background-color: #67bab7;
	border: 1px solid #4fb0ad;
}

.warranty-task{
    opacity: 0.6;
}