@font-face {
   font-family: "AvenirNext";
   src:url(./AvenirNextCondensed-Regular.otf?OpenFileResource) format("opentype");
 }
 
  @font-face {
   font-family: "AvenirNext";
   font-weight:bold;
   src:url(./AvenirNextCondensed-DemiBold.otf?OpenFileResource) format("opentype");
 }
 
 
 
  @font-face {
   font-family: "AvenirNextqq";
   src:url(./AvenirNextLTPro-Regular.otf?OpenFileResource) format("opentype");
 }
 
  @font-face {
   font-family: "AvenirNextqq";
   font-weight:bold;
   src:url(./AvenirNextLTPro-Bold.otf?OpenFileResource) format("opentype");
 }


@font-face {
  font-family: "Carrois Gothic";
  src: url("./fonts/carroisgothic/CarroisGothic-Regular.ttf");
}
.container {
  max-width: 90% !important; /*Set your own width %; */
  max-width:1366px !important;
}

body {
  font-family: "AvenirNext" !important;
  background-color: #E6EBF0 !important;
  color: #2F323C !important;
  line-height:normal !important;
  
}


h1 {
  font-weight: bold;
}

h3 {
  font-size: 24px;
  font-weight: bold;
}

p {
  font-family: "AvenirNext";
  font-size: 24px;
}

a {
  color: #009DFF;
}

a.disabled {
  color: gray !important;
  pointer-events: none;
  text-decoration: none;
}


input {
  font-size: 15px !important;
  border-radius: 10px !important;
  height: 2.5rem !important;
  border: none !important;
}

.inputBorder{
	border: 1px solid #cfcfcf !important;
}

textarea {
  font-size: 15px !important;
  border-radius: 10px !important;
  border: none !important;
}

.fakeInput {
  font-size: 24px !important;
  border-radius: 10px !important;
  height: 3.5rem !important;
  border: none !important;
}

select {
  font-size: 15px !important;
  border-radius: 10px !important;
  height: 2.5rem !important;
  border: none !important;
}

button {
  font-size: 24px !important;
  border-radius: 25px !important;
}

button:hover {
  color:#009DFF !important;
  background-color:white !important;
}

.btn:hover {
  color:#009DFF !important;
  background-color:white !important;
}

.btn:disabled{
  color: #42454a !important;
  background-color: #cbccceab !important;
  cursor: not-allowed;
}

button:disabled{
  color: #42454a !important;
	background-color: #cbccceab !important;
	cursor: not-allowed;
}

label{
	font-weight:normal;
}

option{
	font-family:Arial !important;
}

.navbar {
  height: 5rem;
  margin-bottom:0 !important;
  border-radius:0 !important;
}

.navbar .container{
	height:100%
}

.footer {
  z-index: -99;
  font-family: "AvenirNext";
  position: static;
  bottom: 0;
  width: 100%;
  height: 8rem;
  line-height: 60px;
  font-size: 24px;
  font-weight: bolder;
}

.footer-large {
  font-family: "AvenirNext";
  position: relative;
  bottom: 0;
  width: 100%;
  line-height: 40px;
  font-size: 24px;
  background-color: #232529;
  color: white;
}
.footer-large ul {
  list-style-type: none;
  padding: 0;
  font-family: "AvenirNext";
}
.footer-large a:hover {
  cursor: pointer;
  font-weight: bold;
}

.text-highlight {
  color: #007FEB !important;
}

.btn-primary {
  background-color: #009DFF;
}

.btnResetSearch{
	font-size: 15px !important;
	background-color:#007FEB !important;
	color:white !important;
	padding-left:10px !important;
	padding-right:10px !important;

}

.btnResetSearch:hover{
	font-size: 15px !important;
	background-color:white !important;
	color:#007FEB !important;

}

.btnResetSearch:hover img{
filter: invert(40%) sepia(20%) saturate(6677%) hue-rotate(188deg) brightness(91%) contrast(105%);

}
.btnResetSearch:disabled{
	color: #42454a !important;
	background-color: #cbccceab !important;
	cursor: not-allowed;
}

.btnResetSearch:disabled img{
	filter: invert(64%) sepia(7%) saturate(187%) hue-rotate(187deg) brightness(97%) contrast(95%) !important;

}




.btnResetSearch img{
	height: 15px;
	margin-top: -5px;
	margin-right: 5px;
}

.bg-dark {
  background-color: #232529 !important;
}

#btn-login {
  width: 75%;
  border: #009DFF;
}

.btn-main {
  width: 75%;
  border: #009DFF;
  font-size: 24px !important;
  border-radius: 25px !important;
  padding-left: 20px;
  padding-right: 20px;
}

.btn-secondary{
	padding-left: 20px;
	padding-right: 20px;
}

.fit-content {
  width: fit-content;
  height: fit-content;
}

.login-form {
  padding-left: 2rem;
  padding-right: 2rem;
}

