/* MAIN */
html,
body {
height: 100%;
min-height: 100%;
}
body {
overflow-y: scroll;
}
a:not(.default):hover {
text-decoration: none;
}
a.underlined {
text-decoration: underline !important;
}
span.default:hover {
text-decoration: underline;
}
.scrollable-modal-content {
overflow-y: scroll;
height: 200px;
border: 1px solid #231F20;
}
.card-footer {
background-color: #ffffff;
padding: 1.5rem 1.25rem;
box-shadow: 0 0 10px #D0D0D0;
border: none;
}
footer {
position: relative;
transform: translateY(-100%);
}
footer span a {
color: inherit;
}
footer span a:hover {
color: inherit;
}
.content-body {
padding-top: 170px;
padding-bottom: 100px;
min-height: 100%;
}
.container {
max-width: 1500px;
}
.columns-2 {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.custom-card {
border-width: 1px;
border-color: #FFFDFC;
border-style: solid;
border-radius: 30px;
padding: 30px;
background-color: #FFFDFC;
box-shadow: 5px 5px 15px rgba(0, 0, 0, .16);
overflow: hidden;
}
.custom-card-interactive:hover {
background-color: #EEEEEE;
border-color: #EEEEEE;
}
.progress {
background-color: #296c9d;
height: 50px;
border-radius: 30px;
}
.progress-bar {
background-color: #EEC100;
border-radius: 30px;
}
.tooltip>.tooltip-inner {
background-color: #4c9ed8;
padding: 10px 15px;
max-width: 300px;
font-size: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
border-top-color: #4c9ed8;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
border-left-color: #4c9ed8;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
border-right-color: #4c9ed8;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
border-bottom-color: #4c9ed8;
}
input[type="date"]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: #C0C0C0;
}
::-webkit-scrollbar-thumb {
background-color: #EEC100;
}
/* MAIN */
/* MODAL */
.modal-content {
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.16);
border: none;
border-radius: 15px;
}
.modal-header {
padding-top: 60px;
padding-bottom: 10px;
padding-left: 60px;
padding-right: 60px;
border: none;
}
.modal-body {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 60px;
padding-right: 60px;
border: none;
}
.modal-footer {
padding-top: 10px;
padding-bottom: 60px;
padding-left: 60px;
padding-right: 60px;
border: none;
}
/* MODAL */
/* SIGN UP */
.main-banner {
background-color: #3DAE2B;
background-repeat: no-repeat;
background-size: 300px;
background-position: -10% -10%, 110% 110%;
background-blend-mode: overlay;
}
.main-banner-footer {
position: absolute;
bottom: 10px;
left: 0;
padding: 10px 30px;
width: 100%;
}
.main-banner-footer span,
.main-banner-footer img {
vertical-align: unset;
}
.main-banner-logo {
width: 500px;
}
/* SIGN UP */
/* HOME */
.home-image-holder {
width: 100%;
height: 600px;
min-height: 600px;
background-color: white;
}
.home-image-holder img {
max-width: 100%;
}
/* HOME */
/* QUIZ */
.quiz-category-image-holder {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
width: 100%;
padding-top: 100%;
position: relative;
margin-bottom: 1em;
}
.quiz-category-image-holder img {
object-fit: contain;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100% !important;
padding: 1em;
}
.i-custom-card {
padding-top: 2em;
padding-bottom: 2em;
}
.i-custom-card .custom-card h5 {
min-height: 3em;
display: flex;
align-items: center;
justify-content: center;
}
#id-div-quiz-section {
display: block;
}
#id-div-question-section {
display: none;
}
#id-div-choices-section {
display: none;
}
#id-div-quiz-category {
z-index: 2;
width: 84%;
height: 225;
}
#id-div-quiz-category-parent {
transition: all .2s linear;
}
#id-div-quiz-category-description {
transition: all .2s linear;
z-index: 1;
}
#id-div-quiz-category {
transition: all .2s linear;
position: relative;
z-index: 2;
}
#id-div-quiz-category-parent:hover>#id-div-quiz-category {
background-color: #EEEEEE;
border-color: #EEEEEE;
transform: translateY(-20px);
}
#id-div-quiz-category-parent:hover>#id-div-quiz-category-description {
opacity: 1;
transform: translateY(-10px);
}
/* QUIZ */
/* QUESTION */
.question-card {
padding: 60px;
}
.div-question {
min-height: 300px;
padding-left: 50px;
padding-right: 50px;
}
/* QUESTION */
/* REQUEST */
#id-note-rush-fee {
display: none;
}
#id-input-file-documents-label {
background-color: #FFFFFF;
resize: none;
}
#id-input-rating-feedback {
resize: none;
}
#id-button-workstream {
line-height: 1;
}
#id-div-scroll-indicator {
bottom: 2%;
z-index: 9000;
font-size: 40px;
left: 50%;
transform: translateX(-50%);
}
@keyframes blink {
from,
to {
opacity: 1
}
50% {
opacity: 0
}
}
/* REQUEST */
/* FONT */
.fa {
vertical-align: -5% !important;
}
.fa-lg {
vertical-align: -15% !important;
}
a {
color: inherit;
}
.text1 {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 20px !important;
color: #EEC100 !important;
}
.text2 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 20px !important;
color: #231F20 !important;
}
.text3 {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 20px !important;
color: #FFFFFF !important;
}
.text4 {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 20px !important;
color: #231F20 !important;
}
.text5 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 20px !important;
color: #EEC100 !important;
}
.text6 {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 16px !important;
color: #6C757D !important;
}
.text7 {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 16px !important;
color: #231F20 !important;
}
.text8 {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 24px !important;
color: #231F20 !important;
text-decoration: underline;
}
.text9 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 24px !important;
color: #231F20 !important;
}
.text10 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 20px !important;
color: #231F20 !important;
text-decoration: underline;
}
.text11 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 20px !important;
color: #F36F21 !important;
}
.text12 {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 16px !important;
color: #FF0000 !important;
}
.heading1 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 40px !important;
color: #F36F21 !important;
}
.heading2 {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 32px !important;
color: #231F20 !important;
}
.heading3 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 32px !important;
color: #EEC100 !important;
}
.heading4 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 20px !important;
color: #231F20 !important;
}
.heading5 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 25px !important;
color: #231F20 !important;
}
.heading6 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 40px !important;
color: #231F20 !important;
}
.heading7 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 60px !important;
color: #F36F21 !important;
}
.heading8 {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 32px !important;
color: #231F20 !important;
}
.heading9 {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 50px !important;
color: #F99F20 !important;
}
.heading10 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 32px !important;
color: #F99F20 !important;
}
/* FONT */
/* NAVBAR */
.navbar-brand {
padding: 0;
}
.navbar {
min-height: 10%;
padding: .5% 0;
background-color: white;
box-shadow: 0 0 10px #D0D0D0;
}
.navbar-logo {
min-height: 40px;
height: 40px;
}
.nav-item .nav-link {
margin: 5px 38px;
padding: 0 !important;
}
.nav-item .nav-link:hover {
color: #CCA600 !important;
}
.navbar-nav {
padding: 0 45px;
}
.navbar-nav .dropdown-menu {
left: initial;
right: 0;
}
/* NAVBAR */
/* CAROUSEL */
.carousel-item img {
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.carousel-item-top img {
top: 0;
transform: unset;
}
.carousel-indicators {
top: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
margin-top: 10px;
}
.carousel-indicators li {
background-color: #F36F21 !important;
}
/* CAROUSEL */
/* DATATABLES */
.table tr {
border-bottom: 1px solid black;
}
#table-projections tr,
#id-modal-table-estimates tr {
border-bottom: none !important;
}
.dataTable {
table-layout: fixed;
}
.table td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pagination {
justify-content: inherit;
text-align: right;
}
.dataTables_filter {
text-align: right;
}
.dataTables_paginate {
justify-content: flex-end;
}
.dataTables_paginate .page-item.previous,
.dataTables_paginate .page-item.next {
border: none;
}
.dataTables_paginate .page-link {
font-size: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
width: 50px;
height: 25px;
text-align: center;
padding-top: 0;
padding-bottom: 0;
border: none;
background-color: transparent !important;
color: #231F20;
opacity: 1;
}
.dataTables_paginate .page-item {
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #231F20 !important;
}
.dataTables_paginate .page-link:focus {
box-shadow: none;
}
.dataTables_paginate .page-item:nth-of-type(2) {
border-left: none;
}
.dataTables_paginate .page-item:nth-last-of-type(2) {
border-right: none;
}
.dataTables_paginate .paginate_button:not(.disabled):hover>.page-link {
text-decoration: underline;
}
.dataTables_paginate .paginate_button.active>.page-link {
color: #EEC100;
text-decoration: underline;
}
.dataTables_paginate .paginate_button.previous.disabled>.page-link,
.dataTables_paginate .paginate_button.next.disabled>.page-link {
opacity: 0.5;
}
.dataTables_empty {
text-align: center;
}
.dataTables_scroll {
border: 1px solid #707070 !important;
}
.dataTables_scrollHeadInner {
width: 100% !important;
padding-right: 0 !important;
}
.dataTables_scrollHead {}
.dataTables_scrollBody {
overflow-y: scroll !important;
width: calc(100% + 10px) !important;
}
.dataTables_scrollHead td,
.dataTables_scrollHead th {
vertical-align: middle !important;
text-align: center !important;
border-left: 1px solid #707070 !important;
border-right: 1px solid #707070 !important;
border-top: 1px solid #707070 !important;
border-bottom: 1px solid #707070 !important;
}
.dataTables_scrollBody td {
vertical-align: middle !important;
text-align: center !important;
border-right: 1px solid #707070 !important;
border-left: 1px solid #707070 !important;
border-top: 1px solid #707070 !important;
border-bottom: 1px solid #707070 !important;
}
.dataTables_scrollBody td:first-of-type {
border-left: none !important;
}
.dataTables_scrollBody td:last-of-type {
border-right: none !important;
}
.dataTables_scrollHead tr:first-of-type>th,
.dataTables_scrollBody tr:first-of-type>td {
border-top: none !important;
}
.dataTables_scrollHead tr:last-of-type>th,
.dataTables_scrollBody tr:last-of-type>td {
border-bottom: none !important;
}
.dataTables_scrollHead th:first-of-type {
border-left: none !important;
}
.dataTables_scrollHead th:last-of-type {
border-right: none !important;
}
.dataTables_scroll .table {
width: 100% !important;
margin-bottom: 0;
}
/* DATATABLES */
/* FORM */
.required:before {
content: '*';
position: absolute;
left: -3%;
top: 0;
color: #FF0000;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu:hover>ul {
display: block !important;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}
.dropdown li:hover,
.dropdown .dropdown-submenu .sub:hover {
background-color: #3297FD;
color: white !important;
}
.form-control {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 20px;
color: #231F20;
height: unset;
padding: 10px 20px;
border: 1px solid #606367;
border-radius: 10px;
}
.form-control-sm {
font-size: 18px;
padding: 5px 10px;
}
.form-group.row {
margin-left: 0;
margin-right: 0;
}
.form-extra-text {
position: absolute;
top: 100%;
}
.btn {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 20px;
padding: 15px 20px;
border-radius: 50px;
min-width: 150px;
transition: all .2s linear;
}
.btn:disabled {
border-color: #ccc;
background-color: #ccc;
}
.btn:disabled:hover {
border-color: #ccc !important;
background-color: #ccc !important;
}
.btn-sm {
font-size: 18px;
padding: 5px 10px;
min-width: 100px;
}
.btn-lg {
font-size: 36px;
}
.btn-1 {
border-color: #EEC100;
background-color: #EEC100;
color: #FFFFFF;
}
.btn-1:hover {
border-color: #CCA600;
background-color: #CCA600 !important;
color: #FFFFFF !important;
}
.btn-2 {
border-color: #231F20;
background-color: transparent;
color: #231F20;
}
.btn-2:hover {
border-color: #231F20;
background-color: #F36F21 !important;
color: #FFFFFF !important;
}
.btn-3 {
background: none;
border: none;
color: inherit;
cursor: pointer;
box-shadow: none !important;
}
.btn-3:hover {
text-decoration: underline;
}
/* FORM */
/* THANK YOU */
.star-rating {
font-size: 40px;
color: #EEC100 !important;
}
/* THANK YOU */
/* ANIMATIONS */
.blinking-slow {
animation: blink 2s ease-in infinite;
}
.blinking-fast {
animation: blink 1s ease-in infinite;
}
/* ANIMATIONS */
/* MEDIA QUERY */
@media only screen and (max-width: 700px) {
body {
display: none !important;
}
}
/* MEDIA QUERY