body {
  box-sizing: border-box;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 16px;
  position: relative;
  z-index: 0;
}

html {
  font-family: Roboto;
}

input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
}

.roboto-medium {
  font-family: "Roboto-Medium";
}

.roboto-light {
  font-family: "Roboto-Light";
}

.roboto-bold, .error-title {
  font-family: "Roboto-Bold";
}

.full-width {
  width: 100%;
}

.line-height28, .caqh-additional-fields p {
  line-height: 28px;
}

.align-text-right {
  text-align: right;
}

.align-text-left {
  text-align: left;
}

.required {
  color: #FF0000;
  margin: 0 3px;
}

.font-24 {
  font-size: 24px;
}

.font-18, .radio-group-header {
  font-size: 18px;
}

.display-flex {
  display: flex;
}

.jumbotron {
  padding: 30px 20px;
  background-color: #f8f8f8;
}

.btn-grey {
  border: 2px solid #e2e3e4;
  color: #555;
}
.btn-grey:hover {
  background-color: #ededed;
  color: #555;
  border-color: #ededed;
}

.btn-blue {
  background: #2273ba;
  color: #FFF;
}
.btn-blue:hover {
  background-color: #164469;
  color: #FFF;
}
.btn-blue:disabled:hover {
  background: #2273ba;
  color: #FFF;
}

.btn-blue-outline {
  border: 2px solid #2273ba;
  color: #2273ba;
  height: 40px;
  width: 120px;
}
.btn-blue-outline:hover {
  border: 2px solid #164469;
  color: #164469;
  background-color: rgba(34, 115, 186, 0.05);
}

.btn-add-hours {
  border: 2px solid #2273ba;
  color: #2273ba;
  width: 120px;
  height: 40px;
  background-color: transparent;
  border-radius: 4px;
}
.btn-add-hours:hover {
  border: 2px solid #164469;
  color: #164469;
}

.form-control-tertiary {
  height: 40px;
  width: 100%;
}

.btn {
  min-width: 155px;
  height: 44px;
  font-size: 16px;
  font-family: "Roboto-Bold";
  line-height: 1.9;
}
.btn:disabled {
  cursor: not-allowed;
}
.btn:focus {
  box-shadow: none;
}

.btn-add-another {
  font-family: "Roboto-Bold";
  height: 40px;
}

#other-languages-container .form-group {
  padding-left: 0;
}

#same-hours-as-primary {
  margin-bottom: 35px;
}

hr {
  border: 0.45px solid #d0d0d0;
  width: 100%;
  border-radius: 5px;
}

p {
  color: #2e2e2e;
}

.row .form-group:first-of-type {
  padding-left: 0;
}

.padding-top {
  padding-top: 20px;
}

.padding-bottom {
  padding-bottom: 20px;
}

.radio-group-header {
  color: #000;
}

.section-sub-header {
  font-size: 18px;
  line-height: 24px;
}

#not-caqh-registered-error {
  background-color: #fef0e5;
  padding: 50px 50px 50px 70px;
}

#caqh-steps-error {
  background-color: #fef0e5;
  padding: 50px 50px 50px 70px;
}

.error-title {
  font-size: 21px;
  color: #FF0000;
  margin-bottom: 20px;
}

.error-content a {
  color: #2273ba;
}

.landing-bullet-point {
  font-size: 16px;
  margin: 25px 0;
}

#flow-control-buttons {
  padding-top: 42px;
  padding-bottom: 56px;
}

.please-note-container {
  background-color: #e5f4fb;
  margin-bottom: 40px;
}

.please-note-contents {
  padding: 35px 67px 35px 50px;
}

.landing-subheader {
  margin: 41px 0 31px 0;
}

.landing-content a {
  color: #2273ba;
}

#caqh-information-section {
  padding-left: 28px;
}
#caqh-information-section .form-group {
  padding-left: 0;
  padding-top: 21px;
  margin-bottom: 0;
}

