/*============= Color Variables  ================*/
/*============= Font Weight Variables  ================*/
/*@include respond-above(sm) {
  .element {
    font-weight: bold;
  }
}*/
@-webkit-keyframes animate-positive {
  0% {
    width: 0%;
  }
}
@keyframes animate-positive {
  0% {
    width: 0%;
  }
}
/* @include transition(all,2s,ease-out); */
.tran_all {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pageloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 999;
}
.pageloader img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

a:focus {
  outline: none;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d1dbe4;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(206, 212, 218, 0.5);
}

/* Change autocomplete styles in WebKit */
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 0px 1000px #0000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Change autocomplete styles in WebKit */
.row.pd5 {
  margin-left: -5px;
  margin-right: -5px;
}
.row.pd5 > [class^=col] {
  padding-left: 5px;
  padding-right: 5px;
}
.row.pd15_half {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.row.pd15_half > [class^=col] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.row.pd0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row.pd0 > [class^=col] {
  padding-left: 0px;
  padding-right: 0px;
}

.display_table {
  height: 100%;
  display: table;
}
.display_table .table_row {
  display: table-row;
}
.display_table .table_row .table_cell {
  display: table-cell;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.sticky_bottom {
  position: sticky;
  bottom: 10px;
}

.boxrow:before {
  content: "";
  display: table;
}
.boxrow:after {
  content: "";
  display: table;
  clear: both;
}

.slide_show {
  position: fixed;
  top: 50px;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.slide_show.right {
  right: -100%;
}
.slide_show.right[slideshow=true] {
  right: 0;
}
.slide_show.left {
  right: -100%;
}
.slide_show.left[slideshow=true] {
  left: 0;
}

.pointer {
  cursor: pointer;
}

main {
  padding-top: 60px;
  padding-bottom: 10px;
}

.left_gutterspace {
  padding-left: 0px;
}
@media screen and (max-width: 991px) {
  .left_gutterspace {
    padding-left: 15px;
  }
}

#accordion {
  min-height: 100vh;
}

.card {
  flex: 1 1 100%;
}

.collapse {
  flex: 0 0 auto;
  transition: all 0.2s;
}

.collapsing {
  flex: 1 1 100%;
  transition: flex 0.3s;
}

.collapse.show {
  flex: 1 0 auto;
}

.card .collapse.show {
  height: 100%;
}

/* ------- Font Size ------ */
.font1 {
  font-size: 0.0714285714em;
}

.font2 {
  font-size: 0.1428571428em;
}

.font3 {
  font-size: 0.2142857143em;
}

.font4 {
  font-size: 0.2857142857em;
}

.font5 {
  font-size: 0.3571428571em;
}

.font6 {
  font-size: 0.4285714285em;
}

.font7 {
  font-size: 0.4999999999em;
}

.font8 {
  font-size: 0.5714285714em;
}

.font9 {
  font-size: 0.6428571428em;
}

.font10 {
  font-size: 0.7142857142em;
}

.font11 {
  font-size: 0.7857142856em;
}

.font12 {
  font-size: 0.857142857em;
}

.font13 {
  font-size: 0.9285714285em;
}

.font14 {
  font-size: 0.9999999999em;
}

.font15 {
  font-size: 1.0714285713em;
}

.font16 {
  font-size: 1.1428571427em;
}

.font17 {
  font-size: 1.2142857141em;
}

.font18 {
  font-size: 1.2857142856em;
}

.font19 {
  font-size: 1.357142857em;
}

.font20 {
  font-size: 1.4285714284em;
}

.font21 {
  font-size: 1.4999999998em;
}

.font22 {
  font-size: 1.5714285712em;
}

.font23 {
  font-size: 1.6428571427em;
}

.font24 {
  font-size: 1.7142857141em;
}

.font25 {
  font-size: 1.7857142855em;
}

.font26 {
  font-size: 1.8571428569em;
}

.font27 {
  font-size: 1.9285714283em;
}

.font28 {
  font-size: 1.9999999998em;
}

.font29 {
  font-size: 2.0714285712em;
}

.font30 {
  font-size: 2.1428571426em;
}

/* ------- Font Size ------ */
/*------------Color Variables -------------*/
.white {
  color: #fff;
}

.bg_white {
  background-color: #fff;
}

.bdr_white {
  border-color: #fff;
}

.dark_black {
  color: #000;
}

.bg_dark_black {
  background-color: #000;
}

.bdr_dark_black {
  border-color: #000;
}

.black {
  color: #1b1b1b;
}

.bg_black {
  background-color: #1b1b1b;
}

.bdr_black {
  border-color: #1b1b1b;
}

.green {
  color: #2ab551;
}

.bg_green {
  background-color: #2ab551;
}

.bdr_green {
  border-color: #2ab551;
}

.light_green {
  color: #62dc90;
}

.bg_light_green {
  background-color: #62dc90;
}

.bdr_light_green {
  border-color: #62dc90;
}

.blue {
  color: #2551cd;
}

.bg_blue {
  background-color: #2551cd;
}

.bdr_blue {
  border-color: #2551cd;
}

.light_blue {
  color: #5ea6d9;
}

.bg_light_blue {
  background-color: #5ea6d9;
}

.bdr_light_blue {
  border-color: #5ea6d9;
}

.orange {
  color: #ff6a2f;
}

.bg_orange {
  background-color: #ff6a2f;
}

.bdr_orange {
  border-color: #ff6a2f;
}

.light_orange {
  color: #dfa287;
}

.bg_light_orange {
  background-color: #dfa287;
}

.bdr_light_orange {
  border-color: #dfa287;
}

.dark_purple {
  color: #8a50c5;
}

.bg_dark_purple {
  background-color: #8a50c5;
}

.bdr_dark_purple {
  border-color: #8a50c5;
}

.light_purple {
  color: #a093e3;
}

.bg_light_purple {
  background-color: #a093e3;
}

.bdr_light_purple {
  border-color: #a093e3;
}

.pink {
  color: #f8488e;
}

.bg_pink {
  background-color: #f8488e;
}

.bdr_pink {
  border-color: #f8488e;
}

.light_pink {
  color: #db83c9;
}

.bg_light_pink {
  background-color: #db83c9;
}

.bdr_light_pink {
  border-color: #db83c9;
}

.red {
  color: #eb4363;
}

.bg_red {
  background-color: #eb4363;
}

.bdr_red {
  border-color: #eb4363;
}

.dark_red {
  color: #f7002f;
}

.bg_dark_red {
  background-color: #f7002f;
}

.bdr_dark_red {
  border-color: #f7002f;
}

.yellow {
  color: #f6b536;
}

.bg_yellow {
  background-color: #f6b536;
}

.bdr_yellow {
  border-color: #f6b536;
}

.dark_gray {
  color: #5a5858;
}

.bg_dark_gray {
  background-color: #5a5858;
}

.bdr_dark_gray {
  border-color: #5a5858;
}

.gray {
  color: #ced4da;
}

.bg_gray {
  background-color: #ced4da;
}

.bdr_gray {
  border-color: #ced4da;
}

.light_gray {
  color: #ced4da;
}

.bg_light_gray {
  background-color: #ced4da;
}

.bdr_light_gray {
  border-color: #ced4da;
}

.xl_gray {
  color: #f3f3f3;
}

.bg_xl_gray {
  background-color: #f3f3f3;
}

.bdr_xl_gray {
  border-color: #f3f3f3;
}

.cyan {
  color: #cfe3ee;
}

.bg_cyan {
  background-color: #cfe3ee;
}

.bdr_cyan {
  border-color: #cfe3ee;
}

.light_cyan {
  color: #eef5f9;
}

.bg_light_cyan {
  background-color: #eef5f9;
}

.bdr_light_cyan {
  border-color: #eef5f9;
}

.trans_blue {
  color: #476bd1;
}

.bg_trans_blue {
  background-color: #476bd1;
}

.bdr_trans_blue {
  border-color: #476bd1;
}

.x_pink {
  color: #f5ccd2;
}

.bg_x_pink {
  background-color: #f5ccd2;
}

.bdr_x_pink {
  border-color: #f5ccd2;
}

.x_blue {
  color: #b8c3fd;
}

.bg_x_blue {
  background-color: #b8c3fd;
}

.bdr_x_blue {
  border-color: #b8c3fd;
}

.levender {
  color: #bd8cbf;
}

.bg_levender {
  background-color: #bd8cbf;
}

.bdr_levender {
  border-color: #bd8cbf;
}

.dark_levender {
  color: #663386;
}

.bg_dark_levender {
  background-color: #663386;
}

.bdr_dark_levender {
  border-color: #663386;
}

.light_levender {
  color: light_levender;
}

.bg_light_levender {
  background-color: light_levender;
}

.bdr_light_levender {
  border-color: light_levender;
}

.dark_cyan {
  color: #6cefc8;
}

.bg_dark_cyan {
  background-color: #6cefc8;
}

.bdr_dark_cyan {
  border-color: #6cefc8;
}

.light_voilet {
  color: #5e72e4;
}

.bg_light_voilet {
  background-color: #5e72e4;
}

.bdr_light_voilet {
  border-color: #5e72e4;
}

/*-------- Background Variables ---------*/
.bg_none {
  background: none;
}

.bg_blue_gradient {
  background-image: -webkit-linear-gradient(-68deg, #c12eeb 0%, #2551cd 100%);
  background-image: -moz-linear-gradient(-68deg, #c12eeb 0%, #2551cd 100%);
  background-image: -ms-linear-gradient(-68deg, #c12eeb 0%, #2551cd 100%);
  background-image: -olinear-gradient(-68deg, #c12eeb 0%, #2551cd 100%);
}

/*---------- Border Color Variables ----------*/
.bdr_none {
  border: 0;
}

/*---------- Display css ----------*/
.inline_block {
  display: inline-block;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.radius100 {
  border-radius: 100px;
}

/*------- Heading -------*/
h1.heading {
  font-size: 1.875rem;
  font-weight: 600;
}

/*--30px--*/
h2.heading {
  font-size: 1.625rem;
  font-weight: 600;
}

/*--26px--*/
h3.heading {
  font-size: 1.375rem;
  font-weight: 600;
}

/*--22px--*/
h4.heading {
  font-size: 1.25rem;
  font-weight: 600;
}

/*--20px--*/
h5.heading {
  font-size: 1.1rem;
  font-weight: 600;
}

/*--18px--*/
h6.heading {
  font-size: 1rem;
  font-weight: 600;
}

/*--15px--*/
/*------- Font Weight -------*/
.extra-bold {
  font-weight: 800;
}

.bold {
  font-weight: 700;
}

.light {
  font-weight: 300;
}

.medium {
  font-weight: 600;
}

/* ------- Circular icon ------*/
.circle_icon {
  width: 40px;
  height: 40px;
  display: flex;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 2.3;
  font-size: 1.3em;
}

/* ------- Circular icon close------*/
.middle {
  vertical-align: middle;
}

.allcenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.overlaybg {
  display: none;
  background: rgba(27, 27, 27, 0.3);
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 1;
}

.avatar {
  margin-bottom: 20px !important;
}
.avatar .submit_with_image {
  display: none;
}
.avatar:hover .btn.submit_with_image {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 3px;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 35%;
  bottom: 0;
}
.avatar [data-module="ui/Demo"] > .avatar {
  min-width: auto;
}
.avatar [data-module="ui/Demo"] > .avatar .slim {
  border-radius: 50%;
  margin: 0;
  border: 1px solid #1b1b1b;
}

.slim .slim-btn-group {
  opacity: 0;
  transition: 0.25s opacity;
}

.slim:hover .slim-btn-group {
  opacity: 1;
}

.custom-select-sm {
  margin-top: 0;
}

/*# sourceMappingURL=base.css.map */