.sfLogoLetter{
  width: 190px;
  margin-left:38px;
  height: 60px; 
  display: flex;
  align-items: center;  
}
@media (max-width: 768px) {
  .sfLogoLetter{
    margin-left:24px;
  }
}
.sfLogoLetter a{

  font-size: 16px;
  color: #fcfcfc !important;
  font-weight: 600;
  width: 100%;
  text-align: center;
}

.theme--light.v-application {
  background: #F7F7F7 !important;
  color: #4c4883;
  font-size: 16px;
}

.btnDesign {
  margin: 0px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  height: 20px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  font-size: 10px !important;
}

.inputDesign .v-input__slot {
  background: #f4f4f4 !important;
}

.user_signup .v-input--is-disabled .v-input__slot {
  background: #CED1D6 !important;
}

.inputDesign.v-input--is-disabled .v-input__slot {
  background: #ededed !important;
}
.inputDesign.v-input--is-disabled .v-input__slot input {
  color: #1f1e34 !important;
  opacity: 0.7 !important;
}

.inputDesign input {
  padding: 0px !important;
}

.inputDesign .v-input__slot,
.inputDesign .v-text-field__slot .inputDesign .v-input__control {
  padding: 0px !important;
  box-shadow: none !important;
  min-height: 30px !important;
}

.app_dashboard {
  color: #1f1e34 !important;
  font-size: 16px;
}

.grecaptcha-badge {
  visibility: hidden;
}

.main_header,
.footer {
  background-color: #2d2b4d !important;
}

.footer {
  color: #8f8dd9;
  box-shadow: inset 10px -10px 20px #415AF00D;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #1f1e34;
}

.auth h1{
 font-size: 28px;
}

.v-btn {
  text-transform: none !important;
  /* border-radius: 6px!important; */
  justify-content: center !important;  
}

/*select.form-control {
    -webkit-appearance: menulist!important;
}*/

.v-chip.v-size--default {
  font-size: 12px !important;
}

.v-chip {
  padding: 0 10px !important;
  position: absolute !important;
  right: 0px;
  top: 0px;
}

.user_avatar {
  backface-visibility: hidden;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background-size: cover;
 }
.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label,
.v-text-field--full-width.v-input--dense.v-text-field--single-line .v-label {
  top: 7px !important;
}
.user_avatar_rw {
  backface-visibility: hidden;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-size: cover;
  margin-right: 11px;
}

div .container-border-radius{
  border-radius: 20px !important
}

.user_avatar_2x {
  position: relative;
  backface-visibility: hidden;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  width: 144px;
  height: 144px;
  background-size: cover;
  z-index: 1;
}

.user_avatar_lg {
  position: relative;
  backface-visibility: hidden;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  width: 104px;
  height: 104px;
  background-size: cover;
}

.user_avatar_sm {
  backface-visibility: hidden;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-size: cover;  
}
.w-profile {
  backface-visibility: hidden;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-size: cover;
  
}

.reviews_info {
  display: inline-block;
  vertical-align: top;
}

.textRating .v-icon.v-icon {
  font-size: 19px !important;
  padding: 0px !important;
  top: -3px;
}
.removeHover {
  background: white;
}

.v-text-field--filled.v-text-field--single-line.v-input--dense input,
.v-text-field--full-width.v-text-field--single-line.v-input--dense input {
  margin-top: 2px !important;
}

.statusMsn {
  position: absolute !important;
  top: 0px !important;
  right: 15px !important;
  font-weight: 500;
}

.btn-primary, .v-application .v-btn.primary {
  /* background-color: #4B64F2 !important;
  border: #4B64F2 !important;
  border-radius: 28px !important; */
  padding: 0.375rem 20px !important;
  color: #ffffff !important;
  background-color: #4B64F2 !important;
  border-color: #4B64F2 !important;
  border-radius: 28px !important;
}


.v-btn:not(.v-btn--round).v-size--large{
  width: 200px!important;
  height: 50px!important;
  font-size:20px;
}

.v-btn:not(.v-btn--round).v-size--small{
  width: 160px!important;
  height: 40px!important;
  font-size:16px;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #3e8eef;
  border: #3e8eef;
}

.theme--light.v-input--is-disabled .v-label,
.theme--light.v-input--is-disabled .v-select__selections,
.theme--light.v-input--is-disabled input,
.theme--light.v-input--is-disabled textarea {
  color: #1f1e34 !important; opacity: .7;
}


.v-ripple__container{
  display: none !important;
} 

.v-list-item:focus {
  outline: none !important;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #A73F4F;
  border: #A73F4F;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.form-control {
  background-color: #e3effe;
  border: 0px;
  border-radius: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #e3effe;
  /* border: solid 1px #4c4883; */
  outline: 0;
  box-shadow: none;
}

.v-application {
  /* font-family: "Work Sans" !important; */
  font-family: "Work Sans", sans-serif !important;
  line-height: 1.5;
}

.home_top {
  background: #e6e5f7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 1rem 4rem !important;
}

.pinkheader {
  color: #f77f98;
}

.fixed_header {
  z-index: 200;
  position: fixed;
  width: 100%;
  overflow: hidden;
  /* margin-top: 56px; */
}

.fixed_header_container {
  position: fixed;
  width: 100%;
  z-index: 202;
  
}

