/* CSS General classes */
body{
  background-color: #fafafa;
  color: #202020;
}
a.bright-link{
  color:#C240FF !important;
  text-decoration:underline;
  cursor: pointer;
  font-weight:bolder
}
/* CSS TO OVERRIDE CURRENT CSS ON APP.CSS */
.btn-primary {
  color: #fff;
  background-color: #623776 !important;
  border-color: #623776;
  font-weight: 500;
}
.btn-primary:hover {
  color: #fff;
  background-color: #623776;
  border-color: #623776;
  outline: 3px solid #E19FFF;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #4d2d62;
  border-color: #623776;
  box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #623776;
  border-color: #623776;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #623776;
  border-color: #623776;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}

.btn-outline-primary {
    color: #623776 !important;
    border-color: #623776 !important;
}

.btn-outline-primary:hover {
    color: #FFF !important;
    background-color: #623776!important;
    border-color: #623776;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #623776;
    background-color: transparent;
}

.btn-outline-primary.disabled:hover{
    color: #FFF;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #623776;
    background-color: #623776!important;
    border-color: #623776;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-danger {
  font-weight: 800;
  color: #623776;
  background-color: #F5DFFF;
  border-color: #623776;
}
.btn-danger:hover {
  color: #623776;
  background-color: #F5DFFF;
  border-color: #623776;
  outline: 3px solid #E19FFF;
}
.btn-danger:focus, .btn-danger.focus {
  color: #623776;
  background-color: #908494;
  border-color: #623776;
  box-shadow: 0 0 0 0.2rem rgba(231, 82, 78, 0.5);
}
  .btn-danger.disabled, .btn-danger:disabled {
  color: #623776;
  background-color: #F5DFFF;
  border-color: #623776;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #623776;
  background-color: #F5DFFF;
  border-color: #623776;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(231, 82, 78, 0.5);
}

.btn-light {
  color: #623776;
  background-color: #FFF;
  border-color: #623776;
}
.btn-light:hover {
  color: #623776;
  background-color: #FFF;
  border-color: #623776;
  outline: 3px solid #E19FFF;
}
.btn-light:focus, .btn-light.focus {
  color: #623776;
  background-color: #e2e6ea;
  border-color: #623776;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #623776;
  background-color: #f8f9fa;
  border-color: #623776;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #623776;
  background-color: #dae0e5;
  border-color: #623776;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

/* List group (left menu pannel) */
.list-group .list-group-item.active{
  z-index: 2;
  color: #fff;
  text-align: inherit;
  background-color: #623776;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

/* badge span box */
.badge{
  padding: 0.4em 1em;
}
.list-group .list-group-item.active .badge-success{
  color: #fff;
}

/* Badges Color */
.coverage-badge .badge{
  background: #3157b8!important;
  color: white!important;
  font-size: 9px!important;
}
.badge-success{
  background: #128b8b;
  color: white;
}
.badge-secondary{
  background-color: #928799;
  font-weight: 500;
}
.badge-info{
  background: #3157b8;
  color: white;
}
.badge-warning{
  color: #372047;
  background-color: #f8c952;
}
.badge-danger{
  color: white;
  background-color: #d03838;
}
.badge-pending{
  background-color: #ffac5f;
}
.badge-resolved-pending{
  color: #fff;
  background-color: #542800;
}
/* Cards element */
.card-header{
  font-weight: 500;
  color: #202020;
  background-color: #F6F6F6;
  border-bottom: 1px solid #E6E1E9
}

/* anchors */
a, a i{
  color:#623776;
}
a:hover{
  color:#623776;
}

/* customeRadioIcon */
.customeRadioIcon label.icons-radio-input--checked{
  border: 1px solid #623776;
  background-color: #623776;
}
.customeRadioIcon .icons-radio-input__icon {
  padding-top: 10px;
}

/* Progress bar */
.progress .progress-bar{
  background-color:#F5DFFF;
}

/* Disable colors */
.form-check-input:disabled~.form-check-label, 
.form-check-input[disabled]~.form-check-label {
  color: #c4c4c4!important;
}

/* navbar */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: white;
  color: #623776;
  border-bottom: 2px solid #623776;
  font-weight: 800;
  border-radius: 0;
}

.nav-tabs .nav-link {
  margin-bottom: 1px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
  color: #623776;
  background-color: white;
  border-color: white;
  font-weight: 800;
  border-bottom: solid 2px #623776 ;
  border-radius: 0;

}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: white;
  border-bottom: solid 2px #623776 ;
}

.select2-search--dropdown .select2-search__field {
  padding-left: 35px;
  background: url("/img/search.png") no-repeat left;
  background-size: 16px;
  background-position-x: 10px;
}
.fw-bolder {
  font-weight: bolder;
}

.purple-text {
  color: #623776;
}

.bg-purple {
  background-color: #623776;
}

.close-button {
  color: #623776;
  font-size: 1.50rem;
}

.alert-warning-nonpayment{
  background-color: #ffac5f;
  color: #542800;
  font-family: Inter,sans-serif;
  font-size: .9rem;
  font-weight:bold;
}
/* duplicated DOT / legal_name tooltip */
.customTooltipIcon {
  border: 1px solid #C240FF;
  border-radius: 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #C240FF;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  bottom: 2px;
  position: relative;
  color: #FFFFFF;
}
.tooltip.show {
  opacity: 1!important;
} 
.tooltip span {
  color: #372047!important;
}
.tooltip-inner {
  background:rgba(255,255,255,1)!important;
  border: 1px solid #F1DDFF!important;
  color: #372047!important;
  opacity: 1!important;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
  border-bottom-color: #deb3fd!important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
  border-top-color: #deb3fd!important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
  border-left-color: #deb3fd!important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  border-right-color: #deb3fd!important;
}
.nav-main-link > a {
  color: #623776 !important;
  font-weight: bold;
}

.clickable {
  cursor: pointer;
}

.underwriter-name {
  margin-left: 15px;
  background-color: #F88ECD;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 14px;
  border-radius: 20px;
  padding: 4px 3px 0 3px;
  text-align: center;
  margin-top: 5px;
}

.info-icon {
  position: relative;
  display:inline-block;
  padding:0px 3px 3px 3px;
  color:#202020;
  background-color: #E6E1E9;
  font-size:13px;
  border-radius:50%;
  width:20px;
  height:20px;
  margin-left:5px;
  font-weight:bold;
  text-align:center;
}

.info-icon:hover {
  color:#202020;
  background-color: #E6E1E9;
  text-decoration: none;
  cursor: help;
}

.info-icon:hover:after,
.info-icon:hover:before {
  opacity: 1;
  visibility: visible;
  margin-top: -20px;
}
.info-icon::before {
  content: attr(data-title);
  background-color: #fff;
  color: #25272B;
  font-size: 14px;
  position: absolute;
  padding: 15px;
  margin-left: 15px;
  left: 100%;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  opacity: 0;
  border: 2px solid #fff;
  z-index: 99999;
  text-align: left;
  visibility: hidden;
  max-width: 500px;
  min-width: 350px;
  font-weight: normal;
  border-radius: 10px;
}

.info-icon::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border-width: 10px;
  border-style: solid;
  opacity: 0;
  margin-left: 8px;
  transform: rotate(90deg);
  z-index: 900;
  border-color: #f2f2f2 transparent transparent transparent;
}