.caqh-additional-fields p {
  margin: 33px 0 25px 0;
  /*	padding-left: 25px;*/
  font-size: 18px;
  font-weight: bold;
}
.caqh-additional-fields span {
  font-weight: normal;
}

.blue-plus {
  font-size: 1.3em;
  color: #2273ba;
}

.orange-arrow {
  position: relative;
  width: 32px;
  height: 22px;
  background-color: #ec6c00;
  right: 10px;
  margin-left: -12px;
}
.orange-arrow::after {
  content: "";
  background-color: #ec6c00;
  height: 16px;
  width: 16px;
  position: absolute;
  right: -7px;
  top: 3px;
  transform: rotate(45deg);
}

#page-container {
  height: 140px;
  background-color: #f8f8f8;
}

.display-none {
  display: none;
}

.hidden {
  opacity: 0;
}

.spacer {
  margin: 0;
  padding: 0;
  height: 1em;
}

.main-section-header {
  font-size: 24px;
}

.date-field {
  /*background: url("/credentialing/images/calendar.png") no-repeat 98% 50%;*/
  background: url("/images/calendar.png") no-repeat 98% 50%;
}

#provider-credential-form .text-danger {
  color: #FF0000 !important; /*important is needed to override bootstrap important tag*/
  min-height: 19px;
  /*margin-bottom: 16px;*/
}
#provider-credential-form input:focus,
#provider-credential-form textarea:focus,
#provider-credential-form select:focus {
  border: 2px solid #2273ba;
}
#provider-credential-form textarea {
  height: 62px;
}
#provider-credential-form input,
#provider-credential-form select {
  height: 44px;
}
#provider-credential-form input[type=radio],
#provider-credential-form input[type=checkbox] {
  height: initial;
}
#provider-credential-form input[type=radio].input-validation-error {
  outline: 2px solid #FF0000;
  outline-style: auto;
}
#provider-credential-form .form-control, #provider-credential-form .form-control-tertiary {
  border: 2px solid #e2e3e4;
  border-radius: 4px;
}
#provider-credential-form .form-control.input-validation-error, #provider-credential-form .input-validation-error.form-control-tertiary {
  border: 2px solid #FF0000;
}
#provider-credential-form .form-control:focus, #provider-credential-form .form-control-tertiary:focus {
  box-shadow: none;
}
#provider-credential-form input[type=radio],
#provider-credential-form input[type=checkbox] {
  margin-right: 10px;
}
#provider-credential-form .form-group label {
  font-family: "Roboto-Bold";
  font-size: 16px;
  color: #555;
}
#provider-credential-form .form-group.form-check label {
  font-family: Roboto;
}
#provider-credential-form .radio-btn-row label {
  font-family: Roboto;
  font-size: 16px;
}
#provider-credential-form textarea {
  resize: none;
}
#provider-credential-form #fileTable {
  padding-bottom: 15px;
}
#provider-credential-form #attachmentBody,
#provider-credential-form .attachment-status-documents {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#provider-credential-form #attachmentBody .remove-file,
#provider-credential-form .attachment-status-documents .remove-file {
  background-color: transparent;
  border: none;
  outline: none;
  width: 15px;
}
#provider-credential-form #fileAttachmentsContainer {
  padding-bottom: 40px;
}
#provider-credential-form .supporting-documents {
  padding: 20px 0;
}
#provider-credential-form .facility-row {
  padding-left: 15px;
}

.page-selector-container {
  padding: 25px 0 25px 0;
  background-color: #f8f8f8;
  position: relative;
  z-index: -2;
}