.fixed_header_top {
  z-index: 200;
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.home_top p {
  color: #4c4883;
  font-size: 20px;
}

.home_ad {
  background-color: #9390de;
}

.why_join {
  background-color: #eeeeee;
}

.why_join .head {
  border-right: solid 2px #eeeeee;
}

.why_join p {
  color: #4c4883 !important;
}

.why_join .v-card .v-card__text {
  color: #4c4883 !important;
  font-size: 16px !important;
}

.sitename {
  font-size: 2.9rem;
}

.the_platform {
  background: #e6e5f7 !important;
}

.pink_icon {
  color: #704289 !important;
}
.activeBadge {
  color: #2cc05f !important;
}
.inactiveBadge {
  color: #c7c7c7 !important;
}

/*-------------list cards  */
.empty {
  color: #c7c7c7 !important;
}
.h2Title {
  font-size: 16px !important;
  color: #1f1e34 !important;
  font-weight: 500;
}
/* .textList,
.v-input,
.v-input::before,
.v-input::after,
.v-label:hover,
.v-label::before,
.v-label::after {
  font-size: 11px !important;
  color: #56595F !important;
} */
.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label,
.v-text-field--full-width.v-input--dense.v-text-field--single-line .v-label,
.v-select.v-input--dense .v-select__selection--comma {
  font-size: 14px !important;
  /* color: #97999D !important; */
}
.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label,
.v-text-field--full-width.v-input--dense.v-text-field--single-line .v-label{
  color: #97999D !important;
}
.subList {
  color: #656b72 !important;
}

.servList {
  color: #656b72 !important;
  margin-bottom: 12px;
}

.icoEmpty {
  /* font-size: 22px !important; */
  background: url("/images/icons/calendar.svg");
  background-position: center;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  margin-bottom: -8px;
  margin-right: 10px;
  opacity: 0.5;
}

.textEmpty {
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
}
.contentEmpty {
  background: #f4f4f4 !important;
}

/*------------- End list cards */
/*-------------Select Styles */
.v-list {
  padding: 0px !important;
}
.v-select-list .v-list {
  padding: 0px !important;
}
.no-overflows .v-list {
  overflow: hidden !important;
}
/* 
.mdi-checkbox-blank-outline::before {
  width: 30px;
  background: url(/images/icons/checkbox-inactive.svg);
  background-size: 30px;
  content: "" !important;
  display: inline-block;
  height: 30px;
}
.v-simple-checkbox .mdi-checkbox-blank-outline::before {
  width: 30px;
  background: url(/images/icons/checkbox-inactive.svg);
  background-size: 30px;
  right: -24px !important;
  top: -18px !important;
  position: absolute;
  content: "" !important;
  display: inline-block;
  height: 30px;
}
.mdi-checkbox-marked::before {
  width: 30px;
  background: url(/images/icons/checkbox-active.svg);
  background-size: 30px;
  content: "" !important;
  display: inline-block;
  height: 30px;
}
.v-simple-checkbox .mdi-checkbox-marked::before {
  width: 30px;
  background: url(/images/icons/checkbox-active.svg);
  background-size: 30px;
  right: -24px !important;
  top: -18px !important;
  position: absolute;
  content: "" !important;
  display: inline-block;
  height: 30px;
} */

/*.v-simple-checkbox .v-icon.v-icon,
 .v-application .primary--text {
  font-size: 18px !important;
} */
.v-menu__content .v-btn__content {
  font-size: 14px !important;
}

.ico-sort-arrows {
  content: url("/images/icons/sort.svg");
  right: -2px !important;
}
.v-input__slot,
.v-select__selections,
.v-list-item.v-list-item--link.theme--light {
  min-height: 32px !important;
 color: #97999D !important;
  font-size: 14px !important;
}




.checkList-line  .v-list-item.v-list-item--link.theme--light,
.blueCheckList  .v-list-item.v-list-item--link.theme--light,
.checkBoxMinBlue  .v-list-item.v-list-item--link.theme--light,
.checkList-lineBlue  .v-list-item.v-list-item--link.theme--light,
.checkList-lineWhite  .v-list-item.v-list-item--link.theme--light,
.checkListGray-line .v-list-item.v-list-item--link.theme--light,
.checkList .v-list-item.v-list-item--link.theme--light{
  height: 32px !important;
  
}
.checkList-line  .v-select-list .v-list-item__title,
.blueCheckList  .v-select-list .v-list-item__title,
.checkBoxMinBlue  .v-select-list .v-list-item__title,
.checkList-lineBlue  .v-select-list .v-list-item__title,
.checkList-lineWhite  .v-select-list .v-list-item__title,
.checkListGray-line .v-select-list .v-list-item__title,
.checkList .v-select-list .v-list-item__title {

  color: #1F1E34 !important;
  opacity: .5;
  margin-top: 2px;

}



.checkDisabled .v-select__selections {
  font-size: 14px !important;
  color: #1F1E34 !important;

}



.v-input__icon.v-input__icon--append i::before {
  width: 30px;
  background: url(/images/icons/sort.svg);
  background-size: 30px;
  right: -17px !important;
  top: -18px !important;
  position: absolute;
  content: "";
  display: inline-block;
  height: 30px;
}

/* .v-select-list .v-list-item:first-child::after {

  content: url(/images/icons/sort.svg);
  right: -1px !important;
  top: -1px !important;
  position: absolute;
  
} */

.subtitleDiv {
  font-family: "Work Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600;
}

.v-list-item--dense,
.v-list--dense .v-list-item {
  min-height: 39px !important;
}

.v-list-item__title {
  font-size: 14px !important;
}
.v-list-item--dense .v-list-item__icon,
.v-list--dense .v-list-item .v-list-item__icon {
}
.v-list-item__action {
  margin: 0px 0 !important;
}

/* .v-select-list .v-list-item {
  border-bottom: 1px solid #c7c7c7 !important;
  padding: 0 10px !important;
} */

.v-list-item--dense .v-list-item__content,
.v-list--dense .v-list-item .v-list-item__content {
  padding: 0px;
}
.v-select-list .v-list-item:last-child {
  border-bottom: none !important;
}

.v-menu__content {
  border-radius: 7px !important;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2) !important,
    0px 8px 10px 1px rgba(0, 0, 0, 0.14) !important,
    0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}

.v-text-field.v-text-field--enclosed .v-text-field__details,
.v-text-field.v-text-field--enclosed > .v-input__control > .v-input__slot {
  padding: 0 10px !important;
  padding-right: 4px !important;
}

.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)
  > .v-input__control
  > .v-input__slot {
  box-shadow: none !important;
}



.checkboxList,
.checkboxList .v-input__slot,
.checkboxList .v-input__control
{
  margin-top: 0px !important;
  padding-top: 0px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0px !important;
  box-shadow: none !important;

}



.checkboxList .v-input--selection-controls__input {
  /* position: absolute !important;
  right: 0px !important; */
  margin-right: 0px !important;
}
.checkboxList label {
  font-size: 14px !important;
}

.checkboxList .v-icon.notranslate.mdi.mdi-checkbox-blank-outline.theme--light {
  font-size: 18px !important;
}

.checkboxList .v-input__slot.white {
  box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.2) !important;
  margin-top: 0px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
}
.checkboxList .v-input__slot.white label {
  color: #1F1E34 !important; opacity: .5;
  left: 10px !important;
}
.v-menu__content .theme--light.v-list-item--active {
  background: none !important;
}

/*------------- End Select Styles */

/*------------- Button */

.white--text {
  color: #fff !important;
}
.border-only {
  border: 1px solid #fff !important;
}

/*------------- End Select Styles */

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
  padding: 0px 15px !important;
}

.p-0 {
  padding: 0 !important;
}

.v-card label {
  color:#1f1e34!important;
  font-weight: 500;
}

.v-card {
  border-radius: 0px !important;
  box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.1) !important;
}

.age label {
  font-weight: normal !important;
  font-size: 14px !important;
}

.category label {
  font-weight: bold !important;
  color: #1f1e34 !important;
  font-size: 14px !important;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0.6 !important;
}
::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.6 !important;
}
:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.6 !important;
}
:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0.6 !important;
}

.registration_form .v-input--selection-controls {
  margin-top: 0px !important;
}

.registration_form
  .v-input--selection-controls:not(.v-input--hide-details)
  .v-input__slot {
  margin-bottom: 0;
}

.v-input__slot label {
  margin-bottom: 0px !important;
}


.vdpArrow:hover:before,
.vdpArrow:active:before {
  
  opacity: 0;
}
.vdpArrow:hover:before, .vdpArrow:focus:before {
  background-color: rgba(0, 0, 0, 0.03);
  opacity: 0;
}


.calendarCol.col{
  max-width: 290px !important;
}
.vdpComponent{
  width: 290px !important; 
}
.vdpOuterWrap {
  border: none !important;
}
.vdpInnerWrap {
  box-shadow: none !important;
  padding: 0px !important;
  border: none !important;
  border-radius: 0 !important;
}
.vdpPeriodControls,
.vdpArrow.vdpArrowPrev,
.vdpArrow.vdpArrowNext {
  background: #fff;
}
.vdpArrow {
  bottom: 0px !important;
}

.vdpArrowPrev:after {
  border: solid #d0d0d0 !important;
  border-width: 0 3px 3px 0 !important;
  display: block !important;
  padding: 4px !important;
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(135deg) !important;
}

.vdpArrowNext:after {
  border: solid #d0d0d0 !important;
  border-width: 0 3px 3px 0 !important;
  display: block !important;
  padding: 4px !important;
  transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
}

.vdpTable {
  border-collapse: separate !important;
  border-spacing: 0px 7px !important;
}

.vdpPeriodControl > button {
  font-size: 12px !important;
  padding: 5px 5px !important;
  color: #1f1e34 !important;
  font-weight: 600 !important;
}

.vdpHeader {
  background: #fff !important;
  margin: 0px !important;
  padding: 10px 0px 0px 0px !important;
}
.vdpHeadCell {
  line-height: 0 !important;
  font-size: 10px !important;
  padding: 15px 0px !important;
  background: #ebf4fd !important;
}

.vdpHeadCell .vdpHeadCellContent {
  color: #1f1e34 !important;
}

.vdpCellContent {
  font-size: 12px !important;
}