.custom-control-input:checked~.custom-control-label::before {
  box-shadow: none;
  outline: none;
  color: #fff;
  border-color: #623776;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8' %3E%3Ccircle r='2' stroke='%23623776' fill='%23623776'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: none;
}

.custom-control-label::before {
  width: 1em;
  height: 1em;
}

.custom-control-label::after {
  width: 1em;
  height: 1em;
}


.badge-primary-dark {
    color: #fff;
    background-color: #133390;
  }
  
  a.badge-primary-dark:hover,
  a.badge-primary-dark:focus {
    color: #fff;
    background-color: #133390;
  }
  
  a.badge-primary-dark:focus,
  a.badge-primary-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #133390;
  }
  

  .badge-additional-prem {
    color: #fff;
    background-color: #3799ff;
  }
  
  a.badge-additional-prem:hover,
  a.badge-additional-prem:focus {
    color: #fff;
    background-color: #3799ff;
  }
  
  a.badge-additional-prem:focus,
  a.badge-additional-prem.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #3799ff;
  }
  
  .badge-non-prem {
    color: #fff;
    background-color: #f67e42;
  }
  
  a.badge-non-prem:hover,
  a.badge-non-prem:focus {
    color: #fff;
    background-color: #f67e42;
  }
  
  a.badge-non-prem:focus,
  a.badge-non-prem.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #f67e42;
  }
    
.badge-return-prem {
    color: #fff;
    background-color: #db43ff;
  }
  
  a.badge-return-prem:hover,
  a.badge-return-prem:focus {
    color: #fff;
    background-color: #db43ff;
  }
  
  a.badge-return-prem:focus,
  a.badge-return-prem.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #db43ff;
  }
  

.modal-xxlg {
    max-width: 90%;
}
.modal-xxxlg {
    max-width: 98%;
}
.borderless td, .borderless th {
    border: none;
}
input[type="checkbox"]:checked, input[type='radio'] {
  accent-color:#623776 !important;
}

.page-link, .page-link:hover {
  color: #623776;
  border-color: #E6E1E9;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #623776;
  border-color: #623776;
}

/* new font changes and updates */
.card.mt-3 h3,
.card.mt-3 .h3 {
  font-size: 18px;
}

.card.mt-3.h1, 
.card.mt-3 h1 {
  font-size: 25px;
}

.card-header .transportaion-show-header div {
  font-weight: 500;
}

.table-responsive .table tbody th {
  font-weight: 400;
}

#insuredSection .table-responsive .table thead th,
#insuredSection .table-responsive .table tbody th {
  font-weight: 500;
}

.nav-main-link > a {
  font-weight: 500;
}

table thead tr th a {
  font-weight: 500;
}

.ProgressBar-stepLabel {
  font-weight: 400!important;
}

