body{ font-family: Arial, sans-serif; margin:0; padding:0; background: #fff;}   main{min-height:1000px;}  .btn-primary {background:#337CC0;} .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #337CC0; }  a.nav-top-link{color:#fff;padding:2px 5px;}  /*-------------------------------------- 	Border colour change --------------------------------------*/ .border-danger { 	border: 1px solid #02AAA8 !important; } /*-------------------------------------- 	Bg colour change --------------------------------------*/ .card-header.bg-danger { 	background-color: #02AAA8 !important;         color: white !important; }  /*-------------------------------------- 	popover colour change --------------------------------------*/ .popover{ 	background-color: #02AAA8 !important; }  .popover-body {     padding: 0.5rem 0.75rem;     color: white; }  .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { 	bottom: 0; 	border-width: 0.5rem 0.5rem 0; border-left-color: #02AAA8 !important; }  .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { 	bottom: 1px; 	border-width: 0.5rem 0.5rem 0; border-top-color: #02AAA8 !important; }  .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { 	left: 0; 	border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #02AAA8 !important; }  .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { 	left: 1px; 	border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #02AAA8 !important; }  .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { 	top: 0; 	border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #02AAA8 !important; }  .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { 	top: 1px; 	border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #02AAA8 !important; }  .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { 	right: 0; 	border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #02AAA8 !important; }  .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { 	right: 1px; 	border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #02AAA8 !important; }  /*-------------------------------------- 	validation colour change --------------------------------------*/  input.input-validation-error, textarea.input-validation-error, input + span.field-validation-error, select.input-validation-error + .select2 .select2-selection, div.input-validation-error.show-validation { border-color: white !important;  box-shadow: 0 0 0 0.2rem rgba(0 178 169);  }