.vdpCell.selectable.outOfRange {
  background: #f4f4f4 !important;
  color: #1f1e34 !important;
}
.vdpCell.selectable.selected.today,
.vdpCell.selected {
  background: #ccabdd !important;
  color: #1f1e34 !important;
}

.vdpCell.today {
  /* font-weight: 800 !important; */
  background: #8ebef8 !important;
  color: #1f1e34 !important;
  /* color: #8ebef8 !important; */
  border: none !important;
}

.vdpCell.selectable.selected.today .vdpCellContent,
.vdpCell.selected .vdpCellContent,
.vdpCell.selectable:hover .vdpCellContent {
  color: #1f1e34 !important;
  background: none !important;
  opacity: 1 !important;
}

.vdpCell {
  padding: 5px 0;
}

.v-calendar-weekly__head-weekday {
  padding: 4px !important;
}

.v-picker .v-btn--rounded {
  border-radius: 0px !important;
  color: #1f1e34 !important;
}

.v-calendar-weekly__head {
  background-color: #ebf4fd;
}

.v-input--switch__thumb {
  width: 17px !important;
  height: 17px !important;
}

.v-input--switch--inset .v-input--switch__track {
  height: 25px !important;
}

.calendar_toolbar .v-toolbar__content,
.calendar_toolbar .v-toolbar__extension {
  padding: 0;
}

.v-calendar-daily_head-day-label .v-btn--fab {
  width: 40px !important;
  height: 40px !important;
}

.v-calendar-weekly__day-label .v-btn--fab {
  width: 30px !important;
  height: 30px !important;
}

/* Date picker changes Roman */

.theme--light.v-date-picker-table th {
  background: #F2F3F7 !important;
}
.v-date-picker-table {
  padding: 0px !important;
}
.v-date-picker-table table {
  height: 100% !important;
}

.v-picker--date {
  box-shadow: none !important;
}

.v-date-picker-header {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.theme--light.v-date-picker-header
  .v-date-picker-header__value:not(.v-date-picker-header__value--disabled)
  button:not(:hover):not(:focus) {
  color: #4d4f5c !important;
  font-weight: normal !important;
}

.v-application--is-ltr .v-list-item__action:first-child,
.v-application--is-ltr .v-list-item__icon:first-child {
  margin-right: 0px !important;
}
/* Date picker changes Roman END */

.service_switch.v-input--is-label-active .v-input--switch__track {
  opacity: 1 !important;
}

.service_switch .v-input--switch__thumb {
  color: #ffffff !important;
}

.v-text-field.v-text-field--enclosed.v-text-field--single-line
  .v-text-field__prefix,
.v-text-field.v-text-field--enclosed.v-text-field--single-line
  .v-text-field__suffix {
  opacity: 0.7 !important;
}

#profile_url_control .v-text-field__prefix {
  padding-right: 0px !important;
}


.listReviews {
  margin-top: 15px !important;
  margin-right: 15px !important;
  margin-bottom: 15px !important;
}

@media (min-width: 768px) {
  .why_join .head {
    min-width: 170px;
  }
  
  .listReviews {
    margin-top: 15px !important;
    padding-right: 58px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 768px) {

  .section-landing{
    padding: 15px!important;
    font-size: 16px!important;
  }

  .section-landing h1{
    color: #56595F;
    font-size:26px!important;
    font-weight: 600;
  }
  .h2_landing{
    font-size:18px!important;
    color:#151517!important;   
     font-weight: 500!important;
  }

  .fixed_header_container {
    margin-bottom: 128px;
  }

  h3,
  .h3 {
    font-size: 17px;
  }

  .container_chat {
    /* position: fixed; */
    /* bottom: 0px; */
    overflow-y: hidden;
    position: fixed;
     bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
    width: -webkit-fill-available;
    width: 100%;
    top: 0px
  }

  .navbar_chat {
    position: absolute;
    width: -webkit-fill-available;
    width: 100%;
  }
}

@media (min-width: 1904px) {
  .container {
    max-width: 1380px !important;
  }
}

@media (min-width: 960px) and (max-width: 1280px) {
  h1,
  .h1 {
    font-size: 2rem;
  }

  .v-card__title {
    font-size: 1rem !important;
  }
}

/* .v-badge--overlap.v-badge--bottom .v-badge__badge {
  bottom: 2px !important;
  right: 15px !important;
} */

.v-badge__badge {
  border: 1px solid #fff !important;
}

/* .comment.v-badge--overlap.v-badge--bottom .v-badge__badge {
  bottom: -1px !important;
  right: -1px !important;
} */

.pointer {
  cursor: pointer;
}

/* .appointments_tabs .v-badge__badge {
  top: -16px !important;
  right: -15px !important;
} */


.sfAvatar .v-badge__wrapper .v-badge__badge {
  top: 30px !important;
  left: 90px !important;
  border: 2px solid #fff !important;
}

/* .v-badge__wrapper .v-badge__badge {
  top: 110px !important;
  left: 110px !important;
} */

#profile .v-badge__wrapper .v-badge__badge {
  top: 120px !important;
  left: 120px !important;
}

.favorites .v-badge__wrapper .v-badge__badge,
.searchUsers .v-badge__wrapper .v-badge__badge,
.v-window-item .v-badge__wrapper .v-badge__badge {
  top: 76px !important;
  left: 76px !important;
  border: 2px solid #fff !important;
}

.scheduleDialogItem .v-badge__wrapper .v-badge__badge,
.searchUsers .v-badge__wrapper .v-badge__badge,
.v-window-item .v-badge__wrapper .v-badge__badge {
  top: 45px !important;
  left: 45px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 2px solid #fff !important;
}

.v-badge__wrapper .v-badge__badge {
  border: 2px solid #fff !important;
}

.v-badge-list .v-badge__wrapper .v-badge__badge {
  min-width: 15px !important;
  height: 15px !important;
  border: 2px solid #fff !important;
  top: 26px !important;
  left: 27px !important;
}

.v-dialog:not(.v-dialog--fullscreen) {
  overflow-x: hidden;
  border-radius: 5px !important;
}
.btn-success {
  color: #fff !important;
}

.v-input--switch.v-input--dense.v-input--switch--inset .v-input--switch__track {
  height: 26px !important;
  width: 44px !important;
  top: 0px !important;
  left: -1px !important;
}

.v-input--switch__thumb.theme--light {
  height: 22px !important;
  width: 22px !important;
}

.titleUser {
  font-size: 18px;
  font-weight: 600;
}

#sidebar .v-list-item--dense .v-list-item__icon,
.v-list--dense .v-list-item .v-list-item__icon {
  height: 30px !important;
}

#sidebar .v-application--is-ltr .v-list-item__action:first-child,
.v-application--is-ltr .v-list-item__icon:first-child {
  margin-right: 21px !important;
}
.ico-edit {
  background: url("/images/icons/edit.svg");
  background-position: center;
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  margin-bottom: -4px;
  margin-right: 15px;
}

.ico-view {
  background: url("/images/icons/view.svg");
  background-position: center;
  height: 18px;
  width: 24px;
  background-repeat: no-repeat;
  margin-bottom: -4px;
  margin-right: 10px;
}

.v-sheet.v-card:not(.v-sheet--outlined) {
  box-shadow: 2px 1px 15px -9px rgb(162, 162, 162) !important;
}

.theme--light.v-chip:not(.v-chip--active) {
  background: transparent !important;
}
.v-input--selection-controls__input .v-application .primary--text {
  color: transparent !important;
  caret-color: transparent !important;
}

.checkboxList .v-label.theme--light{
  top: 1px !important;
}


.v-application--is-ltr .v-input--selection-controls__input:hover{
  color: transparent !important;
}

.theme--light.v-list-item:hover::before {
  background: transparent !important;
}

#sidebar {
  height: auto;
}