#page-selector-bar {
  width: 1140px;
  margin: 0 auto;
}
#page-selector-bar .circle-container {
  height: 16px;
  width: 16px;
  border: 2px solid #c8c8c8;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
}
#page-selector-bar .active .circle-container {
  width: 16px;
  height: 16px;
  background-color: #FFF;
  border-color: #2273ba;
}
#page-selector-bar .active .page-title {
  font-family: "Roboto-Bold";
}
#page-selector-bar ul {
  display: flex;
  padding-left: 0;
}
#page-selector-bar ul li {
  list-style-type: none;
  text-align: center;
  position: relative;
  flex-grow: 1;
  cursor: pointer;
}
#page-selector-bar ul li.page-completed .circle-container {
  background-color: #2273ba;
  border-color: #2273ba;
}
#page-selector-bar ul li.page-completed .page-title:hover {
  font-family: "Roboto-Bold";
  cursor: pointer;
}
#page-selector-bar ul li.page-completed-active .circle-container {
  border: 2px solid #2273ba;
  background-color: #FFF;
}
#page-selector-bar ul li.page-completed-active .page-title {
  font-family: "Roboto-Bold";
}
#page-selector-bar ul li.disabled {
  cursor: not-allowed;
}
#page-selector-bar ul li:after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #c8c8c8;
  top: 7.5px;
  left: -53%;
  z-index: -1;
}
#page-selector-bar ul li:first-child:after {
  content: none;
}

#office-hours .office-hour-row:last-of-type,
#secondary-office-hours .office-hour-row:last-of-type {
  margin-bottom: 30px;
}
#office-hours .day,
#secondary-office-hours .day {
  width: 55px;
}
#office-hours .hours,
#secondary-office-hours .hours {
  width: 180px;
}
#office-hours .remove-hours,
#secondary-office-hours .remove-hours {
  position: relative;
  top: -1px;
}
#office-hours .remove-hours:hover,
#secondary-office-hours .remove-hours:hover {
  cursor: pointer;
}
#office-hours .remove-hours img,
#secondary-office-hours .remove-hours img {
  height: 12px;
  width: 12px;
  margin-left: 15px;
}
#office-hours .hyphen,
#secondary-office-hours .hyphen {
  margin: 0 3px;
}
#office-hours .to-seperator,
#secondary-office-hours .to-seperator {
  position: relative;
  top: 10px;
}

.success-page {
  text-align: center;
  padding: 100px 0;
  min-height: 60vh;
}

#addressHolderContainer {
  white-space: pre-wrap;
}

.select2-search input {
  height: 28px !important;
  width: 336px !important;
}

.select2-search input:focus {
  border: 0px !important;
}

.select2-container {
  display: block;
}

.select2-selection {
  border: 2px solid #e2e3e4 !important;
}

.vertical-align-center {
  margin: auto 0;
}

.background-gray {
  background-color: #f4f4f4;
  padding: 35px 50px 40px 22px;
}

.sorry {
  background-image: url(/images/icon-warning.svg);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  margin-left: -28px;
  margin-bottom: -21px;
}

.caqh-not-registered input {
  margin-top: 4px;
}
#main-navbar {
  height: 99px;
}

#main-footer {
  height: 158px;
  background-color: #164469;
  color: #FFF;
  padding-top: 33px;
  width: 100%;
}
#main-footer a {
  color: #FFF;
  text-decoration: underline;
  font-family: "Roboto-Thin";
  font-size: 13px;
}
#main-footer .copyright {
  font-size: 12px;
  margin: 25px 0;
}
@font-face {
  font-family: "Roboto-Medium";
  /*src: url("/credentialing/font/Roboto-Medium.ttf");*/
  src: url("/font/Roboto-Medium.ttf");
}
@font-face {
  font-family: "Roboto-Light";
  /*src: url("/credentialing/font/Roboto-Light.ttf");*/
  src: url("/font/Roboto-Light.ttf");
}
@font-face {
  font-family: "Roboto";
  /*src: url("/credentialing/font/Roboto-Regular.ttf");*/
  src: url("/font/Roboto-Regular.ttf");
}
@font-face {
  font-family: "Roboto-Thin";
  /*src: url("/credentialing/font/Roboto-Thin.ttf");*/
  src: url("/font/Roboto-Thin.ttf");
}
@font-face {
  font-family: "Roboto-Bold";
  /*src: url("/credentialing/font/Roboto-Bold.ttf");*/
  src: url("/font/Roboto-Bold.ttf");
}
