.profile-image {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #282f3a;
  margin: auto;
  display: flex;
  /* or inline-flex */
  align-items: center;
  justify-content: center;
}

#name {
  color: white;
  font-size: 1.5rem;
  line-height: 100px;
}

.selected-option {
  cursor: pointer;
}

.twitter-typeahead {
  width: 90.5%;
  width: 90%;
}
.w-2{
  width: 2%;
}
.w-10{
  width: 10%;
}

.w-30 {
  width: 30%;
}

.w-32 {
  width: 32%;
}

.w-35 {
  width: 35%;
}

.w-38 {
  width: 38%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-65 {
  width: 65% !important;
}

.w-15 {
  width: 15%;
}

.w-80 {
  width: 80%;
}

.w-95 {
  width: 95% !important;
}

.w-90 {
  width: 90% !important;
}
.w-15{
  width: 15% !important;
}
.w-60{
  width: 60% !important;
}
.custom-table td,
.small-font {
  font-size: 78%;
  line-height: 1.5;
}

.custom-table td input,
.custom-table td textarea,
.custom-table td select {
  border: 1px solid #f3f3f3;
  padding: 0.35rem;
}
table td input,
table td textarea,
table td select {
  border: 1px solid #f3f3f3;
  padding: 0.35rem;
}

.accordion.accordion-solid-header .card .card-header a {
  padding: 1rem;
}

.bottom-navbar li.active {
  /* background: #4d83ff; */
  border-bottom: 2px solid #4d83ff;
}

.bottom-navbar li.active a.nav-link {
  /* color: #fff; */
  color: #4d83ff;
}

.main-title {
  color: black;
}

.form-inline .date-range .form-control {
  width: 98%;
}

.grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.pointer {
  cursor: pointer;
}

.table td .admin-img {
  width: 50px;
  height: 50px;
}

.line-height-2 {
  line-height: 2;
}

.line-height-1-5 {
  line-height: 1.5;
}

.line-height-1-2 {
  line-height: 1.2;
}

.suggestion-container {
  width: 100%;
  z-index: 99;
  top: 50px;
  position: absolute;
  display: inline-block;
}

.suggestion-row:hover {
  background: #f3f3f3;
}

.no-user-selected {
  font-size: 18px;
  color: #a7608c;
  text-align: center;
}

.nav.progress-nav .nav-item:before {
  content: "";
}

.nav.progress-nav .nav-item a {
  position: relative;
  color: inherit;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: top;
}

.nav.progress-nav .nav-item a:before,
.nav.progress-nav .nav-item a:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
}

.nav.progress-nav .nav-item a:before {
  border-left-color: #cddcff;
  right: -3px;
  z-index: 3;
  border-left-style: solid;
  border-left-width: 12px;
}

.nav.progress-nav .nav-item a:after {
  border-top: 21px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 12px solid #ffffff;
  top: 0;
  right: -5px;
}

.text-green {
  color: green;
}

.w-45 {
  width: 45%;
}

.validation-error {
  color: #ff4747 !important;
  text-align: left;
}

.search-row:hover {
  background: #e4e2e2;
}

.invoice-logo {
  width: 180px;
}

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

.enable-textarea-resize {
  resize: vertical;
}

.dropdown-menu.show.webinar-query-label {
  width: 70%;
  left: 100%;
  top: 0 !important;
  font-size: 12px;
  /* background: #e6eaf5; */
  padding: 0.5rem;
  border-width: 0 0 0 4px;
  border-color: #4d83ff;
  box-shadow: 1px 0px 10px 0px lightgrey;
}
@media print {
  .content-wrapper {
    padding: 0;
  }
}