.nav-pills .nav-link,
.nav-tabs .nav-link {
  font-weight: 500;
}

#transportaionSubmissionFiles .table-responsive .table tbody th {
  font-weight: 600;
}

#underwriting .table-responsive .table tbody th,
#commissionFees .table-responsive .table tbody th,
#rates .table-responsive .table tbody th,
#DOTUnderwritingChecks .table-responsive .table tbody th {
  font-weight: 500;
}

#billingSummaryContent .table thead th,
#drivers .table thead th,
#trailersList .table thead th,
#vehiclesList .table thead th {
  font-weight: 500;
}

.btn-secondary {
  font-weight: 500;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-dropdown .select2-results__option[aria-selected="true"]:hover, .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  background-color: #EEEEEE!important;
  background: #EEEEEE!important;
  color:#202020!important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #EEEEEE!important;
  background: #EEEEEE!important;
  color:#202020!important;
}
#edit_driver_license_number, #edit_name_first, #edit_name_last, #driver_license_number, #name_first, #name_last {
  text-transform:uppercase;
}

#application_progress-bar-svg_radial #application_progress-bar_text {
  fill: #361B42;
}

.btn-link {
  color: #C240FF !important;
}

.form-control:disabled, .form-control[readonly]  {
  background-color: #F1F1F1 !important;
  border-color: #E6E1E9;
  color: #493D4F;
}

hr {
  border-top-color: #E6E1E9;
}

.input-group-text {
  background-color: #F1F1F1;
  border-color: #E6E1E9;
  color: #6F6275;
}

.icons-radio-input {
  color: #C7BECD;
}

.icons-radio-input--checked {
  background-color: #623776;
}

.bg-primary {
  background-color: #623776 !important;
}

.default-toast-container .toast.show {
  margin: 1rem !important
}

.list-group-item {
  border-color: #E6E1E9;
}

.list-group-item-action {
  color: #202020;
}

.list-group-item a, a i {
  color: #623776;
}

.select2-container-disabled {
  background-color: #F1F1F1 !important;
  border-color: #E6E1E9 !important;
  color: #202020 !important;
}

.table {
  color: #202020;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F6F6F6;
  border-bottom: #E6E1E9;
}

.table td, .table th {
  border-top: 1px solid #E6E1E9;
}

.table thead th {
  border-bottom-color: #E6E1E9;
}

.text-muted {
  color: #6F6275 !important;
}

th.sortable:hover:after {
  color: #493D4F;
}

th.sortable:after {
  color: #C7BECD;
}

select.form-control {
  color: #493D4F;
}

.form-control {
  color: #202020;
  border-color: #E6E1E9;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7BECD !important;
  opacity: 1; /* Firefox */
}

.card {
  border-color: #E6E1E9;
}

.custom-select {
  border-color: #E6E1E9;
}

.custom-file-label {
  border-color: #E6E1E9;
}

.select2-container--disabled .select2-selection__rendered {
  background-color: #F1F1F1;
}

.modal-header {
  border-bottom: 1px solid #E6E1E9;
}

.modal-footer {
  border-top: 1px solid #E6E1E9;
}

.modal-content {
  border-color: #E6E1E9;
}

.dropzone {
  border-color: #C240FF;
}

.dropdown-menu {
  border-color: #E6E1E9;
}

.dropdown-item {
  color: #202020;
}

.dropdown-item:hover {
  background-color: #EEEEEE !important;
}

footer.border-top {
  border-color: #E6E1E9 !important;
}

#declineRenewalModal h4, p.reasons-title {
  font-size: 16px;
  font-weight: bold;
}

#declineRenewalModal label {
  font-size: 14px;
  font-weight: normal;
}

#cancelReasonModal h5 {
  font-size: 16px;
}

#cancelReasonModal label {
  font-size: 14px;
}

.non_renewal_reason_other, .cancellation_reason_broker_other {
  margin-left: 40px;
}

/** TRACK SIGNATURE MODAL */

.arrow-icon {
  width: 200px;
  height: 20px;
}

.signature-icons {
  height: 20px;
}

.recipient-email-input {
  width: 71%;
}

.recipient-resend-button {
  width: 30%;
}

.recipient-update-button {
  width: 40%;
}

.empty-block {
  height: 25px;
}

.toggle-input-btn-label {
  color: #202020;
}

.toggle-input-btn-label::before {
  background-color: #ADB5BD; 
}

.toggle-input-btn-label::after {
  background-color: white !important;
}

.toggle-input-btn:checked~.toggle-input-btn-label::before {
  background-color: #623776;
  border-color: #623776;
}

.alert-info {
  background-color: #D1E4FC !important;
  color: #202020;
}

/** Promote Instant Bind Modal **/
#confirmNoInstantBindModal .modal-content, #promoteInstantBindModal .modal-content {
  width: 612px;
  height: 458px;
}

#confirmNoInstantBindModal .logo, #promoteInstantBindModal .logo {
  width: 170px;
  height: 170px;
}

#confirmNoInstantBindModal button, #promoteInstantBindModal button {
  font-size: 20px;
  font-weight: 600;
}