.row-copyright {
  margin-top: 10rem;
}

.bg-image {
  background-image: url("./bgimage.png?OpenImageResource");
  background-size: cover;
}

hr {
  border-bottom: #737881 1px solid;
}

.hr {
  border-bottom: #737881 1px solid;
}

.d-grid {
  display: grid;
}

.narrow {
  font-family: "AvenirNext";
}

.fs-40 {
  font-size: 40px !important;
}

.fs-24 {
  font-size: 24px !important;
}

table .form-control {
  width: 90%;
  box-shadow: 0px 1px 3px silver;
}

.table td, .table th {
  padding: 0;
  vertical-align: top;
  border-top: unset;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.filters {
  height: 5rem;
}

.opportunityRow{
	height: 60px;
}

.opportunityRow:hover{
	cursor:pointer;
	background-color:#e3e4e4 !important;
}

.commentsRow:hover{
	cursor:default!important;
}

.filterTable img{
	cursor:pointer;
}

.filterTable .firstRow td{
font-weight:bold;
}

.pagination {
  margin: auto;
}

.pagination-circular li {
  margin-right: 0.5rem;
}

.pagination-circular li.current a {
  border: 1px solid grey;
  border-radius: 5000px;
  padding: 1rem 1.2rem;
  font-size: 18px;
  background-color: grey;
  color: white;
}

.pagination-circular li.disabled a {
  border: 1px solid grey;
  padding: 1rem 1.2rem;
  border-radius: 5000px;
  font-size: 18px;
  color: grey;
  background-color: grey;
  color: white;
}

.pagination-circular a {
  border-radius: 5000px;
  padding: 1rem 1.2rem;
  border: 1px solid #007FEB;
  font-size: 18px;
  background-color: #007FEB;
  color: white;
}

.pagination-circular li:not(.disabled):hover a {
  border: 1px solid grey;
  background: grey;
  color: white;
}

.pagination-circular li a {
  transition: background 0.15s ease-in, color 0.15s ease-in;
}

.pagination li a {
	padding: 0px;
	padding-top:3px;
}

.pagination a {
	border-radius:500px;
	margin-left: 0.5rem !important;
	width: 42px;
	height: 42px;
	background-color:#009DFF !important;
	color:white !important;
	border:none !important;
	font-size: 15px !important;
	line-height: 35px !important;
	text-align: center;
}

.pagination .active a {
	border-radius:500px;
	margin-left: 0.5rem !important;
	width: 42px;
	height: 42px;
	background-color:#737881 !important;
	color:white !important;
	border-color:#737881 !important;
}

.pagination a:hover {
	text-decoration:none;
	font-weight:bold;
}

.pagination li:first-child a{
	border-radius:500px;
	margin-left: 0.5rem !important;
	width: 42px;
	height: 42px;
	background-color:#009DFF !important;
	color:white !important;
}

.pagination li:last-child a{
	border-radius:500px;
	margin-left: 0.5rem !important;
	width: 42px;
	height: 42px;
	background-color:#009DFF !important;
	color:white !important;
}

.dashboard {
  color: white !important;
  font-size: 20px;
  overflow: hidden;
}

.dashboard a {
  color:white;
  text-decoration:none;
}

.dashboard a {
  color:white;
  text-decoration:none;
}

footer a {
  color:white;
  text-decoration:none;
}

footer a:hover {
  color:white;
  text-decoration:none;
  font-weight: bold;
}

.dashboard .first {
  font-size: 40px;
}
.dashboard table {
  width: 100%;
  color:white;
}
.dashboard table tr {
  border-top: white 1px solid;
  font-family: "AvenirNext";
}
.dashboard table .first-table-row {
  border-top: none;
  font-family: AvenirNext;
  font-weight: bold;
}

.dashboard table .first-table-row td {
  border-top: none;
  font-family:AvenirNext;
  font-weight: bold;
}

.dashboard ul {
  list-style-type: none;
  padding: 0;
}
.dashboard a:hover {
  cursor: pointer;
  font-weight: bold;
}

.recipients {
  font-size: 20px;
  overflow: hidden;
}
.recipients .first {
  font-size: 30px;
  font-weight: bold;
}
.recipients table {
  width: 100%;
  color: #737881;
}
.recipients table tr {
  border-top: #737881 1px solid;
  font-family: "AvenirNext";
}
.recipients table .first-table-row {
  border-top: none;
  font-family: AvenirNext;
  font-weight: bold;
}

.recipients .card {
  min-height:180px;
}

.contributors {
  font-size: 20px;
  overflow: hidden;
  background-color: white;
}
.contributors .first {
  font-size: 30px;
  font-weight: bold;
}
.contributors table {
  width: 100%;
  color: #737881;
}
.contributors table tr {
  border-top: #737881 1px solid;
  font-family: "AvenirNext";
}
.contributors table .first-table-row {
  border-top: none;
  font-family: AvenirNext, Helvetica, sans-serif;
  font-weight: bold;
}
.contributors .card {
  background-color: #E6EBF0;
  min-height:160px;
}

.cardPortal {
  border: none;
  border-radius: 12px;
  height: fit-content;
  padding-left: 0px !important;
  padding-right: 0px !important;
  max-width:450px !important;
}


.card {
  border: none;
  border-radius: 12px;
  height: fit-content;
  padding-left: 25px;
  padding-right: 25px;
  
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)  ; 
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)  ; 
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)  ; 
}
.card .first {
  font-size: 20px;
  font-weight: normal;
}