@media print {
  @page {
    size: A4; /* DIN A4 standard, Europe */
    margin: 20mm 0 10mm 0;
  }
  html,
  body {
    /* width: 210mm; */
    height: 300mm;
    /* height: 282mm; */
    font-size: 12px;
    background: #fff;
    overflow: visible;
  }
  table {
    page-break-inside: auto;
    page-break-after: auto;
  }
  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  td {
    page-break-inside: avoid;
    page-break-after: auto;
  }
}
.custom-input {
  height: 2.2rem;
  padding: 0.75rem;
}
#morris-line-example {
  height: 250px;
}
.filter-container {
  position: fixed;
  right: 0.45rem;
  /* top: 7.3rem; */
  width: 26.5%;
  z-index: 1;
  max-height: 700px;
  min-height: 600px;
  overflow-y: auto;
}
.btn-outline-custom-primary,
.btn-outline-warning,
.btn-outline-success,
.btn-outline-info,
.btn-outline-danger {
  border-color: transparent;
  color: #282f3a;
}
.form-inline label {
  font-size: 0.875rem;
}
.horizontal-menu .nav-item a {
  color: #282f3a;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  background: #f6f8fa;
}
.sidebar-icon-only .data-contents {
  flex: 0 0 71%;
  max-width: 71%;
}
.sidebar-icon-only .action-container {
  flex: 0 0 29%;
  max-width: 29%;
}
.navbar-brand img {
  height: 18px;
}
.login-page .content-wrapper {
  min-height: 20rem;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  margin-left: -1px;
}
/* .card .lightblue {
  background-color: rgba(0, 151, 230, 0.2);
} */

.card .turquoise{
    background-color: #0075d0;
}
.card .lightseagreen{
  background-color: #2A847E;
}
.card .darkblue {
  background-color: rgba(34, 112, 147, 0.2);
}
.card .greenblue {
  background-color: rgba(0, 206, 201, 0.2);
}
.card .greish {
  background-color: rgba(170, 166, 157, 0.2);
}
.text-lightblue {
  color: #0097e6;
}
.card .royalblue {
  background-color: #626ed4;
}

.vertical-scroll-section {
  max-height: 150px;
  overflow-y: auto;
}
.card-height {
  max-height: 147px;
}
.sidebar-icon-only .chartName {
  width: 100%;
}
.chartName {
  width: 100%;
  height: auto;
}
.chartName svg {
  width: 100%;
  height: auto;
}

.chartName svg > rect {
  width: 100%;
  height: auto;
}
.sidebar-icon-only .chartName svg {
  width: 100%;
}
.sidebar-icon-only .chartName svg rect {
  width: 100%;
}
.v-select .vs__selected-options {
  flex-wrap: nowrap;
  width: 0;
}
.v-select .vs__dropdown-menu li {
  display: block;
  white-space: normal;
  min-height: 30px;
  height: auto;
  word-wrap: break-word;
}
.v-select .vs__dropdown-toggle {
  padding: 0.4375rem;
  border: 0;
  outline: 1px solid #f3f3f3;
  outline: 1px solid #dddddd;
  font-weight: 400;
  font-size: 0.875rem;
  border-radius: 0;
}
.v-select .vs__actions {
  padding: 0;
}
.v-select .vs__open-indicator {
  fill: rgba(60, 60, 60, 0.9);
  transform: scale(0.6);
}
.v-select.vs--open .vs__open-indicator {
  transform: none;
  -ms-transform: none;
  transform: scale(0.6);
}
.navbar-nav .global-search .dropdown-menu {
  position: absolute;
  z-index: 1100;
  padding: 0;
}
.global-search .submenu-item {
  height: 350px;
  overflow: auto;
}
table tr {
  page-break-inside: avoid !important;
}

label {
  page-break-inside: avoid !important;
}
.sidebar .nav.sub-menu .nav-item.active a {
  color: #5b3dd8;
  font-weight: 500;
}
label.filebutton {
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
label.filebutton span input {
  z-index: 9;
  line-height: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity = 0);
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
  _cursor: hand;
}

.h-300{
  height: 300px;
}

.chart-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.chartName {
  width: 100% !important;
  height: auto !important;
  min-width: 100%;
}
.word-break-all{
word-break: break-all;
}
.footer-logo-right{
  height: 130px;
  height: 80px;
  width: 100%;
}
.footer-logo-right img{
  height: 100%;
  float: right;
}

.dummy-logo{
  background-color: #e5e5e5;
  font-size: 18px;
  border: 1px solid grey;
  border-style: dashed;
}