.v-menu__content [role="listbox"] .v-list-item__title {
  font-size: 14px !important;
}





.checkBoxMin .v-list-item--link:before
 {
  
  background: url(/images/icons/checkbox-inactive.svg) !important;
  background-repeat: no-repeat  !important;
  background-size: 30px;
  content: "" !important;
  display: inline-block;
  opacity: 1;
}
.checkBoxMin .v-list-item__title{
    margin-left: 12px;
    margin-top: 2px;
}
.checkBoxMin .v-list-item--link:hover{
  
  background: url(/images/icons/checkbox-inactive.svg) !important;
   background-size: 30px;
  background-repeat: no-repeat  !important;
  opacity: 1   !important;
}



.checkBoxMin .theme--light.v-list-item--active::before{
    
  background: url(/images/icons/checkbox-active.svg) !important;
  background-repeat: no-repeat  !important;
  background-size: 30px;
  content: "" !important;
  display: inline-block;
  
  opacity: 1   !important;
}

.checkBoxMin .theme--light.v-list-item:hover::before {
  
  background: url(/images/icons/checkbox-active.svg) !important;
  background-repeat: no-repeat  !important;
  background-size: 28px  !important;
  opacity: 1   !important;


}

.checkBoxMin .v-list-item__content{
  padding: 0px !important;
}


.checkBoxMinGray .v-list-item{

  background: #F0F0F7 !important;

}

.checkBoxMinGray .v-list-item--link:before
 {
  
  background:  url(/images/icons/checkbox-inactive.svg) !important;
  background-repeat: no-repeat  !important;
  background-size: 30px;
  content: "" !important;
  display: inline-block;
  opacity: 1;
}
.checkBoxMinGray .v-list-item__title{
    margin-left: 12px;
    margin-top: 2px;
}
.checkBoxMinGray .v-list-item--link:hover{
  
  background-image: url(/images/icons/checkbox-inactive.svg) !important;
  background-repeat: no-repeat  !important;
  background-color: #F0F0F7 !important;
   background-size: 30px;
  
  opacity: 1   !important;
}


.checkBoxMinGray .v-list-item--active::before{
    
  background: url(/images/icons/checkbox-active.svg) !important;
  background-repeat: no-repeat  !important;
  background-size: 30px;
  content: "" !important;
  display: inline-block;
  
  opacity: 1   !important;
}

.checkBoxMinGray .v-list-item--active:hover{
  
  background: url(/images/icons/checkbox-active.svg) !important;
  background-repeat: no-repeat  !important;
  background-color: #F0F0F7 !important;
  background-size: 28px  !important;
  opacity: 1   !important;
}
.checkBoxMinGray.v-menu__content .theme--light.v-list-item--active {
  background-color: #F0F0F7 !important;
}
.checkBoxMinGray .v-list-item__content{
  padding: 0px !important;
}


.checkBoxMinBlue .v-select__selection .v-select__selection--comma,
.blueCheckList.theme--light.v-select .v-select__selection--comma,
.blueCheckList .v-select__selections,
.blueCheckList.v-select.v-input--dense .v-select__selection--comma,
.blueCheckList.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label,
.blueCheckList.v-text-field--filled.v-text-field--single-line.v-input--dense input{
  font-weight: 500 !important;
  font-size: 14px !important;
}


.blueCheckList .v-select__selection--comma,
.blueCheckList .v-select__selections,
.blueCheckList .v-input__control .v-select__selections
{
  opacity: 1 !important;
  color: #151517 !important;
}

.blueCheckList.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label{
  opacity: .4 !important;
  color: #1f1e34 !important;
}


.checkBoxMinBlue .v-list-item{

  background: #ebf4fd !important;
 
  
  
}


.checkBoxMinBlue.v-menu__content [role="listbox"] .v-list-item__title {
  font-size: 14px !important;
}



.checkBoxMinBlue .v-list-item--link:before
 {
  
  background:  url(/images/icons/checkbox-inactive.svg) !important;
  background-repeat: no-repeat  !important;
  background-size: 30px;
  content: "" !important;
  display: inline-block;
  opacity: 1;
}
.checkBoxMinBlue .v-list-item__title{
    margin-left: 12px;
    margin-top: 2px;
}
.checkBoxMinBlue .v-list-item--link:hover{
  
  background-image: url(/images/icons/checkbox-inactive.svg) !important;
  background-repeat: no-repeat  !important;
  background-color: #ebf4fd !important;
   background-size: 30px;
  
  opacity: 1   !important;
}


.checkBoxMinBlue .v-list-item--active::before{
    
  background: url(/images/icons/checkbox-active.svg) !important;
  background-repeat: no-repeat  !important;
  background-size: 30px;
  content: "" !important;
  display: inline-block;
  
  opacity: 1   !important;
}

.checkBoxMinBlue .v-list-item--active:hover{
  
  background: url(/images/icons/checkbox-active.svg) !important;
  background-repeat: no-repeat  !important;
  background-color: #ebf4fd !important;
  background-size: 28px  !important;
  opacity: 1   !important;
}
.checkBoxMinBlue.v-menu__content .theme--light.v-list-item--active {
  background-color: #ebf4fd !important;
}
.checkBoxMinBlue .v-list-item__content{
  padding: 0px !important;
}


.checkList-lineBlue.v-menu__content .theme--light.v-list-item--active{
  border-bottom: 1px solid #fff !important;
  background: #ebf4fd !important;
  color: #1f1e34 !important;
  font-weight: 500;
  font-size: 14px !important;
}
.checkList-lineBlue.v-menu__content [role="listbox"] .v-list-item__title{
  font-size: 14px !important;
}



.checkList .v-list-item {
  
  padding: 0px 7px !important;
}

.checkList-line .v-list-item {
  border-bottom: 1px solid #F0F0F7 !important;
  padding: 0px 7px !important;
}
.checkList-lineWhite  .v-list-item {
  border-bottom: 1px solid #E7E8EB!important;
  background: #F0F0F7 !important;
}

.checkList-lineBlue .v-list-item.v-list-item--link.theme--light,
.checkList-lineBlue  .v-list-item {
  border-bottom: 1px solid #DDDDDF !important;
  background: #f4f4f4 !important;
}

.checkList .v-list-item {
  border: 1px solid #fff !important;
}

.checkListGray  .v-list-item {
  border-bottom: none !important;
  background: #f4f4f4 !important;
  color: #8e8d99 !important;
  padding: 0px 7px !important;
}

.checkListGray.v-menu__content .theme--light.v-list-item--active{
  border-bottom: 1px solid #F0F0F7 !important;
  background: #F0F0F7 !important;
  color: #8e8d99 !important;
}


.checkList-lineWhite.v-menu__content [role="listbox"] .v-list-item{
  background: #F0F0F7 !important;
  color: #8e8d99 !important;
}


.checkListGray-line  .v-list-item {
  border-bottom: 1px solid #fff !important;
  background: #F0F0F7 !important;
  color: #8e8d99 !important;
  padding: 0px 7px !important;
}

.checkListGray-line.v-menu__content .theme--light.v-list-item--active{
  border-bottom: 1px solid #fff !important;
  background: #F0F0F7 !important;
  color: #8e8d99 !important;
}

.widthSelect{
  width: 170px !important;
}

header .text_notifications{

    top : -7px !important;
}


.inputFontDisabled input{
    font-weight: 500;
    font-size: 14px !important;
}

.inputBlueClass{

  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0px !important;
  border-radius: 4px !important;

}

.inputBlueClass .v-text-field__suffix,
.inputBlueClass .v-text-field__prefix{
  font-size: 14px !important;
  font-weight: 500;
}
.v-btn:not(.v-btn--round).v-size--default { 
  padding: 0 21px;
}
.inputBlueClass input
{
  font-size: 14px !important;
  background: #F2F3F7 !important;
  color: #1F1E34 !important; 
  border: none !important;
  box-shadow: none !important;
  font-weight: 500;
}

