/* common CSS start ----- */
.button_appearance_none {
  background: none;
  border: none;
  box-shadow: none;
  cursor: pointer;

  -webkit-appearance: none; /* remove default appearance on Webkit-based browsers */
  -moz-appearance: none; /* remove default appearance on Mozilla-based browsers */
  appearance: none; /* remove default appearance on all other browsers */
}
.input_appearance_none {
  background: none;
  border: none;
  box-shadow: none;

  -webkit-appearance: none; /* remove default appearance on Webkit-based browsers */
  -moz-appearance: none; /* remove default appearance on Mozilla-based browsers */
  appearance: none; /* remove default appearance on all other browsers */
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.pointer_event_none {
  pointer-events: none;
}
.input_pointer_event_none {
  pointer-events: none;
  background: none !important;
  background-image: none !important;
}

.flex_center {
  align-items: center !important;
  justify-content: center !important;
}
.flex_start {
  align-items: center !important;
  justify-content: flex-start !important;
}
.flex_space_between {
  align-items: center !important;
  justify-content: space-between !important;
}
.flex_dir_col {
  flex-direction: column;
}
.flex_dir_row {
  flex-direction: row;
}

.textCenter {
  text-align: center !important;
}
.textRight {
  text-align: right !important;
}
.textLeft {
  text-align: left !important;
}
.textJustify {
  text-align: justify !important;
}


.mt_05 { margin-top: 5px; }
.mt_10 { margin-top: 10px; }
.mt_20 { margin-top: 20px; }
.mt_30 { margin-top: 30px; }

.mb_0 { margin-bottom: 0px !important; }
.mb_10 { margin-bottom: 10px; }
.mb_20 { margin-bottom: 20px; }
.mb_30 { margin-bottom: 30px; }
.mb_40 { margin-bottom: 40px; }
.mb_50 { margin-bottom: 50px; }

.mr_10 { margin-right: 10px; }
.mr_20 { margin-right: 20px; }
.mr_30 { margin-right: 30px; }
.mr_40 { margin-right: 40px; }
.mr_50 { margin-right: 50px; }

.ml_05 { margin-left: 5px; }
.ml_10 { margin-left: 10px; }
.ml_20 { margin-left: 20px; }
.ml_30 { margin-left: 30px; }

.m_auto {
  margin: 0px auto;
}
.m_auto_30 {
  margin: 0px auto 30px !important;
}

.width_100 {
  width: 100% !important;
  max-width: 100% !important;
}
.width_75 {
  width: 75%;
}
.width_70 {
  width: 70%;
}
.width_50 {
  width: 50%;
}
.width_33 {
  width: 33.33%;
}
.width_25 {
  width: 25%;
}

.flex_wrap_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.gap_5,.gpa_5 {
  gap: 5px;
}
.gap_10,.gpa_10 {
  gap: 10px;
}
.gap_20,.gpa_20 {
  gap: 20px;
}
.gap_30,.gpa_30 {
  gap: 30px;
}

.pad_t_10 {
  padding: 10px 0px 0px;
}
.pad_t_20 {
  padding: 20px 0px 0px;
}
.pad_t_30 {
  padding: 30px 0px 0px;
}
.pad_tb_10 {
  padding: 10px 0px;
}
.pad_tb_20 {
  padding: 20px 0px;
}
.pad_tb_30 {
  padding: 30px 0px;
}

.pr_5 {
  padding-right: 5px;
}
.pr_10 {
  padding-right: 10px;
}
.pr_15 {
  padding-right: 15px;
}
.pr_20 {
  padding-right: 20px;
}
.pr_25 {
  padding-right: 25px;
}
.pr_30 {
  padding-right: 30px;
}

.border_b_none {
  border-bottom: 0px transparent none !important;
}
.border_t_none {
  border-top: 0px transparent none !important;
}
.border_r_none {
  border-right: 0px transparent none !important;
}
.border_l_none {
  border-left: 0px transparent none !important;
}

.d_flex {
  display: flex;
}
.flex_col {
  flex-direction: column;
}
.flex_row {
  flex-direction: row;
}
.dflex_justify_center {
  justify-content: center;
}
.dflex_justify_end {
  justify-content: flex-end;
}
.dflex_justify_strat {
  justify-content: flex-start;
}

.inner_body_wrap  {
  padding: 0px 20px;
}
.inner_body_wrap .card.table-container {
  margin: 0px 0px !important;
}
/* common CSS end ----- */

.main_content_right_bg {
  padding: 10px 20px;
}

.select2-container {
  height: calc(2.25rem - 2px) !important;
}
.select2-container--default .select2-selection--single {
  height: 100% !important;
  padding: 0.375rem 0.75rem !important;
}

.ck.ck-content {
border:1px solid #ced4da !important
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  border:1px solid hsl(208, 79%, 51%) !important;
}

.nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right {
  right: 6px !important;
  top: 13px !important;
}


.card_block {
  height: 100%;
}


.table td, .table th {
  vertical-align: middle !important;
}
.table td p {
  margin-bottom: 0px;
}
img.image-size {
  object-fit: contain;
  object-position: center;
}
.nav-sidebar .nav-link {
  padding: 8px 20px 8px 10px;
}