.empty-state-image{
 width: 350px;
 margin: 0 auto;
}
.empty-state-image img{
	/* width:50%; */
	margin: 0 auto;
}
@media (max-width: 768px) {
.auth .auth-form-transparent{
padding: 20px;
}
.navbar .navbar-brand-wrapper {
  width: 150px;
}
.navbar .navbar-brand-wrapper{
  border-right: none;
}
.navbar .navbar-menu-wrapper {
  width: calc(100% - 150px);
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo{
  display: block;
}
.footer-logo-right{
  margin-top: 15px;
}
.footer-logo-right img{
  float: none;
}
}
#modals-container .vm--container .vm--modal{
  width: 400px !important;
  left: 250px;
}
.modal-tour{
  border-color: rgba(0, 151, 230, 0.2);
}
.modal-tour .modal-header,.modal-tour .modal-footer{
  border: none;
}
.modal-tour .modal-header .modal-title{
  color:#2caae1 !important;
}
.v-step__arrow--dark[data-v-54f9a632]:before {
    background: #2caae1 !important;
}

.v-step__header[data-v-54f9a632] {
  font-size: 1.0rem; }
  
.v-tour__target--highlighted {
    -webkit-box-shadow: 0 0 0 4px #2caae1 !important;
    box-shadow: 0 0 0 4px #2caae1 !important;
  }
  .v-step__button[data-v-54f9a632]{
    padding: .35rem .8rem !important;
  }
@media (max-width: 1092px) {
  .footer-logo-right img{
    width: 100%;
    height: auto;
  }
}
.dropdown-for-select.dropdown .dropdown-menu.show{
top: 0 !important;
margin: 0;
}
.dropdown-for-select.dropdown .dropdown-menu .dropdown-item{
  font-size: 1rem;
  padding: 0.5rem 1.5rem;
  color: #686868;
}
.dropdown-for-select.dropdown .dropdown-menu .dropdown-item i{
  margin-right: .5rem;
}
.btn-select-outline{
  border: 1px solid lightgrey;
}
.respondents-list{
  height: 250px;
  overflow: hidden;
}
.respondents-list:hover{
  overflow-y: scroll;
}
.email-wrapper.question-wise .mail-list-container .mail-list .content{
  width: 100%;
}
.email-wrapper.question-wise .mail-list-container .mail-list .content .sender-name {
    text-overflow: unset;
  overflow: visible;
  /* max-width: 100%; */
  white-space: unset;
}
.walk-in-btn{
  top: 47%;
  right: 3%;
  z-index: 999;
}
.info-container .badge{
  border-radius: 50%;
  padding: .15rem;
  position: absolute;
  top: -10px;
  font-size: .65rem;
}
.info-container {
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 0.75rem;;
}
/* 
.sidebar-icon-only .cart-body td:first-child{
 width: 97px !important;
}
.sidebar-icon-only .cart-body td:nth-child(2){
width: 305px !important;
}
.sidebar-icon-only .cart-body td:last-child{
  width: calc(100% - 305px) !important;
  text-align: right !important;
} */
.badge-custom{
  background-color: #e6e4e4;
  font-size: 10px;
}
.bulk-change-button{
  top: 0;
  right: 2%;
}
.filter-container .tiny-container .tox-tinymce{
height: 250px !important;
}
.table-logs table{
  width: 100%;
  overflow-x: auto;
}
input.time-control{
  width: 80%;
  font-size: .75rem;
  padding: 0.35rem 0 !important;
}
[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 0.75;
  /* width: .5em; */
  margin-inline-start:0;
}
.custom-enrollment-table .vuetable.table  th, .custom-enrollment-table .vuetable.table td {
  font-size: 0.78rem;
}
.dropdown-menu.filter-section.show{
  top:0 !important;
  left: -100px !important;
}
.dropdown-menu.filter-section a.dropdown-item{

  font-size: .85rem;
}
.choose-list button.btn{
  
  border: 1px solid #b3b5b8;
}
.filter-form input{
  padding: 0 0 0 .30rem;
  height: 1.5rem;
}
.filter-form select{
  padding: 0 0 0 .30rem;
  height: 1.5rem;
}
.filter-form p{
  font-size: .85rem;
  margin-bottom: 0;
}
.filter-form  button.btn{
  padding: .3rem .5rem;

}
.custom-filter-list .dropdown-toggle::after{
  display: none;
  content: '\f160';
}
.dropdown-menu.filter-section.box-shadow{
  box-shadow: 1px 0px 14px 0px #e6e4e4;
}
.font-table label{
  font-size: .875rem;
}
.notification-widgets .zmdi-icon{
  font-size: 1.25rem

}
/* .notification-widgets  .card-body{
height: 4.4rem;
} */