.inputBlueClassp input
{
  font-size: 14px !important;
  background: #F2F3F7 !important;
  color: #151517 !important; 
  border: none !important;
  box-shadow: none !important;
  font-weight: 500;
}

.inputBlueClass.v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix,
.inputBlueClass.v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__suffix
{
  color: #1F1E34 !important; 
  opacity: .4 !important;
}
.inputBlueClassp.v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix,
.inputBlueClassp.v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__suffix
{
  color: #1F1E34 !important; 
  opacity: .4 !important;
}




.inputClass{
  height: 32px !important;
  font-size: 14px !important;
  padding: 10px !important;
  background: #f4f4f4 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 500;
  border-radius: 4px;
}
.inputClass::placeholder{
  color: #79788b !important;
  opacity: .4 !important;
}

#profile_url_control .v-inputClass.v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix{

  margin-top: 0px !important;
}
#profile_url_control .v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix{
opacity: 1 !important;
}
#profile_url_control .v-input__slot{
  height: 32px !important;
  font-size: 14px !important;
  font-weight: 500;
  color: #656b72 !important;
  
}

.v-inputClass input{
  height: 32px !important;
  font-size: 14px !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 500;
}


.v-inputClass.v-text-field.v-text-field--solo.v-input--dense > .v-input__control {
  height: 32px !important;
  min-height: 32px !important;
  background: #F0F0F7 !important;
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
}


.v-inputClass.v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix{
  margin-top: 2px !important;
}

.form-dashboard label {
  color: #1F1e34;
}

.magnifyInput,
.magnifyInput .v-text-field__slot,
.magnifyInput .v-input__slot,
.magnifyInput label,
.magnifyInput input,
.magnifyInput.v-text-field.v-text-field--solo.v-input--dense > .v-input__control {
  max-height: 32px !important;
  min-height: 32px !important;
  height: 32px !important;
}

.magnifyInput input,
.magnifyInput.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label{
    font-size: 14px !important;
    font-weight: 500 !important;

    

  }
  .magnifyInput.v-input{
    width: 291px !important;
    max-width: 291px !important;    
  }



  .magnifyInput input{
    color: #1F1E34 !important;
    
  }
.magnifyInput.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label{

  color: #CED1D6 !important; opacity: 1 !important;

}

.magnifyInput .v-icon.v-icon{
  line-height: 0 !important;
  margin-top: 2px !important;
}
.magnifyInput .mdi-magnify::before {

  content: url(/images/icons/search.svg) !important;
  margin-top: 0px;
  margin-left: -4px;

}
/* .magnifyInput .mdi-magnify.primary--text::before {

  content: url(/images/icons/search-active.svg) !important;
  margin-top: 0px;
  margin-left: -4px;

} */




.magnifyInput .mdi-close::before {
  color: #8e8d99 !important;
  font-size: 18px !important;
  height: 18px !important;
  margin-top: 16px !important;
  
}
.v-dialog .mdi-close::before {
  color: #959595 !important;
  font-size: 24px !important;
  
}
.theme--light.v-icon:focus::after {
  opacity: 0 !important;
  color: #fff !important;
}



@media only screen and (max-width: 450px){

   
  .sfCardCheck .card{
  
    display:  flow-root;
    background: #FCFCFC 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #0000000D;
     border: none;
 
     }
  

  .sfLogoLetter{
    width: 154px;
    
  }

  .theme--light.v-application{
    font-size: 14px !important;
  }

    .header{
      min-height: 60px;
      padding: 0px;
    }
    .vdpComponent{
      width: 100% !important; 
    }

    .vdpInnerWrap {
      box-shadow: none !important;
      padding: 25px 30px !important;
      border: none !important;
      border-radius: 0 !important;
    }
    .vdpCell {
      padding: 10px 0;
  }   
  .calendarCol.col{
    max-width: 290px !important;
  }

  .magnifyInput.v-input{
    width: 135px !important;
    max-width: 135px !important;    
  }

}

.my-menu {
  margin-top: 10px;
  contain: initial !important;
  overflow: visible !important;
  top:68px !important;
  position: fixed !important;
  background: #FCFCFC 0% 0% no-repeat padding-box;
  box-shadow: inset 10px -10px 20px #4B64F20D, 0px 3px 6px #00000014 !important;
  border-radius: 0px 0px 20px 20px !important; 
}
.my-menu::before {
  position: absolute;
  content: "";
  top: 0;
  right: 10px;
  transform: translateY(-100%);
  width: 10px; 
  height: 13px; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 13px solid #FFFFFF;
}


.theme--light.v-input--is-disabled .v-select__selections,
.v-select.v-input--dense .v-select__selection--comma {
  font-weight: 500;
}

.v-application button.accent--text {
  color: black !important;
  /* background-color: #8EBEF8; */
}
.v-rating.starBtn  .accent--text {
  color: #4B64F2 !important;
  caret-color: #4B64F2 !important;
}

.v-rating.starBtn .amber--text {
  color: #ffc107 !important;
  caret-color: #ffc107 !important;
}

/* .v-application .v-btn--outlined {
  border: none !important;
} */
.btnProfile.v-btn--outlined {
  border: thin solid currentColor !important; 
}
.btnProfile .v-btn--outlined {
  border: thin solid currentColor !important; 
}

.mMontserrat,
.mMontserrat.v-list-item__title {
  font-weight: 500 !important;
  color: #1F1E34 !important;
}


/* .mdi-star-outline::before{

  content: url("/images/icons/stars.svg");
  
} */

.hStars .mdi-star::before {
  content: "";
  background: url(/images/icons/stars.svg) no-repeat;
  background-size: 105px 25px;
  width: 15px;
  height: 13px;
  background-position-x: -64px;
  background-position-y: center;
}

.hStars  .mdi-star-half::before {

  content: "";
    background: url(/images/icons/stars-only-half.svg) no-repeat;
    background-size: 15px;
    width: 15px;
    height: 16px;


}



.hStars .mdi-star-outline::before {
  content: "";
  background: url(/images/icons/stars-only-off.svg) no-repeat;
  background-size: 15px;
  width: 15px;
  height: 16px;
  /* background-position-x: -68px; */
  /* background-position-y: -4px; */
}
.v-application--wrap, body{
  background: #F7F7F7;
}

.checkListDisabled.theme--light.v-input--is-disabled .v-select__selections{
font-weight: 500;
color: #1f1e34 !important;
opacity: .7;
font-size: 14px !important;

}
.checkListDisabled.v-text-field.v-text-field--solo.v-input--dense > .v-input__control {
  min-height: 32px !important;
  height: 32px !important;
}

.v-input--selection-controls__ripple{
  display: none !important;
}


/* Validation color */

.blueCheckList.invalid .v-input__control .v-input__slot{
  background: rgb(232, 93, 78, 0.3) !important;
  
}
.blueCheckList.invalid.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label {
  opacity: .5 !important;
  color: #1f1e34 !important;
}

.mobileMcon{
  height: calc(100vh - 341px) !important;
  padding: 19px 0px 19px 0px  !important;
}

.mobileSa a, .mobileSa .logout{
  height: 45px !important;
  padding: 0px !important;
  margin-bottom: 14px !important;
  padding: 0px 83px 0px 24px  !important;
}

.mobileSa  .v-list-item__icon{

  margin: 7px 6px 7px 6px !important;

}

.mobileSa a:active,
.mobileSa a::selection,
.mobileSa a::-moz-selection
{
  background-color: yellow !important;
}


