/*
light orange 1	#e7ca57
light orange 2	#f9ba0d
orange			#e77c08
dark orange		#bf6203
blue links		#397CB9
*/

html {
    background-color: #e77c08;
}

/*nav*/
nav.main {
    background:#e77c08;
}
nav.main .parent {
    border-bottom: 1px solid #bf6203;
    background-color: #e77c08;
}
nav.main a:hover {
    background-color: #bf6203;
}
.main-nav .active:before {
    background: -webkit-linear-gradient(left, #e7ca57, #f9ba0d);
    background: linear-gradient(to right, #e7ca57, #f9ba0d);
}

/*links*/
a {
    color: #397CB9;
}
a:hover {
    border-bottom: 1px solid #397CB9;
}

/*notification bubbles*/
.notification-counter {
    background-color: #f9ba0d;
}

/*buttons*/
.button.orange {
    background-color: #f9ba0d;
}
.button.blue {
    background-color: #e77c08;
}

/*radios*/
.radio input[type="radio"]:checked + .radio-label:before {
    background-color: #f9ba0d;
}
.radio input[type="radio"]:focus + .radio-label:before,
.radio input[type="radio"]:not(:checked):hover + .radio-label:before {
    border-color: #f9ba0d;
}

/*toggle*/
input.toggle:checked + .toggle-label {
    background: #f9ba0d;
}

.link {
  color:#e77c08;
}
.link:hover {
  border-bottom: 1px solid #e77c08;
}

/*sales rep bar*/
.sales-rep-bar {
    background: #f9ba0d;
}

/*progress bar*/
.progress-bar.orange span {
    background-color: #f9ba0d;
}

/*active list text color*/
.workflow.active,
.list-item.active {
    color: #f9ba0d;
}
.workflow.active,
.list-item.active {
    color:white;
    background: #e77c08;
}
.has-applicants .notification-counter {
    background: #e77c08;
    color: white;
}

/*noty*/
.noty_theme__notyNetHireTheme.noty_type__success {
    background-color: #f9ba0d;
}

/*loader*/
.css-loader5::after {
    background:#f9ba0d;
}
@keyframes loader-five {
    24.9% {background:#f9ba0d;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #e5e5e5;}
    25% {background:#e5e5e5;box-shadow: 1.5em 0 0 0 #f9ba0d, 3em 0 0 0 #e5e5e5;}
    49.9% {background:#e5e5e5;box-shadow: 1.5em 0 0 0 #f9ba0d, 3em 0 0 0 #e5e5e5;}
    50% {background:#e5e5e5;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #f9ba0d;}
    74.9% {background:#e5e5e5;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #f9ba0d;}
    75% {background:#e5e5e5;box-shadow: 1.5em 0 0 0 #f9ba0d, 3em 0 0 0 #e5e5e5;}
    99% {background:#e5e5e5;box-shadow: 1.5em 0 0 0 #f9ba0d, 3em 0 0 0 #e5e5e5;}
}

/*interviews*/
.interview-details:hover,
.interview-details:hover a,
.invoice-details:hover,
.invoice-details:hover a {
    color: #397CB9;
}

/*calendar*/
.calendar-day.today {
    background: #f9ba0d;
}
#interview_event {
    background-color: #f9ba0d;
    background-color: #f9ba0dcc;
}
table.data.fixed th.activeFilter {
  background-color: #C2E0B8;
}

/*dashboard*/
.vertical-bar-fill.color1 {
    background-color:#cc0000;
}
.vertical-bar-fill.color2 {
    background-color:#e77c08;
}
.vertical-bar-fill.color3 {
    background-color:#f9ba0d;
}
.vertical-bar.color1 {
    background-color:#CC000030;
}
.vertical-bar.color2 {
    background-color:#e77c0830;
}
.vertical-bar.color3 {
    background-color:#f9ba0d30;
}
.widget-count.color1 {
    color:#e77c08;
}
.widget-count.border-bottom.color1 {
	border-bottom: 3px solid #e77c08;
}
.widget-count.color2 {
    color:#f9ba0d;
}
.calendar-month.active-month {
    color: #e77c08;
}
a.dashboard-widget:hover {
    border:1px solid #f9ba0d;
}

/*progress bar*/
.progress-bar.color2 span,
.progress-bar.orange span {
    background-color: #f9ba0d;
}

/*range slider*/
input[type=range]::-webkit-slider-thumb {
  border: 2px solid #f9ba0d;
  background: #FFFFFF;
}
input[type=range]::-moz-range-thumb {
  border: 2px solid #f9ba0d;
  background: #FFFFFF;
}
input[type=range]::-ms-thumb {
  border: 2px solid #f9ba0d;
  background: #FFFFFF;
}

/*talent pool*/
.glyphicon.list-shared-icon.shared {
    color:#f9ba0d;
}

/*placeholder hover*/
li.placeholder:hover .add-placeholder-icon {
    color:#397CB9;
}

/*communication*/
.communication-applicants-list-applicant.active::before {
    background:#f9ba0d;
}
.communication-button:hover,
.communication-button.active {
    background-color: #f9ba0d;
}
.communication-send-text-message {
    background: #e77c08;
}
.communication-send-text-message.sending {
    background: #2883DA;
}
.communication-text-message-sending {
    background: #e77c08;
}
.conversation-item.direction-outbound.your-conversation-item .conversation-item-inner {
    background-color: #d8ffd1;
}
.your-conversation-item span.conversation-audio-icon,
.your-conversation-item span.conversation-message-icon {
    background-color:#f9ba0d;
}
span.sms-queued-icon,
span.email-sending-icon {
    color: #397CB9;
}
span.message-reply-icon:hover {
    color:#f9ba0d;
}
.communication-filter-button:hover,
.communication-filter-button.active {
    background-color:#f9ba0d;
}
span.communication-filter-toggle:hover:before,
span.communication-filter-toggle.active:before {
    box-shadow: -0.3em 4px 0px 0px #f9ba0d, -0.3em 12px 0px 0px #f9ba0d, -0.3em 20px 0px 0px #f9ba0d;
}
.communication-back-to-conversations:hover {
    color:#f9ba0d;
}

/*nh popup*/
.nh-popup .title-row {
    background: #e77c08;
}

/*applicants*/
.tabs.white .tab.active {
  border-color:#f9ba0d;
}
.glyphicon.applicant-document-edit-button:hover {
  color: #f9ba0d;
}
label.applicant-new-document:hover {
  border: 1px solid #f9ba0d;
}
label.applicant-new-document:hover .glyphicon.add-document {
    color: #f9ba0d;
}
.document-inner:hover .applicant-document-name,
.document-inner:hover .applicant-document-date {
  color: #f9ba0d;
}
.list-action:hover {
  color:#f9ba0d;
}
.new-applicant-offer:hover {
  border:1px solid #f9ba0d;
}
.new-applicant-offer:hover .glyphicon.new-offer {
  color:#f9ba0d;
}
.glyphicon.edit-applicant-profile:hover {
	color: #f9ba0d;
}
.candidate-email-alert-details .glyphicon-envelope.Subscribed {
  color:#f9ba0d;
}

.tabs.white.no-border .tab.active,
.tabs.white.no-border .tab:hover {
    color: #e77c08;
}
.clickable-message:hover {
  cursor: pointer;
  color: #397CB9;
}

.accordion .title.highlight {
	background: #f9ba0d;
}

.application-page-container.new-page:hover,
.application-section-container.new-section:hover,
.application-element:hover,
.application-element-container.new-element:hover {
  border: 1px dashed #f9ba0d;
}
.application-page-container.new-page:hover .glyphicon.new-application-item,
.application-section-container.new-section:hover .glyphicon.new-application-item,
.application-element-container.new-element:hover .glyphicon.new-application-item {
    color: #f9ba0d;
}
.application-element.active {
  background-color: #f9ba0d26;
}
.application-previewing .application-element.active {
  background-color: transparent;
}
.add-email-alias:hover {
  color: #f9ba0d;
}

/*jobs*/
a.recruiting-job-link:hover .recruiting-job-icon {
  color: #f9ba0d;
}
a.job-link-link:hover .job-link-icon {
  color: #f9ba0d;
}

.placeholder label:hover,
.placeholder label.active {
  color:#f9ba0d;
}

/*approval processes*/
.add-ap-then:hover {
  color:#f9ba0d;
}

/*dboard*/
.refresh-widget:hover {
  background-color: #f9ba0d;
}



h1, h2, h3, h4, h5, h6, input.title-input {
	color: #666666;
}

a.blue:not(.button) {
	color: #666666;
}
a.blue:not(.button):hover {
	border-bottom:1px solid #666666;
}


/* .abm-credit:nth-of-type(n) {
	color: #000000;
	background: #FFFFFF;
}
.abm-credit .details .checkbox input[type='checkbox'] + label::before {
	border-color: #000000;
}
.abm-credit .details .checkbox input[type='checkbox'] + label::after {
	color: #000000;
}
.abm-credit .summary {
	color: #FFFFFF;
	background: #41a9de;
}
.abm-credit .heading {
	padding: 10px 10px 0;
	color: #000000;
}
.abm-credit .description {
	color: #666;
} */
.abm-credit .heading {
	color: #000000;
}
.onboarding.item .task-container {
    background-color: #f9ba0d;
}
.ai-icon {
    width: 20px;
    height: 20px;
    fill: #f9ba0d;
}

/* support2 */
.support-header2 {
    background: rgb(31, 42, 88);
    background: linear-gradient(135deg, #e77c08 0%, #e77c08 25%, rgb(249, 186, 13) 50%, #e77c08 75%, #e77c08 100%);
    background-size: 400% 400%;
    animation: support-gradient 30s ease infinite;
}
.getting-started .doc:before {
    background: rgb(231, 124, 8);
    background: linear-gradient(135deg, rgba(231, 124, 8, 1) 0%, rgba(249, 186, 13, 1) 100%);
}
.getting-started .doc:after {
    background: rgb(231, 124, 8);
    background: linear-gradient(135deg, rgba(249, 186, 13, 1) 0%, rgba(231, 124, 8, 1) 100%);
}

/* support2 */
a.ticket.New::after {
    background: #f9ba0d;
}
.support-header2 {
    background: rgb(31, 42, 88);
    background: linear-gradient(135deg, #e77c08 0%, #e77c08 25%, rgb(249, 186, 13) 50%, #e77c08 75%, #e77c08 100%);
    background-size: 400% 400%;
    animation: support-gradient 30s ease infinite;
}
.getting-started .doc:before {
    background: rgb(231, 124, 8);
    background: linear-gradient(135deg, rgba(231, 124, 8, 1) 0%, rgba(249, 186, 13, 1) 100%);
}
.getting-started .doc:after {
    background: rgb(231, 124, 8);
    background: linear-gradient(135deg, rgba(249, 186, 13, 1) 0%, rgba(231, 124, 8, 1) 100%);
}

/* new login page */
.login-page {
  display: flex;
  flex-direction: column;
  background:white;
  min-height: unset;
}
.login-top {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%;
  padding: 20px;
  background: white;
}
.logo-link {
  background: #FFFFFF;
  margin: 0 0 20px 0;
  flex:0;
}
.login-page img.cms-logo {
  width: 418px;
  height: auto;
}
.login-top p {
  font-size: 19px;
}
.login-top h1 {
  font-size: 36px;
  margin-top: 20px;
  text-transform: uppercase;
  color: var(--orange);
  font-weight: 600;
}
.login-top h2 {
  font-size: 26px;
  color:black;
  font-weight: 600;
}
.login-middle {
    display:flex;
    align-items: center;
    background-color: #f1f1f1;
    padding: 40px;
}
.login-left,
.login-right {
    width: 100%;
    max-width:600px;
    background-color: #f1f1f1;
    margin:0;
    text-align:center;
}
.login-left {
    border-right: 1px solid #d8d8d8;
    padding-right: 40px;
}
.login-left h1 {
  font-size: 1.5rem;
  color:black;
}
.login-left h4, 
.login-right h4 {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight:600;
  color:var(--orange);
  /* white-space: nowrap; */
}
a.forgot-password-link {
  color: var(--orange);
}
.login-right {
  /* border-left: 1px solid #d8d8d8; */
  /* align-items: center; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 40px;
}
.login-right h1 {
  color: black;
}
.login-button {
    margin:10px 0 0 0;
    width:100%;
}
.login-bottom {
  padding: 20px;
  color: black;
  font-size: 1rem;
  font-weight: 600;
}
.button {
    text-transform: uppercase;
    font-weight:600;
}
.italic {
    font-style: italic;
}
.caps {
    text-transform: uppercase;
}