body{
  font-size: 1.1rem;
}
.card-title .zmdi-edit{
  font-size: 1rem;

}
.change-payment-section .input-group-prepend{
  border: 1px solid #dddddd;
}
.change-payment-section .input-group-prepend .input-group-text{
 font-size: .875rem;
 color: #495057;
 height:2.1rem;

}
.bar-title span{
font-size: 18px;
color: #1a1a1a;
font-weight: 400;
line-height: 1.5;

}
.bg-profile-progress{
  height: auto;
  width: 420px;
  padding: 12px;
}

.btn-white {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-white:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.checklist-modal-body{
  padding: 13px 26px 18px 26px;
}
.checklist-modal-body li{
padding-bottom: 8px;
}
.checklist .close span{
  font-size: 24px !important;
}

/* CSS added by Jibon */
.btn-custom-filter{
  border: 1px solid #d3d3d3;
  background-color: #fff;
  color: #141414;
  padding: 10px 18px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.btn-custom-filter .btn-icon-prepend{
  font-size: 18px;
  margin-right: 6px;
}


.btn-custom-filter-white:hover{
  background-color: #f3f3f3;
  border-color: #c3c3c3;
  color: #141414;
}

.btn-custom-filter-active{
  background-color: #5b3dd8;
  border-color: #5b3dd8;
  color: #fff;
}
.btn-custom-filter-active:hover{
  background-color: #4a2cb8;
  border-color: #4a2cb8;
  color: #fff;
}



.notification-widgets .card-body {
  flex: 1 1 auto;
  padding: 1.50rem !important;
}
 .notification-widgets h6{
  margin: 0;
 }

 #search i {
  font-size: 25px;
  color: #767676;
  /* background-color: #4d83ff; */
  /* background-color: #ececec; */
  /* padding: 8px; */
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}

.search-list-user{
  height: 360px;
  overflow-y: scroll;
}
.text-down {
    color: #b90000;
}

.text-positive {
    color: #36b700;
}

.card-body-over {
  flex: 1 1 0 !important;
}
.nav-item i .ico-font{
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin-right: 0.5rem;
  color: #50525f;
}

.sidebar .nav .nav-item.active > .nav-link i
{
  color: #5b3dd8 !important;
}

.sidebar .nav .nav-item .nav-link i.ico-font {
  font-size: 1.35rem;
  line-height: 1;
  /* margin-right: 0.75rem; */
  color: #6d7081;
  /* color: #5a5c6a; */
}
.zmdi-icon{
  font-size: 0.875rem;
  font-family: 'Material-Design-Iconic-Font';
}
.zmdi-icon-md{
  font-size: 1.875rem;
  font-family: 'Material-Design-Iconic-Font';
}
.zmdi-icon-small{
  font-size: 0.875rem;
  font-family: 'Material-Design-Iconic-Font';
}

.dashboard-filter{
  font-size: 1rem;
}

.nav-toggle {
  display: flex;
  align-items: center;
}

/* Push chevrons to the right */
.nav-toggle .zmdi-chevron-down,
.nav-toggle .zmdi-chevron-right {
  margin-left: auto;
}
/* toggle-icon */
.sidebar .nav .nav-item .nav-link i{
  color: #5a5c6a;
  font-weight: 500;
  font-size: 1rem;
}
.setup-bar{
  padding-bottom: 12px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 12px;
}

.card .royalblue {
    background-color: #626ed4;
}
.card .turquoise {
    background-color: #0075d0;
}
.dash-card .card-title {
    color: #fff;
    margin-bottom: 1.8rem;
    text-transform: uppercase;
    font-size: 1.35rem;
}
.year-filter {
  font-size: 0.875rem !important;
  padding: 0.4rem !important;
  color: #333 !important;
}

.notification-widgets{
  margin-bottom: 1.2rem;
}
.widgets-card i{
  color: #5b3dd8;
}

.widgets-card a{
  color: #626ed4;
}
.widgets-card .card{
  border-radius: 12px;
  
}