html {
  scroll-padding-top: 130px;
}

/*
// This is for the buttons found at the bottom of the form
*/
.actions .col-sm-6 {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}

.picklist-cell {
  height: 82px;
}

/*
  // This is for fixing the excessive padding on forms in smaller display sizes
  */
@media (max-width: 767px) {
  body .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .container .col-md-12 {
    width: 100%;
  }
}

/*
  // This is for re-styling the tab titles found at the top of every page in driver onboarding
  */
h2.tab-title {
  font-size: 24px !important;
  font-weight: 700;
  font-size: var(--theme-font-size-h2-tab);
  border: none !important;
}

.input-group-btn button {
  padding: 5.5px 12px;
}

/*
  // Stying of image on welcome page
  */
.carousel-inner img {
  width: 100%;
  object-fit: cover;
}

.welcomePage-content {
  padding: 30px 12.5%;
}

@media only screen and (max-width: 767px) {
  .carousel-inner img {
    width: 100vw;
    height: 100vw !important;
    object-fit: cover;
  }
  .welcomePage-content {
    padding: 30px 22px;
  }
}

/*  
  // Set heading style
  */
h1,
.section-title {
  font-family: Visby CF !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 29px !important;
  letter-spacing: 0em !important;
  text-align: left;
}

/*
  // Style for navbar
  // Change font color of main navigation to white
  */
.navbar-nav.weblinks a {
  color: var(--theme-navbar-default-link-color);
}

/*
  // Navbar button styling
  */
.navbar-toggle {
  border: none !important;
}

.navbar .container {
  height: 50px;
  position: relative;
  max-width: 770px;
}

/*
  // Button Styling
  // Set button to be fixed at the bottom of the view screen
  */
#mainContent .container .actions {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  justify-content: center;
  min-width: 100vw;
  z-index: 10;
  background: var(--theme-body-bg);
  margin: 0;
  border-top: 1px solid #e5e5e5;
  padding: 19px 0 32px 0;
}

/*
  // Set max width of button to 800px
  */
div.actions .col-sm-6 {
  max-width: 800px;
}

/*
  //Fixed up overflow and margin issue
  */
.navbar.navbar-inverse.navbar-static-top {
  margin-bottom: 0;
}

html,
body {
  overflow-x: hidden;
  padding-top: 25px;
}

/*
  // Hides the alert icon
  */
.alert .fa.fa-info-circle {
  display: none;
}

/*
// Set min height for body content
*/
#mainContent {
  min-height: 100vh;
  padding: 0 22px 0 22px;
}

#mainContent .container {
  max-width: 770px;
  padding: 24px 0 0 0;
  margin: 0 auto 160px auto;
}

/*
  // Set outer padding according to design
  // Set inner padding to zero
  */

.row.sectionBlockLayout {
  padding: 0 !important;
  margin: 0 !important;
}

.col-md-12.columnBlockLayout {
  padding: 0;
}

.FormCustomContent {
  padding: 0;
}

td,
th {
  padding: 0 !important;
}

@media only screen and (max-width: 765px) {
  .FormCustomContent {
    padding: 0;
  }
}

.navbar.navbar-inverse.navbar-static-top {
  position: fixed;
  top: 0;
  width: 100%;
}

/*
// Styling for phone icon
*/

/* Remove border on mobile phone input */
#phoneInput {
  border: none;
}

/* Remove background color on flag */
.iti__selected-flag {
  background: none !important;
}

.iti__flag-container {
  margin-bottom: 11px;
}

/* Zoom into flag */
.iti__flag {
  transform: scale(1.5);
}

/* Styling of dial code */
.iti__selected-dial-code {
  padding-left: 5px;
  font-family: Visby CF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}

/*
// Styling for multi language selection
*/

/* Styling for single language element */
.msos-selecteditems .msos-selected-display-item {
  background: #ffffff !important;
  border: 1px solid #c6cbd480;
  color: #979797;
}

/* Change color of cross for single language element */
.msos-glyph {
  color: #f58200;
}

/* Remove border on language selection input */
html .msos-container,
html .msos-active,
html .msos-focused {
  border: none !important;
  box-shadow: none !important;
  border-color: none !important;
}

html .msos-container:not(.msos-disabled).msos-focused {
  border-color: none !important;
}

html .msos-container:not(.msos-disabled).msos-active {
  border: none !important;
}

.msos-input-container {
  padding: 0 !important;
}

.msos-selecteditems.msos-current-selection-normal {
  padding: 0 !important;
}

.msos-inner-container {
  opacity: 1 !important;
  display: block !important;
}

.customControl {
  position: relative;
}

/*
// Position absolute made the language select unremovable
*/
.msos-selecteditems-container {
  position: absolute;
  left: 200px;
  z-index: 10;
}

/*
// Styling of dropdown for selected languages on mobile
*/
@media (max-width: 767px) {
  .msos-selecteditems-container {
    position: relative;
    left: 0px;
  }

  html .msos-selecteditems-toggle {
    padding: 0 20px !important;
    visibility: visible !important;
  }

  html .msos-invisible {
    visibility: hidden !important;
  }
}

/*
// Hides the default arrow for language selection
*/
.msos-caret-button .msos-glyph {
  padding-right: 23px;
  color: #ffffff;
  z-index: -10;
}

html .msos-caret-button {
  padding-right: 12px !important;
}

.fa-calendar {
  color: #f58200;
}

.form-control-cell.datetime {
  padding-bottom: 25px !important;
}

.form-control {
  padding: 0 !important;
  /*border: none !important;*/
  margin-bottom: 25px;
}

#FileActionsContainer {
  background-color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff !important;
  text-decoration: none !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #9d9d9d !important;
}

#FileActionsContainer hr {
  border-style: none;
}

.crmEntityFormView .actions {
  border-style: none;
}

.welcomePage-content {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .welcomePage-content {
    max-width: 100%;
  }
}

@media (min-width: 2200px) {
  .welcomePage-content {
    max-width: 70%;
  }
}

.footer .footer-bottom {
  padding: 0;
}

.carousel-caption p {
  margin: 0 5px 12px 5px;
}

#WebFormControlUnsubscribe,
#WebFormControl_a741a8324cddec11bb3d002248159075 {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  #WebFormControlUnsubscribe,
  #WebFormControl_a741a8324cddec11bb3d002248159075 {
    max-width: 90%;
  }
}

.tab-title {
  margin-top: 30px;
  margin-bottom: 30px;
}

.section tr {
  padding-top: 10px;
}

#a2b_documentchecklistchecked_label {
  white-space: normal;
}

.border-bottom-focus {
  border-bottom: 1px solid #f58200 !important;
}

.boolean-radio label {
  padding-bottom: 30px;
  padding-left: 5px;
}

#value_ledit {
  padding-bottom: 15px !important;
}

.msos-caret-button {
  position: absolute;
}

#value_ledit:focus {
  border-bottom: solid !important;
  border-width: thin !important;
  border-color: var(--theme-brand-primary) !important;
}

#WebFormControlUnsubscribe td {
  padding-bottom: 50px !important;
}

.info .validators {
  height: 0;
  width: 0;
}

.rotate {
  animation: rotation 1s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}