.card .first .cardLogo {
	
}


.card:hover {
  /*border: #009DFF 2px solid;*/
  /*cursor: pointer;*/
}

.small-highlight-text {
  color: #007FEB;
  font-size: 20px;
  font-weight: bold;
}

.chevron:hover {
  cursor: pointer;
}

.chevron-back {
  rotate: -90deg;
  cursor:pointer;
}

@media (max-width: 1000px) {
	

  .footer {
    position: relative;
    margin-top: 3rem;
  }
  .login-form {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .dashboard .first {
    font-size: 20px;
  }
  .dashboard {
    font-size: 20px;
  }
}
.fright {
  float: right !important;
  text-align: right;
}

@media (max-width: 768px) {
  .fright {
    float: none !important;
    text-align: left;
  }
}
.jw-modal .card {
  border: none;
}

/* MODAL STYLES
-------------------------------*/
.jw-modal {
  /* modals are hidden by default */
  display: none;
  /* modal container fixed across whole screen */
  position: fixed;
  inset: 0;
  /* z-index must be higher than everything else on the page */
  z-index: 1000;
  /* semi-transparent black background exposed by padding */
  background-color: rgba(0, 0, 0, 0.75);
  padding: 2%;
  /* enables scrolling for tall modals */
  overflow: auto;
}
.jw-modal .card {
  background-color: #F6F6F7;
}

.jw-modal.open {
  display: block;
}

.jw-modal-body {
  padding: 20px;
  background: #fff;
  cursor: unset !important;
  max-width:1366px;
  margin-left:auto;
  margin-right:auto;
}


	
	.smallModal{
	max-width:750px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}



body.jw-modal-open {
  /* body overflow is hidden to hide main scrollbar when modal window is open */
  overflow: hidden;
}

.oppotunitiesTable{
	font-size:24px;
	color:#737881;
	background-color:unset;
}

.oppotunitiesTable tr{
	border-top:#737881 3px dotted;
}

.oppotunitiesTable > tbody > tr {
	border-top:#737881 2px solid !important;
}

.oppotunitiesTable tr :first-child{
	border-top:none !important;
}


.table .table{
	background-color:unset !important;
	font-size:24px;
	color:#737881;
}

.jw-modal .card {
  background-color:#f5f5f5;
}
  

.fs-15 {
  font-size: 15px !important;
}

.fs-20 {
  font-size: 20px !important;
}

pre {
  font-family: "AvenirNext";
  font-size: 20px;
}

.alert{
	margin-bottom: 0 !important;
}

/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-weight: bold;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;

  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: white;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)  ; 
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)  ; 
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)  ; 
  margin-bottom: 2rem;
  min-height:100px;
}

.tableReport{
  width:100%
}

input[type='checkbox'] {
	width:15px;
	margin-top:-1.25rem;
	margin-left:-0.5rem !important;
}


@media (max-width: 700px) {
	.buttonrow{
		flex-flow:column;
	}
	
	.buttonrow span{
		margin-bottom: 1rem;
	}
	

}


}


label.checkbox{
    padding-left:20px;
}


.checkboxDropdown{
	margin-left: 1rem;
}

.checkboxDropdown input{
	margin-right: 0rem !important;
margin-left: -1.5rem !important;
margin-top: -0.7rem !important;
	
}


    .info-message span ul {
        color: white !important;
        background-color: darkgreen !important;
    }
    .error-message span ul {
        color: white !important;
        background-color: darkred !important;
    }
    .warn-message span ul {
        color: white !important;
        background-color: darkorange !important;
    }



.stepper-wrapper {
  font-family: Arial;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
  color:white;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: #009DFF;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #009DFF;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}


.radio label input[type="radio"] {
    height: unset !important;
}

.w-150{
	min-width:150px;
}

.btn-back{
	color: #fff;
    background-color: grey !important;
    border-color: grey !important;
}




/* Absolute Center Spinner */
.loading {
  display:none;
  position: fixed;
  z-index: 1001;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.row {
    display: flex;
}

/* Works on all browsers */
* {
  scrollbar-color: #009DFF #bebfbf;
}

@media (max-width: 574px) {
	.sm-center{
		text-align: center;
	}
]




/*# sourceMappingURL=styles.css.map */