.stickyTop {
  /*position: -webkit-sticky;
  position: sticky;*/
  top: 60px;
  z-index: 200;
  padding-top: 20px;
    padding-bottom: 20px;
  display: block;
}
.stickyTopCalendar{
  
  position: fixed !important;
  top: 195px;
  z-index: 199;
}
.home_header{
  height: 60px !important;
  position: -webkit-sticky;
  position: fixed;
  width: 100%;
  z-index: 202;
  background-color: #4B64F2;
  box-shadow: inset 10px -10px 20px #00000029, 3px 3px 6px #0000001A;
}
#the_top_bar{
  background-color: #4B64F2 !important;
}
@media only screen and (min-width: 960px){
  #the_top_bar{
    height: 60px !important;
  }
}
.cardLabels{
  max-width: 100% !important;
}
@media only screen and (min-width: 1200px){
  
  #dashboard-layout {
    max-width: 100% !important;
  }
  .cardLabels{
    max-width: 475px !important;
  }
  #main {
    margin-left: 40px !important;
  }
  #stats-row{
    margin-left: 40px !important;
  }
  #stats-row #top-bar,
    #stats-row #top-bar .col-3.px-5{
      padding-left: 0px !important;
    }
  .calendarCol.col{
    margin-left: 40px !important;
  }

}


@media only screen and (min-width: 1366px){
  
  #dashboard-layout {
    max-width: 100% !important;
  }
  .cardLabels{
    max-width: 475px !important;
  }
  #main {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }

  #stats-row{
    margin-left: 72px !important;
  }
  #stats-row #top-bar,
  #stats-row #top-bar .col-3.px-5{
    padding-left: 0px !important;
  }
  .calendarCol.col{
    margin-left: 72px !important;
  }

}

@media only screen and (min-width: 1740px){

    #dashboard-layout {
      max-width: 100% !important;
    }
    .col.logo_container{
      max-width: 360px !important;
    }
    #sidebar, #sidebar-scroll-away{
      width: 360px !important;
      min-width: 360px !important;
    }
    #sidebar .boxProfile{
      width: 176px !important;
    }
    #main {
      margin-left: 168px !important;
      margin-right: 168px !important;
    }
    #stats-row{
      margin-left: 24px !important;
    }
    #stats-row #top-bar,
    #stats-row #top-bar .col-3.px-5{
      padding-left: 0px !important;
    }
    .cardLabels{
      max-width: 512px !important;
    }
    .calendarCol.col{
      margin-left: 168px !important;
    }

}
.nameNowrap{
  text-overflow: ellipsis;
  
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

  .text-gray{
    color: #56595f !important;
  }


  /* HomePage  Phone*/

  .sfReviews .v-card__title{
    display: block;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0px;
    color: #56595F;
    opacity: 1;
    font-size: 25px !important;
  }
  .sfReviews .v-card__text{
    font-size: 16px !important;
    text-align: center;
    letter-spacing: 0px;
    color: #151517 !important;
    opacity: 0.8;
    line-height: 24px;
  }


  .section-landing{
    padding: 0px 100px;
    font-size: 25px;
    
  }

  .section-landing h1{
    color: #56595F;font-size:40px;font-weight: 600;
  }

  .h2_landing{
    font-size:28px;color:#151517;    font-weight: 500;
  }


  @media only screen and (max-width: 374px){
    .sfCardCheck  .card-body{
      float: left;
      width: 250px;
      margin-top: 20px;
  
    }

    .sfContainer .card-img-top img{
      margin: auto;
      width: 50px !important;
      
    }

    .sfCardCheck .card{
  
      display:  flow-root;
      background: #FCFCFC 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #0000000D;
       border: none;
   
       }

       .sfCardCheck .card-img-top{
        float: left;
        width: 50px;
      }

    

  }


  @media only screen and (min-width: 375px){

    .sfContainer .card-img-top .sfImgBorder{
      width:36px !important; padding: 3px !important;
      height: 24px;
      border: 2px solid #4B64F2; border-radius: 4px;
    }

    .sfContainer .card-img-top .sfImgBorderCircle{
      width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: none;
    border: 3px solid #4B64F2;
    margin: 0 auto 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    }


    .sfContainer .card-img-top img{
      margin: auto;
      width: 60px !important;
      
    }

    .sfContainer .card-img-top-1 img{
      margin: auto;
      width: 60px !important;
      
    }

    .sfCardCheck{

      width: 333px;
      margin-left: 10px;
  
      }
  
      .sfCardCheck .card{
  
       display:  flow-root;
       background: #FCFCFC 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #0000000D;
        border: none;
    
        }
     
  
  
      .sfCardCheck .card-img-top{
        float: left;
        width: 60px;
      }
      .sfCardCheck  .card-body{
        float: left;
        width: 273px;
        margin-top: 20px;
  
      }

      .sfCardCheck  .card-body-1{
        float: left;
        width: 100%;
        margin-top: 20px;
  
      }
      .sfContainer .card-title{
        text-align: left;
      }
      .sfContainer .card-text{
        text-align: left;
      }
      
  
  
      .sfBanner, .sfOpacityBanner{
        max-height: 240px;
        height: 240px;
      }
  
      .sfBanner h1{
        width: 366px;
        font-size: 22px;
      }
  
      .sfBanner h2{
        font-size: 16px;
      }
      .sfCarrusel{
        height: 67px;
      }
      .sfCarruselText{
        font-size: 13px;
      }
      .sfCarrusel img{
        width: 45px;
      }
      .sfContainer label{
        font-size: 26px;
        font-weight: 600 !important;
        color:#56595F;
      }
      .sfContainer h5{
        font-size: 16px; 
        letter-spacing: 0px;color: #56595F;
        font-weight: 600 !important;
      }
  
      .sfRowFilter{
        max-width: 333px !important;
        
      }
  
      .sfBannerTittle{
        top: 47px;
      }
  
      .sfRowFilter, .sfRowFilter input, .sfRowFilter .v-text-field.v-text-field--solo .v-input__control,
      .sfRowFilter .v-label,
      .sfBUttomFilter, .sfBUttomFilter .search-buttom
      {
        min-height: 35px;
        font-size: 10px !important;
        vertical-align: middle;
        
      }
      .sfInputFilter .v-text-field.v-text-field--solo .v-label {
        /* top: 8px !important; */
        color: #4B64F2 !important;
        font-weight: 600 !important;
        letter-spacing: 0.2px !important;
      }
  
      .sfBUttomFilter{
          max-width: 104px !important;
         
      }
    
      .sfInputFilter{
        max-width: 262px !important;
      }
  
      .sfContainerText h1, .sfContainerText h2{
        width: 333px !important;
        letter-spacing: 0px !important;
        margin: auto;
        
      }
      .sfContainerText h1 {
        font-weight: 600 !important;
        font-size: 26px !important;
        color: #56595F !important;
      }
  
      .sfContainerText h2 {
        font-weight: normal !important;
        font-size: 16px !important;
        color: #151517 !important;
      }
    

  }


  @media only screen and (min-width: 411px){

    .sfCardCheck{

    width: 366px;
    margin-left: 10px;

    }

    .sfCardCheck .card{

     display:  flow-root;
     background: #FCFCFC 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #0000000D;
      border: none;
  
      }

          
    .sfContainer .card.card3{
      padding: 20px 15px;
    }
   
      .sfContainer .card-img-top{
        
        display: inline-flex;
        margin: auto;
        
      }
      .sfContainer .card-img-top img{
        margin: auto;
        width: 60px !important;
        
      }
  
      .sfContainer .card-img-top .sfImgBorder{
        width:36px !important; padding: 3px !important;
        height: 24px;
        border: 2px solid #4B64F2; border-radius: 4px;
      }


    .sfCardCheck .card-body {
      margin-top: 0px;
      padding: 0px;
      padding-right: 18px;
    }

    .sfCardCheck .card-img-top{
      float: left;
      width: 60px;
    }
    .sfCardCheck  .card-body{
      float: left;
      width: 273px;
      margin-top: 20px;

    }

    .sfCardCheck  .card-body-1{
      float: left;
      width: 100%;
      margin-top: 20px;

    }

    .sfContainer .card-title{
      text-align: left;
    }
    .sfContainer .card-text{
      text-align: left;
    }
    


    .sfBanner, .sfOpacityBanner{
      max-height: 325px;
      height: 325px;
    }

    .sfBanner h1{
      width: 366px;
      font-size: 22px;
    }

    .sfBanner h2{
      font-size: 16px;
    }
    .sfCarrusel{
      height: 67px;
    }
    .sfCarruselText{
      font-size: 13px;
    }
    .sfCarrusel img{
      width: 45px;
    }
    .sfContainer label{
      font-size: 26px;
      font-weight: 600 !important;
    }
    .sfContainer h5{
      font-size: 16px; 
      letter-spacing: 0px;color: #56595F;
      font-weight: 600 !important;
    }

    .sfRowFilter{
      max-width: 366px !important;
      
    }

    .sfBannerTittle{
      top: 47px;
    }

    .sfRowFilter, .sfRowFilter input, .sfRowFilter .v-text-field.v-text-field--solo .v-input__control,
    .sfRowFilter .v-label,
    .sfBUttomFilter, .sfBUttomFilter .search-buttom
    {
      min-height: 35px;
      font-size: 10px !important;
      vertical-align: middle;
      
    }
    .sfInputFilter .v-text-field.v-text-field--solo .v-label {
      /* top: 8px !important; */
      color: #4B64F2 !important;
      font-weight: 600 !important;
      letter-spacing: 0.2px !important;
    }

    .sfBUttomFilter{
        max-width: 104px !important;
       
    }
  
    .sfInputFilter{
      max-width: 262px !important;
    }

    .sfContainerText h1, .sfContainerText h2{
      width: 366px !important;
      letter-spacing: 0px !important;
      
    }
    .sfContainerText h1 {
      font-weight: 600 !important;
      font-size: 26px !important;
      color: #56595F !important;
    }

    .sfContainerText h2 {
      font-weight: normal !important;
      font-size: 16px !important;
      color: #151517 !important;
    }
  

  }


  @media only screen and (min-width: 411px) and (max-width: 767px){
    .sfCardCheck{

      width: 100%;
      margin-left: 10px;
  
      }

      .sfContainer .card.card3{
        width: 95%;
        flex: auto;
        margin-bottom: 20px;
      }

      .sfCardCheck .card{

        display: flow-root;
        background: #FCFCFC 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #0000000D;
        border: none;
      }

      .card-deck .card{
        width: 95%;
        flex: auto;
        margin-bottom: 20px;
      }
      
  }

/* HomePage  iPad*/
  @media only screen and (min-width: 768px){

    .sfCardCheck{

      width: 100%;
      margin-left: 0px ;
      
  
      }
      .sfContainer .card-title{
        text-align: center;
      }
      .sfCardCheck  .card-body{
        float: none;
        width: 100%;
        margin-top: 20px;
  
      }

      .sfCardCheck  .card-body-1{
        float: none;
        width: 100%;
        margin-top: 20px;
  
      }
      .sfContainer .card-text{
        text-align: center;
      }

      .sfCardCheck .card-img-top{
        float: none;
        width: 100%;
      }

    .sfBanner, .sfOpacityBanner{
      max-height: 470px;
      height: 470px;
    }

    .sfBanner h1{
      width: 665px;
      font-size: 32px;
    }

    .sfBanner h2{
      font-size: 20px;
    }

    .sfCarrusel{
      height: 67px;
    }
    .sfCarruselText{
      font-size: 13px;
    }
    .sfCarrusel img{
      width: 45px;
    }
    .sfContainer label{
      font-size: 26px;
      font-weight: 600 !important;
    }
    .sfContainer h5{
      font-size: 18px; 
      letter-spacing: 0px;color: #56595F;
      font-weight: 600 !important;
    }

    .sfContainer .card3 h5{
      font-size: 16px; 
      letter-spacing: 0px;color: #56595F;
      font-weight: 600 !important;
    }

    .sfCardCheck {
      margin-right: 0px;
      margin-left: 0px;
      padding-left: 53px;
    }
    .sfContainer .card{
      flex: 1 0 296px;
      margin-left: 0px;
      margin-right: 20px;
      margin-bottom: 20px;
      background: #FCFCFC 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #0000000D;
      border: none;
      max-width: 296px;

    }

    .sfCardCheck3 {
      width: 677px;
      
    }
    
    .sfContainer .card.card3{

      max-width: 192px;
      margin-right: 16px;
      padding-top: 20px;
    padding-left: 20px;
    }


    .sfContainer .card.cardM{
      margin-right: 0px;
    }


    
    .sfContainer .card-img-top{
      height: 65px;
      display: inline-flex;
      margin: auto;
      
    }
    .sfContainer .card-img-top img{
      margin: auto;
      width: 60px !important;
      
    }


    .sfContainer .card-img-top-1 img{
      margin: auto;
      width: 44px !important;
      
    }

    .sfContainer .card-img-top .sfImgBorder{
      width:48px !important; padding: 5px;
      height: 32px;
      border: 3px solid #4B64F2; border-radius: 4px;
    }
    .sfContainer .card-text{
      font-size: 16px; 
      font-weight: 400 !important;
      letter-spacing: 0px;color: #151517;
    }



    .sfBannerTittle{
      top: 14px;
    }

    .sfRowFilter, .sfRowFilter input, .sfRowFilter .v-text-field.v-text-field--solo .v-input__control,
    .sfRowFilter .v-label,
    .sfBUttomFilter, .sfBUttomFilter .search-buttom
    {
      min-height: 50px;
      font-size: 12px !important;
      vertical-align: middle;
      
    }
    .sfInputFilter .v-text-field.v-text-field--solo .v-label {
      /* top: 10px !important; */
      color: #4B64F2 !important;
      font-weight: 600 !important;
      letter-spacing: 0.24px !important;
    }



    .sfRowFilter{
      max-width: 464px !important;
    }
    .sfBUttomFilter{
        max-width: 120px !important;
    }
    .sfInputFilter{
      max-width: 344px !important;
    }


    .sfContainerText h1, .sfContainerText h2{
      width: 562px !important;
      letter-spacing: 0px !important;
      
    }
    .sfContainerText h1 {
      font-weight: 600 !important;
      font-size: 26px !important;
      color: #56595F !important;
    }

    .sfContainerText h2 {
      font-weight: normal !important;
      font-size: 16px !important;
      color: #151517 !important;
    }
  


  }

  /* HomePage  Desktop*/
  @media only screen and (min-width: 965px){

    .sfBanner, .sfOpacityBanner{
      max-height: 534px;
      height: 534px;
    }

    .sfBanner h1{
      width: 926px;
      font-size: 60px;
    }

    .sfBanner h2{
      font-size: 28px;
    }

    .sfCarrusel{
      height: 120px;
    }
    .sfCarruselText{
      font-size: 24px;
    }
    .sfCarrusel img{
      width: 64px;
    }
    .sfContainer label,
    .sfContainer h1
    {
      font-size: 40px;
      font-weight: 600 !important;
      color:#56595F;
    }
 
    .sfContainer h5{
      font-size: 25px; 
      letter-spacing: 0px;color: #56595F;
      font-weight: 600 !important;
    }

    .sfContainer .card3 h5{
      font-size: 25px; 
      letter-spacing: 0px;color: #56595F;
      font-weight: 600 !important;
    }

    .sfCardCheck {
      margin-right: 0px;
      margin-left: 0px;
      padding-left: 0px;
      margin: auto;
      max-width: 1180px;
    }

  
    .sfContainer .card{
      flex: 1 0 275px;
      margin-left: 0px;
      margin-right: 20px;
      background: #F7F7F7 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 6px #0000000D;
      border: none;
      max-width: 410px;

    }

    .ldContainer .card{
      flex: 1 0 275px;
      margin-left: 0px;
      margin-right: 20px;
      background: #FCFCFC 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 6px #0000000D;
      border: none;
      max-width: 275px;

    }

    .sfCardCheck3 {
      width: 100%;
    }

    .sfContainer .card.card3{

      max-width: 30%;
      margin-right: 40px;
      padding: 30px;
      height: auto;

    }

    
    .sfContainer .card.cardM{
      margin-right: 20px;
    }
  

    .sfContainer .card-img-top{
      height: 100px;
      display: inline-flex;
      margin: auto;
      
    }
    .sfContainer .card-img-top img{
      margin: auto;
      width: 100px !important;
      
    }

    .sfContainer .card-img-top-1 img{
      margin: auto;
      width: 80px !important;
      
    }

    .sfContainer .card-img-top .sfImgBorder{
      width:70px !important; padding: 8px !important;
      height: 47px;
      border: 3px solid #4B64F2; border-radius: 4px;
    }

    .sfContainer .card-img-top .sfImgBorderCircle{
      width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: none;
    border: 4px solid #4B64F2;
    margin: 0 auto 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    }

    .sfCardCheck .card-body {
      margin-top: 0px;
      padding: 0px;
    }
    .sfContainer .card-text{
      font-size: 16px; 
      font-weight: 400 !important;
      letter-spacing: 0px;color: #151517;
    }

    .sfBannerTittle{
      top: -40px;
    }

    .sfRowFilter, .sfRowFilter input, .sfRowFilter .v-text-field.v-text-field--solo .v-input__control,
    .sfRowFilter .v-label,
    .sfBUttomFilter, .sfBUttomFilter .search-buttom
    {
      font-size: 16px !important;
      vertical-align: middle;
      
    }
    .sfInputFilter .v-text-field.v-text-field--solo .v-label {
      /* top: 16px !important; */
      left: 10px !important;
      color: #4B64F2 !important;
      font-weight: 600 !important;
      letter-spacing: 0.32px !important;
    }

    .sfRowFilter{
      max-width: 720px !important;
    }
    .sfBUttomFilter{
        max-width: 147px !important;
    }
    .sfInputFilter{
      max-width: 573px !important;
    }

    .sfSearchListCont{
      max-width: 720px !important;
      margin: auto;
    }
    .sfSearchList{
      max-width: 573px !important;
      width: 573px !important;
      max-height: 240px  !important;
      
      background: #FFFFFF 0% 0% no-repeat padding-box;
      background: blue;
      text-align: left  !important;
      box-shadow: 0px 3px 6px #00000029  !important;
      border-radius: 5px !important;
      margin-top: 5px;
      position: fixed  !important;
    z-index: 202;
    overflow-y: scroll;
    align-items: end;
    overflow-x: hidden;
    display: none;
    
    
    }
    .sfSearchList::-webkit-scrollbar{
      width: 12px;
      height: 62px;
    }
    .sfSearchList::-webkit-scrollbar-thumb{
      
      background: #4B64F2;

      
    }
    .sfSearchList .v-list-item.theme--light{
      min-height: 47px;
      height: 47px;
      border-bottom: 1px solid #eee;
      }
      .sfSearchList .v-list-item__title{
        font-size: 16px !important;
        letter-spacing: 0.32px;
        color: #4B64F2 !important;
        font-weight: 600 ;
        padding-left: 21px;
      }

      .sfContainerText h1, .sfContainerText h2{
        width: 960px !important;
        letter-spacing: 0px !important;
        
      }
      .sfContainerText h1 {
        font-weight: 600 !important;
        font-size: 40px !important;
        color: #56595F !important;
      }
      .sfContainerText h2 {
        
        font-size: 24px !important;
        color:#56595F  !important;
        
      }
  
   


  
  }

  @media only screen and (max-width: 1264px){
    .sfInputFilter .v-text-field.v-text-field--solo .v-label {
      /* top: 10px !important; */
    }
  }
  

  @media only screen and (min-width: 1800px){


 

  }
  .body-2{
    color:#1F1E34CC !important
  }
  .text-label-ligth{
    font-size: 14px !important;
    font-weight: 500;
    color: #97999D !important
}
.tSubtitule{
  color: #151517; font-size: 16px; font-weight: 500
}

.v-input__slot,
.v-select__selections,
.v-list-item.v-list-item--link.theme--light {
  min-height: 32px !important;
  margin: 0px !important;
}

.v-application .v-picker .v-btn--rounded.accent {
  background-color: #56595F !important;
  border: 0px !important;
  color: #1f1e34 !important;
}

.user_avatar_md {
  width: 64px;
  height: 64px;
  position: relative;
  backface-visibility: hidden;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  background-size: cover;  
}

.font-12{
  font-size: 14px !important;
}
.font-14{
  font-size: 14px !important;
}
.font-16{
  font-size: 16px !important;
}
.font-18{
  font-size: 18px !important;
}
.font-20{
  font-size: 20px !important;
}
.font-22{
  font-size: 22px !important;
}

.v-text-field > .v-input__control > .v-input__slot:before {
  border: none !important;
}

.whiteboard-help{
  font-family: "Work Sans", sans-serif;
}

.custom-date-picker .v-date-picker-table--date .v-btn.v-btn--active {
  background-color: #56595F !important;
 }

 @media screen and (max-width: 599px) {
  .desktop-only-image
  {
      display: none;
  }
} 


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 40px #F0F0F7 inset !important;
  /* transition: background-color 5000s ease-in-out 0s; */
  font-weight: 500;
  
}



@media screen and (min-width: 600px) {
  .mobile-only-image
  {
      display: none;
  }
}
button:active, button.v-btn--active{
  outline-style: none !important;
  outline-width: 0px !important;
}

#sidebar-scroll-away{
  max-height: 100%; overflow-y: auto;
}
#sidebar-scroll-away>div{
  margin-bottom: 70px
}
.text-red {
    color: #4B64F2 !important;
    caret-color: #4B64F2 !important;
}
.text-red:hover{
  color: #56595f !important
}
.text-gray:hover{
  color: #4B64F2 !important;
}

button:not(.v-icon):hover, button.primary:not(.v-icon):hover, button:not(.v-icon):active, button.primary:not(.v-icon):active{
  /* background-color: #D95267 !important */
  background-color: #303AF2 !important
}
button.v-btn--outlined:hover, button.primary.v-btn--outlined:hover, button.v-btn--outlined:active, button.primary.v-btn--outlined:active{
  background-color: white !important;
  /* color:#D95267 !important */
  color:#303AF2 !important
}

.subject-img   { transition: all .2s ease-in-out; }
.subject-img:hover{
  transform: scale(1.1);
}
.subject-img:active {
  transform: scale(1.1);
}

.v-application .primary--text, .v-icon.v-icon--dense, .v-icon  {
  color: #4B64F2 !important;
  caret-color: #4B64F2 !important;
}

.text-mid-gray, .v-application  a.text-mid-gray{
  color: #97999D !important;
}

.v-btn.v-btn--outlined {
    border-radius: 28px;
    border: 0px;
    background: #F0F1F6 0% 0% no-repeat padding-box;
    box-shadow: inset 10px -10px 20px #415af029 !important
}

.progress-bar{
  background-color: #303AF2; 
}

.v-menu__content .v-list-item .v-list-item__action{
  padding-right: 10px !important
}

.texto_informativo{
  color:#000; 
  display:none;
  position:absolute;     
  top: -20px; 
  color: rgb(151, 153, 157) !important;
  font-weight: 400 !important; 
  font-size: 13px;
  left: 10px;
}
.span_content_info:hover  p.texto_informativo{
  display:block !important;
  color:red;
}