@charset "UTF-8";

/*------------------------------------------------------------------

[Master Stylesheet]

Project:	Jampack

++++ Imports ++++

++++ Reset ++++

++++ Basic ++++



	++CSS Basic++

	++Media Object++

	++Gap++

	++Position++

	++Padding++

	++Margin++

	++Background Colors++

	++Text Colors++

	++Border++

	++Colors++

	++Shadow++

	++Font Size++	

	++Font Weight++

	++Text Case++

	++Letter Spacing++

	++Line Height++

	++Width++

	++Width In Percentage++

	++Max Width++

	++Min Width++

	++Height++

	++Height In Percentage++

	++Max Height++

	++Min Height++

	++Hr++

	++opacity++

	++Div Sizes++

	++Z-Index++

	++Loader++

	++Scrollbar++

	++Separator++

	++Typography++

	++Buttons++

	++Wrapper++

	++Gutter++

	++Hk Section++

	++Card++

	++Placehoder++

	++Placehoder++

	++Breadcrumb++

	++Page Header++

	++Page Body++

	++Form++

	++Checkbox++

	++Form Switch++

	++Form Range++

	++Form validation++

    ++Inut group++

    ++Inut search++

    ++Spinner++

    ++Input Spinner++

	++Select2++

	++Tinymce++

	++File Upload++

	++Form-Wizard++

	++Popover++

	++Collapse++

	++Accordion++

	++Table++

	++Data Table++

	++Advance Table++

	++Apex Chart++

	++charts++

	++Nestable++

	++Treeview++	

	++Modals++

	++Close++

	++Sweet-alert++

	++Notification++

	++Toast++

	++Bootstrap Notify++

	++Tooltop++

	++Images++  

	++Icons++

    ++Carousel++

	++Twitter slider++

	++Color Pickr++

	++Range Slider++

	++Daterangepicker++

	++Profile++

	++Activity++

	++Wizards++

	++Pricing Table++

	++Dropdown++

	++Avatar++

	++Pagination++

	++Badge++

	++List Group++

	++Google Map++

	++Vecotor Map++

	++Progressbar++

	++Togglable++

	++Advance List++

	++Light Gallery++

	++Cropperjs++

	++Bootstrap TimeOut++

	++Hopscotch++

	++Rating++

	++Tinyemce++

	++Chips++

	++Playlist widget++

	++Ribbons++

	++Advance Badges++

	++Callout++

	++Toolbar++

	++Filter Component++

	++Content sidebar++

	++Fixed Footer++

	++Dragula++

	++Fixed Footer++

	++Authantication Pages++

	++Fixed Footer++



++++ Componets Import ++++	

-------------------------------------------------------------------*/

/****************************/

/** Imports **/

/****************************/

@import url(https://fonts.googleapis.com/icon?family=DM+Sans:400,500,700&display=swap||Material+Icons);

@import url(../../Vendors/bootstrap-5.3.2-dist/css/bootstrap.min.css);

@import url(font-awesome.min.css);

@import url(dripicons.css);

@import url(cryptofont.min.css);

@import url(themify-icons.css);

@import url(animate.css);

@import url(flag-icon.min.css);

@import url(twemoji.min.css);

@import url(material-design-iconic-font.min.css);

@import url(remixicon.css);

@import url(material-icons.css);

@import url(line-awesome.min.css);

@import url(bootstrap-icons.css);

@import url(flaticon.css);

@import url(prism.css);

/* @import url(../../vendors/simplebar/dist/simplebar.min.css); */

/* @import url(../../Vendors/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css); */

/* @import url(../../Vendors/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css); */

/*__________________________________________________________________;

[Mixin]

Project:	Jampack

___________________________________________________________________*/

/*Shadow*/

/*Table Variants*/

/*__________________________________________________________________;

[Variables]

Project:	Jampack

___________________________________________________________________*/

:root {

  --bs-body-font-family: 'DM Sans', sans-serif;

  --bs-text-opacity:1;

  --bs-bg-opacity: 1;

}



/****************************/

/** Reset **/

/****************************/

:root {



  --bs-body-font-family: 'DM Sans', sans-serif;

  --bs-text-opacity:1;

  --bs-bg-opacity: 1;







  /*COLORS*/

  --text-primary:#0083A5;

  --primary: #0083A5;

  --secondary: rgba(0, 131, 165, 0.20);

  --red: #FF0000;

  --lightred: #ff3d3d;

  --cyan: #00FFFF;

  --blue: #0000FF ;

  --darkblue:#00008B;

  --lightblue:#ADD8E6;

  --purple:#800080;

  --yellow:#FFFF00;

  --lime:#00FF00;

  --magenta:#FF00FF;

  --pink:#FFC0CB;

  --white:#FFFFFF;

  --silver:	#C0C0C0;

  --grey:	#808080;

  --darkgrey: #262a2e;

  --black:	#000000;

  --orange: 	#FFA500;

  --brown: 	#A52A2A;

  --maroon: 	#800000;

  --green:	#008000;

  --olive: 	#808000;

  --aquamarine:	#7FFFD4;





  --hh-color: #2A637E;

  --header-color: #262a2e;



  /*LINK COLORS*/



  --primary-link: black;

  --secondary-link: blue;



  /*HOVER COLORS*/



  --primary-hover: grey;

  --secondary-hover: purple;



  /*BTN COLORS*/

  --primary-btn: blue;

  --secondary-btn: red;

  /*EIND BTN COLORS*/



  --btn-rounded1: 0.375rem !important;

  --btn-rounded2: 50 rem !important;



  /*HEADERS*/



  --primary-h1: 2.5rem;

  --secondary-h1: 2.25rem;

  --primary-h2: 2rem;

  --secondary-h2: 1.85rem;

  --primary-h3: 1.75rem;

  --secondary-h3: 1.60rem;

  --primary-h4: 1.5rem;

  --secondary-h4: 1.35rem;

  --primary-h5: 1.25rem;

  --secondary-h5: 1.10rem;

  --primary-h6: 1rem;

  --secondary-h6: 0.85rem;

}



html, body, div, span, applet, object, iframe, p, pre, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

}



.text-primary1{

    color:var(--black)!important;

}



em, cite {

  font-style: italic;

}



strong {

  font-weight: bold;

}



body {

  background-color: white;

  font-family: var(--bs-body-font-family);

  font-size: var(--bs-body-font-size);

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: transparent;

  overflow: auto !important;



}





/*scroll*/

::-webkit-scrollbar {

  width: 2%;

  border-radius: 8px/* Width of the scrollbar */

}



/* Track */

::-webkit-scrollbar-track {

  background: var(--badgelightgray);

  border-radius: 3px;

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: rgba(0, 131, 165, 0.20);

  border-radius: 2px;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: var(--primary);

}



.customscroll::-webkit-scrollbar {

  width: 4px;

  border-radius: 3px/* Width of the scrollbar */

}



/* Track */

.customscroll::-webkit-scrollbar-track {

  background: var(--badgelightgray);

  border-radius: 3px;

}



/* Handle */

.customscroll::-webkit-scrollbar-thumb {

  background: rgba(0, 131, 165, 0.20);

  border-radius: 3px;

}



/* Handle on hover */

.customscroll::-webkit-scrollbar-thumb:hover {

  background: var(--primary);

}



.center{

  display: flex;

  justify-content: center;

  align-items: center;

}



input:focus-visible, input:focus{
  border: 1px solid var(--primary) !important;
}



  /*<-- nav -->*/



.nav-link-text{

  color: inherit !important;

}



/*.nav-link svg{*/

/*  color:black;*/

/*}*/



.menu-group ul{

  row-gap:0.5vh;

}

.nav-link svg:hover{

  color: var(--text-primary);

}



.nav-link.active, .nav-link:hover{

  border-radius: 8px;

  background: rgba(0, 131, 165, 0.20) !important;

  color:var(--text-primary)!important;

}



/*<--/ nav -->*/



.badge1{

  color: var(--text-primary);

  border-radius: 8px;

  background: #E3EBEE;

  border: none;

  padding: 5px;

  font-size: 15px;

}



.main-font, .jq-toast-wrap .jq-toast-single, .jq-toast-wrap .jq-toast-single .jq-toast-heading, .infowindow-wrap .infowindow-header, .infowindow-wrap .infowindow-body {

  font-family: var(--bs-body-font-family);

}



.force-UTF-8 {

  content: "¡";

}



dt {

  font-weight: 600;

}



::-webkit-file-upload-button {

  cursor: pointer;

}



/*BOX SHADOW*/



.bshadow5{

  box-shadow: 5px 5px;

}



.bshadow8{

  box-shadow: 8px 8px;

}



.bshadow10{

  box-shadow: 10px 10px;

}



/*LINKS*/



a:hover, a:active {

  outline: 0;

}



a {

  text-decoration: none;

  color:var(--primary) ;

  -webkit-transition: color 0.2s ease;

  -moz-transition: color 0.2s ease;

  transition: color 0.2s ease;

}

a:hover {

  text-decoration: none;

  color: #3d9ca5;

}

a:focus {

  text-decoration: none;

  outline: none;

  color: #3d9ca5;

}

a.link-info {

  color: #18DDEF !important;

}

a.link-info:hover, a.link-info:focus {

  color: #4fe5f3 !important;

}

a.link-success {

  color: #00D67F !important;

}

a.link-success:hover, a.link-success:focus {

  color: #3de09e !important;

}

a.link-warning {

  color: #FFC400 !important;

}

a.link-warning:hover, a.link-warning:focus {

  color: #ffd23d !important;

}

a.link-danger {

  color: var(--red) !important;

}

a.link-danger:hover, a.link-danger:focus {

  color: var(--lightred) !important;

}

a.link-primary {

  color: #008977 !important;

}

a.link-primary:hover, a.link-primary:focus {

  color: #3d9ca5 !important;

}

a.link-muted {

  color: var(--grey) !important;

}

a.link-muted:hover, a.link-muted:focus {

  color: var(--silver) !important;

}

a.link-secondary {

  color: var(--grey) !important;

}

a.link-secondary:hover, a.link-secondary:focus {

  color: var(--silver) !important;

}

a.link-dark {

  color: #262a2e !important;

}

a.link-dark:hover, a.link-dark:focus {

  color: #2a2f34 !important;

}

a.link-light {

  color: #9e9e9e !important;

}

a.link-light:hover, a.link-light:focus {

  color: #b5b5b5 !important;

}

a.link-white {

  color: var(--white) !important;

}

a.link-white:hover, a.link-white:focus {

  color: rgba(255, 255, 255, 0.8);

}

a.link-disabled {

  color: var(--silver) !important;

  pointer-events: none;

  user-select: none;

}

a.link-disabled:hover, a.link-disabled:focus {

  color: var(--silver) !important;

}

a.link-high-em {

  font-weight: 500;

}

a.link-medium-em {

  font-size: .875rem;

}

a.link-low-em {

  font-size: .75rem;

}



/*HEADERS*/







.heading-wth-icon {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

}

.heading-wth-icon .head-icon {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.heading-wth-icon .head-icon i {

  line-height: 0;

}



.h1.heading-wth-icon .head-icon, h1.heading-wth-icon .head-icon {

  margin-right: 1.125rem;

}



@media (max-width: 1199px) {

  .h1.heading-wth-icon .head-icon, h1.heading-wth-icon .head-icon {

    margin-right: 1.125rem;

  }

}

.h2.heading-wth-icon .head-icon, h2.heading-wth-icon .head-icon {

  margin-right: 1rem;

}



@media (max-width: 1199px) {

  .h2.heading-wth-icon .head-icon, h2.heading-wth-icon .head-icon {

    margin-right: 1.125rem;

  }

}

.h3.heading-wth-icon .head-icon, h3.heading-wth-icon .head-icon {

  margin-right: .875rem;

}



@media (max-width: 1199px) {

  .h3.heading-wth-icon .head-icon, h3.heading-wth-icon .head-icon {

    margin-right: 1.125rem;

  }

}

.h4.heading-wth-icon .head-icon, h4.heading-wth-icon .head-icon {

  margin-right: .75rem;

}



.h5.heading-wth-icon .head-icon, h5.heading-wth-icon .head-icon {

  margin-right: .625rem;

}



.h6.heading-wth-icon .head-icon, h6.heading-wth-icon .head-icon {

  margin-right: .5rem;

}



/*LISTS*/



ul {

  list-style: none;

}

ul.list-ul {

  list-style: disc;

}

ul.list-ul ul {

  list-style-type: circle;

}

ul.list-icon {

  list-style: none;

  padding-left: 0;

}

ul.list-icon > li {

  padding-left: 1.875rem;

  counter-increment: li;

}

ul.list-icon > li i,

ul.list-icon > li .feather-icon,

ul.list-icon > li .svg-icon {

  display: inline-block;

  height: 20px;

  width: 20px;

  text-align: center;

  margin-left: -1.25rem;

  position: relative;

  left: -10px;

  padding: 1px;

  top: -1px;

}

ul.list-icon > li i {

  font-size: 21px;

  top: 5px;

}

ul.hk-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -.68rem;

  padding-left: 0;

}

ul.hk-list li {

  padding: .68rem;

}

ul.hk-list.hk-list-sm {

  margin: 0 -.4rem;

}

ul.hk-list.hk-list-sm li {

  padding: .4rem;

}





/*BUTTONS*/



.btn-block {

  display: block;

  width: 100%;

}



.btn-danger {

  color: var(--white);

  background-color: var(--red);

  border-color: var(--red);

}

.btn{

  text-transform: capitalize;

  outline: none;

  font-size: 1rem;

  padding: 0.375rem 1rem;

  border-width: 1px;

  border-radius: var(--btn-rounded1);

}



.btn-rounded{

  border-radius: var(--btn-rounded2);

}



/****************************/

/** Basic **/

/****************************/

/*CSS Basic*/

.overflow-y-scroll {

  overflow-y: scroll;

}



.overflow-x-scroll {

  overflow-x: scroll;

}



.white-space-wrap {

  white-space: initial;

}



.white-space-nowrap {

  white-space: nowrap;

}



.word-break,

a.link-url {

  word-break: break-all;

}



.multine-ellipsis {

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

}



.seprator-block {

  margin-bottom: 5rem;

}



.no-transition {

  -webkit-transition: 0s;

  -moz-transition: 0s;

  transition: 0s;

}



.transform-none {

  transform: none !important;

}



.name {

  color: #262a2e !important;

  font-weight: 500;

}



.twa-2x {

  background-size: 1.3em 1.3em;

  height: 1.3em;

  width: 1.3em;

}



.flex-basis-0 {

  flex-basis: 0 !important;

}



.flex-1 {

  -ms-flex: 1 !important;

  flex: 1 !important;

}



td.text-truncate, th.text-truncate {

  max-width: 1px;

}



[contenteditable="true"] {

  outline: none;

}



.icon-flip-y {

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



.icon-flip-x {

  -webkit-transform: rotateX(180deg);

  -moz-transform: rotateX(180deg);

  -ms-transform: rotateX(180deg);

  -o-transform: rotateX(180deg);

  transform: rotateX(180deg);

}



/*Media Object*/

.media {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: start;

  align-items: flex-start;

}



.media-head {

  display: flex;

}



.media-body {

  -ms-flex: 1;

  flex: 1;

}



/*Gap*/

.gap-5 {

  gap: 2rem !important;

}



.gap-6 {

  gap: 2.5rem !important;

}



.gap-7 {

  gap: 3rem !important;

}



/*Position*/

.position-top-start,

.position-top-end,

.position-bottom-start,

.position-bottom-end,

.position-start-center,

.position-end-center,

.position-top-center,

.position-bottom-center,

.position-top-start-overflow,

.position-top-end-overflow,

.position-bottom-start-overflow,

.position-bottom-end-overflow,

.position-start-center-overflow,

.position-end-center-overflow,

.position-top-center-overflow,

.position-bottom-center-overflow {

  position: absolute !important;

  z-index: 2;

}



.position-top-start {

  top: 0 !important;

  left: 0 !important;

}



.position-top-end {

  top: 0 !important;

  right: 0 !important;

}



.position-bottom-start {

  bottom: 0 !important;

  left: 0 !important;

  top: auto !important;

}



.position-bottom-end {

  bottom: 0 !important;

  right: 0 !important;

  top: auto !important;

}



.position-top-center {

  top: 0 !important;

  right: 50% !important;

  -webkit-transform: translateX(50%) !important;

  -moz-transform: translateX(50%) !important;

  -ms-transform: translateX(50%) !important;

  -o-transform: translateX(50%) !important;

  transform: translateX(50%) !important;

}



.position-bottom-center {

  bottom: 0 !important;

  right: 50% !important;

  -webkit-transform: translateX(50%) !important;

  -moz-transform: translateX(50%) !important;

  -ms-transform: translateX(50%) !important;

  -o-transform: translateX(50%) !important;

  transform: translateX(50%) !important;

}



.position-start-center {

  left: 0 !important;

  top: 50% !important;

  -webkit-transform: translateY(-50%) !important;

  -moz-transform: translateY(-50%) !important;

  -ms-transform: translateY(-50%) !important;

  -o-transform: translateY(-50%) !important;

  transform: translateY(-50%) !important;

}



.position-end-center {

  right: 0 !important;

  top: 50% !important;

  -webkit-transform: translateY(-50%) !important;

  -moz-transform: translateY(-50%) !important;

  -ms-transform: translateY(-50%) !important;

  -o-transform: translateY(-50%) !important;

  transform: translateY(-50%) !important;

}



.position-center {

  left: 50% !important;

  top: 50% !important;

  -webkit-transform: translate(-50%, -50%) !important;

  -moz-transform: translate(-50%, -50%) !important;

  -ms-transform: translate(-50%, -50%) !important;

  -o-transform: translate(-50%, -50%) !important;

  transform: translate(-50%, -50%) !important;

}



.position-top-start-overflow {

  top: 0 !important;

  left: 0 !important;

  -webkit-transform: translate(-50%, -50%) !important;

  -moz-transform: translate(-50%, -50%) !important;

  -ms-transform: translate(-50%, -50%) !important;

  -o-transform: translate(-50%, -50%) !important;

  transform: translate(-50%, -50%) !important;

}



.position-top-end-overflow {

  top: 0 !important;

  right: 0 !important;

  -webkit-transform: translate(50%, -50%) !important;

  -moz-transform: translate(50%, -50%) !important;

  -ms-transform: translate(50%, -50%) !important;

  -o-transform: translate(50%, -50%) !important;

  transform: translate(50%, -50%) !important;

}



.position-bottom-start-overflow {

  bottom: 0 !important;

  left: 0 !important;

  top: auto !important;

  -webkit-transform: translate(-50%, 50%) !important;

  -moz-transform: translate(-50%, 50%) !important;

  -ms-transform: translate(-50%, 50%) !important;

  -o-transform: translate(-50%, 50%) !important;

  transform: translate(-50%, 50%) !important;

}



.position-bottom-end-overflow {

  bottom: 0 !important;

  right: 0 !important;

  top: auto !important;

  -webkit-transform: translate(50%, 50%) !important;

  -moz-transform: translate(50%, 50%) !important;

  -ms-transform: translate(50%, 50%) !important;

  -o-transform: translate(50%, 50%) !important;

  transform: translate(50%, 50%) !important;

}



.position-top-center-overflow {

  top: 0 !important;

  right: 50% !important;

  -webkit-transform: translate(50%, -50%) !important;

  -moz-transform: translate(50%, -50%) !important;

  -ms-transform: translate(50%, -50%) !important;

  -o-transform: translate(50%, -50%) !important;

  transform: translate(50%, -50%) !important;

}



.position-bottom-center-overflow {

  bottom: 0 !important;

  right: 50% !important;

  -webkit-transform: translate(50%, 50%) !important;

  -moz-transform: translate(50%, 50%) !important;

  -ms-transform: translate(50%, 50%) !important;

  -o-transform: translate(50%, 50%) !important;

  transform: translate(50%, 50%) !important;

}



.position-start-center-overflow {

  left: 0 !important;

  top: 50% !important;

  -webkit-transform: translate(-50%, -50%) !important;

  -moz-transform: translate(-50%, -50%) !important;

  -ms-transform: translate(-50%, -50%) !important;

  -o-transform: translate(-50%, -50%) !important;

  transform: translate(-50%, -50%) !important;

}



.position-end-center-overflow {

  right: 0 !important;

  top: 50% !important;

  -webkit-transform: translate(50%, -50%) !important;

  -moz-transform: translate(50%, -50%) !important;

  -ms-transform: translate(50%, -50%) !important;

  -o-transform: translate(50%, -50%) !important;

  transform: translate(50%, -50%) !important;

}



.position-top-start-overflow-1,

.position-top-end-overflow-1,

.position-bottom-start-overflow-1,

.position-bottom-end-overflow-1 {

  position: absolute !important;

  z-index: 2;

}



.position-top-start-overflow-1 {

  top: 12% !important;

  left: 16% !important;

  -webkit-transform: translate(-50%, -50%) !important;

  -moz-transform: translate(-50%, -50%) !important;

  -ms-transform: translate(-50%, -50%) !important;

  -o-transform: translate(-50%, -50%) !important;

  transform: translate(-50%, -50%) !important;

}



.position-top-end-overflow-1 {

  top: 12% !important;

  right: 16% !important;

  -webkit-transform: translate(50%, -50%) !important;

  -moz-transform: translate(50%, -50%) !important;

  -ms-transform: translate(50%, -50%) !important;

  -o-transform: translate(50%, -50%) !important;

  transform: translate(50%, -50%) !important;

}



.position-bottom-start-overflow-1 {

  bottom: 12% !important;

  left: 16% !important;

  top: auto !important;

  -webkit-transform: translate(-50%, 50%) !important;

  -moz-transform: translate(-50%, 50%) !important;

  -ms-transform: translate(-50%, 50%) !important;

  -o-transform: translate(-50%, 50%) !important;

  transform: translate(-50%, 50%) !important;

}



.position-bottom-end-overflow-1 {

  bottom: 12% !important;

  right: 16% !important;

  top: auto !important;

  -webkit-transform: translate(50%, 50%) !important;

  -moz-transform: translate(50%, 50%) !important;

  -ms-transform: translate(50%, 50%) !important;

  -o-transform: translate(50%, 50%) !important;

  transform: translate(50%, 50%) !important;

}



/*Background Colors*/

.bg-sky-light-5 {

  background-color: rgba(235, 249, 255, var(--bs-bg-opacity)) !important;

}



.bg-sky-light-4 {

  background-color: rgba(199, 238, 255, var(--bs-bg-opacity)) !important;

}



.bg-sky-light-3 {

  background-color: rgba(153, 223, 255, var(--bs-bg-opacity)) !important;

}



.bg-sky-light-2 {

  background-color: rgba(107, 209, 255, var(--bs-bg-opacity)) !important;

}



.bg-sky-light-1 {

  background-color: rgba(61, 195, 255, var(--bs-bg-opacity)) !important;

}



.bg-sky {

  background-color: rgba(0, 176, 255, var(--bs-bg-opacity)) !important;

}



.bg-sky-dark-5 {

  background-color: rgba(0, 88, 128, var(--bs-bg-opacity)) !important;

}



.bg-sky-dark-4 {

  background-color: rgba(0, 106, 153, var(--bs-bg-opacity)) !important;

}



.bg-sky-dark-3 {

  background-color: rgba(0, 123, 179, var(--bs-bg-opacity)) !important;

}



.bg-sky-dark-2 {

  background-color: rgba(0, 141, 204, var(--bs-bg-opacity)) !important;

}



.bg-sky-dark-1 {

  background-color: rgba(0, 158, 230, var(--bs-bg-opacity)) !important;

}



.bg-green-light-5 {

  background-color: rgba(235, 252, 245, var(--bs-bg-opacity)) !important;

}



.bg-green-light-4 {

  background-color: rgba(199, 246, 227, var(--bs-bg-opacity)) !important;

}



.bg-green-light-3 {

  background-color: rgba(153, 239, 204, var(--bs-bg-opacity)) !important;

}



.bg-green-light-2 {

  background-color: rgba(107, 231, 181, var(--bs-bg-opacity)) !important;

}



.bg-green-light-1 {

  background-color: rgba(61, 224, 158, var(--bs-bg-opacity)) !important;

}



.bg-green {

  background-color: rgba(0, 214, 127, var(--bs-bg-opacity)) !important;

}



.bg-green-dark-5 {

  background-color: rgba(0, 107, 64, var(--bs-bg-opacity)) !important;

}



.bg-green-dark-4 {

  background-color: rgba(0, 128, 76, var(--bs-bg-opacity)) !important;

}



.bg-green-dark-3 {

  background-color: rgba(0, 150, 89, var(--bs-bg-opacity)) !important;

}



.bg-green-dark-2 {

  background-color: rgba(0, 171, 102, var(--bs-bg-opacity)) !important;

}



.bg-green-dark-1 {

  background-color: rgba(0, 193, 114, var(--bs-bg-opacity)) !important;

}



.bg-success-light-5 {

  background-color: rgba(235, 252, 245, var(--bs-bg-opacity)) !important;

}



.bg-success-light-4 {

  background-color: rgba(199, 246, 227, var(--bs-bg-opacity)) !important;

}



.bg-success-light-3 {

  background-color: rgba(153, 239, 204, var(--bs-bg-opacity)) !important;

}



.bg-success-light-2 {

  background-color: rgba(107, 231, 181, var(--bs-bg-opacity)) !important;

}



.bg-success-light-1 {

  background-color: rgba(61, 224, 158, var(--bs-bg-opacity)) !important;

}



.bg-success {

  background-color: rgba(0, 214, 127, var(--bs-bg-opacity)) !important;

}



.bg-success-dark-5 {

  background-color: rgba(0, 107, 64, var(--bs-bg-opacity)) !important;

}



.bg-success-dark-4 {

  background-color: rgba(0, 128, 76, var(--bs-bg-opacity)) !important;

}



.bg-success-dark-3 {

  background-color: rgba(0, 150, 89, var(--bs-bg-opacity)) !important;

}



.bg-success-dark-2 {

  background-color: rgba(0, 171, 102, var(--bs-bg-opacity)) !important;

}



.bg-success-dark-1 {

  background-color: rgba(0, 193, 114, var(--bs-bg-opacity)) !important;

}



.bg-yellow-light-5 {

  background-color: rgba(255, 250, 235, var(--bs-bg-opacity)) !important;

}



.bg-yellow-light-4 {

  background-color: rgba(255, 242, 199, var(--bs-bg-opacity)) !important;

}



.bg-yellow-light-3 {

  background-color: rgba(255, 231, 153, var(--bs-bg-opacity)) !important;

}



.bg-yellow-light-2 {

  background-color: rgba(255, 221, 107, var(--bs-bg-opacity)) !important;

}



.bg-yellow-light-1 {

  background-color: rgba(255, 210, 61, var(--bs-bg-opacity)) !important;

}



.bg-yellow {

  background-color: rgba(255, 196, 0, var(--bs-bg-opacity)) !important;

}



.bg-yellow-dark-5 {

  background-color: rgba(128, 98, 0, var(--bs-bg-opacity)) !important;

}



.bg-yellow-dark-4 {

  background-color: rgba(153, 118, 0, var(--bs-bg-opacity)) !important;

}



.bg-yellow-dark-3 {

  background-color: rgba(179, 137, 0, var(--bs-bg-opacity)) !important;

}



.bg-yellow-dark-2 {

  background-color: rgba(204, 157, 0, var(--bs-bg-opacity)) !important;

}



.bg-yellow-dark-1 {

  background-color: rgba(230, 176, 0, var(--bs-bg-opacity)) !important;

}



.bg-warning-light-5 {

  background-color: rgba(255, 250, 235, var(--bs-bg-opacity)) !important;

}



.bg-warning-light-4 {

  background-color: rgba(255, 242, 199, var(--bs-bg-opacity)) !important;

}



.bg-warning-light-3 {

  background-color: rgba(255, 231, 153, var(--bs-bg-opacity)) !important;

}



.bg-warning-light-2 {

  background-color: rgba(255, 221, 107, var(--bs-bg-opacity)) !important;

}



.bg-warning-light-1 {

  background-color: rgba(255, 210, 61, var(--bs-bg-opacity)) !important;

}



.bg-warning {

  background-color: rgba(255, 196, 0, var(--bs-bg-opacity)) !important;

}



.bg-warning-dark-5 {

  background-color: rgba(128, 98, 0, var(--bs-bg-opacity)) !important;

}



.bg-warning-dark-4 {

  background-color: rgba(153, 118, 0, var(--bs-bg-opacity)) !important;

}



.bg-warning-dark-3 {

  background-color: rgba(179, 137, 0, var(--bs-bg-opacity)) !important;

}



.bg-warning-dark-2 {

  background-color: rgba(204, 157, 0, var(--bs-bg-opacity)) !important;

}



.bg-warning-dark-1 {

  background-color: rgba(230, 176, 0, var(--bs-bg-opacity)) !important;

}



.bg-red-light-5 {

  background-color: rgba(255, 235, 235, var(--bs-bg-opacity)) !important;

}



.bg-red-light-4 {

  background-color: rgba(255, 199, 199, var(--bs-bg-opacity)) !important;

}



.bg-red-light-3 {

  background-color: rgba(255, 153, 153, var(--bs-bg-opacity)) !important;

}



.bg-red-light-2 {

  background-color: rgba(255, 107, 107, var(--bs-bg-opacity)) !important;

}



.bg-red-light-1 {

  background-color: rgba(255, 61, 61, var(--bs-bg-opacity)) !important;

}



.bg-red {

  background-color: rgba(255, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-red-dark-5 {

  background-color: rgba(128, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-red-dark-4 {

  background-color: rgba(153, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-red-dark-3 {

  background-color: rgba(179, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-red-dark-2 {

  background-color: rgba(204, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-red-dark-1 {

  background-color: rgba(230, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-danger-light-5 {

  background-color: rgba(255, 235, 235, var(--bs-bg-opacity)) !important;

}



.bg-danger-light-4 {

  background-color: rgba(255, 199, 199, var(--bs-bg-opacity)) !important;

}



.bg-danger-light-3 {

  background-color: rgba(255, 153, 153, var(--bs-bg-opacity)) !important;

}



.bg-danger-light-2 {

  background-color: rgba(255, 107, 107, var(--bs-bg-opacity)) !important;

}



.bg-danger-light-1 {

  background-color: rgba(255, 61, 61, var(--bs-bg-opacity)) !important;

}



.bg-danger {

  background-color: rgba(255, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-danger-dark-5 {

  background-color: rgba(128, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-danger-dark-4 {

  background-color: rgba(153, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-danger-dark-3 {

  background-color: rgba(179, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-danger-dark-2 {

  background-color: rgba(204, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-danger-dark-1 {

  background-color: rgba(230, 0, 0, var(--bs-bg-opacity)) !important;

}



.bg-blue-light-5 {

  background-color: rgba(238, 246, 255, var(--bs-bg-opacity)) !important;

}



.bg-blue-light-4 {

  background-color: rgba(208, 230, 255, var(--bs-bg-opacity)) !important;

}



.bg-blue-light-3 {

  background-color: rgba(169, 209, 255, var(--bs-bg-opacity)) !important;

}



.bg-blue-light-2 {

  background-color: rgba(131, 189, 255, var(--bs-bg-opacity)) !important;

}



.bg-blue-light-1 {

  background-color: rgba(92, 168, 255, var(--bs-bg-opacity)) !important;

}



.bg-blue {

  background-color: rgba(41, 141, 255, var(--bs-bg-opacity)) !important;

}



.bg-blue-dark-5 {

  background-color: rgba(21, 71, 128, var(--bs-bg-opacity)) !important;

}



.bg-blue-dark-4 {

  background-color: rgba(25, 85, 153, var(--bs-bg-opacity)) !important;

}



.bg-blue-dark-3 {

  background-color: rgba(29, 99, 179, var(--bs-bg-opacity)) !important;

}



.bg-blue-dark-2 {

  background-color: rgba(33, 113, 204, var(--bs-bg-opacity)) !important;

}



.bg-blue-dark-1 {

  background-color: rgba(37, 127, 230, var(--bs-bg-opacity)) !important;

}



.bg-primary-light-5 {

  background-color: rgba(235, 245, 245, var(--bs-bg-opacity)) !important;

}



.bg-primary-light-4 {

  background-color: rgba(199, 226, 229, var(--bs-bg-opacity)) !important;

}



.bg-primary-light-3 {

  background-color: rgba(153, 203, 207, var(--bs-bg-opacity)) !important;

}



.bg-primary-light-2 {

  background-color: rgba(107, 180, 186, var(--bs-bg-opacity)) !important;

}



.bg-primary-light-1 {

  background-color: rgba(61, 156, 165, var(--bs-bg-opacity)) !important;

}



.bg-primary {

  background-color: rgba(0, 125, 136, var(--bs-bg-opacity)) !important;

}



.bg-primary-dark-5 {

  background-color: rgba(0, 63, 68, var(--bs-bg-opacity)) !important;

}



.bg-primary-dark-4 {

  background-color: rgba(0, 75, 82, var(--bs-bg-opacity)) !important;

}



.bg-primary-dark-3 {

  background-color: rgba(0, 88, 95, var(--bs-bg-opacity)) !important;

}



.bg-primary-dark-2 {

  background-color: rgba(0, 100, 109, var(--bs-bg-opacity)) !important;

}



.bg-primary-dark-1 {

  background-color: rgba(0, 113, 122, var(--bs-bg-opacity)) !important;

}



.bg-cyan-light-5 {

  background-color: rgba(237, 252, 254, var(--bs-bg-opacity)) !important;

}



.bg-cyan-light-4 {

  background-color: rgba(204, 248, 251, var(--bs-bg-opacity)) !important;

}



.bg-cyan-light-3 {

  background-color: rgba(163, 241, 249, var(--bs-bg-opacity)) !important;

}



.bg-cyan-light-2 {

  background-color: rgba(121, 235, 246, var(--bs-bg-opacity)) !important;

}



.bg-cyan-light-1 {

  background-color: rgba(79, 229, 243, var(--bs-bg-opacity)) !important;

}



.bg-cyan {

  background-color: rgba(24, 221, 239, var(--bs-bg-opacity)) !important;

}



.bg-cyan-dark-5 {

  background-color: rgba(12, 111, 120, var(--bs-bg-opacity)) !important;

}



.bg-cyan-dark-4 {

  background-color: rgba(14, 133, 143, var(--bs-bg-opacity)) !important;

}



.bg-cyan-dark-3 {

  background-color: rgba(17, 155, 167, var(--bs-bg-opacity)) !important;

}



.bg-cyan-dark-2 {

  background-color: rgba(19, 177, 191, var(--bs-bg-opacity)) !important;

}



.bg-cyan-dark-1 {

  background-color: rgba(22, 199, 215, var(--bs-bg-opacity)) !important;

}



.bg-info-light-5 {

  background-color: rgba(237, 252, 254, var(--bs-bg-opacity)) !important;

}



.bg-info-light-4 {

  background-color: rgba(204, 248, 251, var(--bs-bg-opacity)) !important;

}



.bg-info-light-3 {

  background-color: rgba(163, 241, 249, var(--bs-bg-opacity)) !important;

}



.bg-info-light-2 {

  background-color: rgba(121, 235, 246, var(--bs-bg-opacity)) !important;

}



.bg-info-light-1 {

  background-color: rgba(79, 229, 243, var(--bs-bg-opacity)) !important;

}



.bg-info {

  background-color: rgba(24, 221, 239, var(--bs-bg-opacity)) !important;

}



.bg-info-dark-5 {

  background-color: rgba(12, 111, 120, var(--bs-bg-opacity)) !important;

}



.bg-info-dark-4 {

  background-color: rgba(14, 133, 143, var(--bs-bg-opacity)) !important;

}



.bg-info-dark-3 {

  background-color: rgba(17, 155, 167, var(--bs-bg-opacity)) !important;

}



.bg-info-dark-2 {

  background-color: rgba(19, 177, 191, var(--bs-bg-opacity)) !important;

}



.bg-info-dark-1 {

  background-color: rgba(22, 199, 215, var(--bs-bg-opacity)) !important;

}



.bg-grey-light-5 {

  background-color: rgba(247, 247, 247, var(--bs-bg-opacity)) !important;

}



.bg-grey-light-4 {

  background-color: rgba(234, 234, 234, var(--bs-bg-opacity)) !important;

}



.bg-grey-light-3 {

  background-color: rgba(216, 216, 216, var(--bs-bg-opacity)) !important;

}



.bg-grey-light-2 {

  background-color: rgba(199, 199, 199, var(--bs-bg-opacity)) !important;

}



.bg-grey-light-1 {

  background-color: rgba(181, 181, 181, var(--bs-bg-opacity)) !important;

}



.bg-grey {

  background-color: rgba(158, 158, 158, var(--bs-bg-opacity)) !important;

}



.bg-grey-dark-1 {

  background-color: rgba(142, 142, 142, var(--bs-bg-opacity)) !important;

}



.bg-grey-dark-2 {

  background-color: rgba(126, 126, 126, var(--bs-bg-opacity)) !important;

}



.bg-grey-dark-3 {

  background-color: rgba(111, 111, 111, var(--bs-bg-opacity)) !important;

}



.bg-grey-dark-4 {

  background-color: rgba(95, 95, 95, var(--bs-bg-opacity)) !important;

}



.bg-grey-dark-5 {

  background-color: rgba(79, 79, 79, var(--bs-bg-opacity)) !important;

}



.bg-secondary-light-5 {

  background-color: rgba(243, 243, 243, var(--bs-bg-opacity)) !important;

}



.bg-secondary-light-4 {

  background-color: rgba(223, 223, 223, var(--bs-bg-opacity)) !important;

}



.bg-secondary-light-3 {

  background-color: rgba(197, 197, 197, var(--bs-bg-opacity)) !important;

}



.bg-secondary-light-2 {

  background-color: rgba(171, 171, 171, var(--bs-bg-opacity)) !important;

}



.bg-secondary-light-1 {

  background-color: rgba(146, 146, 146, var(--bs-bg-opacity)) !important;

}



.bg-secondary {

  background-color: rgba(111, 111, 111, var(--bs-bg-opacity)) !important;

}



.bg-secondary-dark-1 {

  background-color: rgba(100, 100, 100, var(--bs-bg-opacity)) !important;

}



.bg-secondary-dark-2 {

  background-color: rgba(89, 89, 89, var(--bs-bg-opacity)) !important;

}



.bg-secondary-dark-3 {

  background-color: rgba(78, 78, 78, var(--bs-bg-opacity)) !important;

}



.bg-secondary-dark-4 {

  background-color: rgba(67, 67, 67, var(--bs-bg-opacity)) !important;

}



.bg-secondary-dark-5 {

  background-color: rgba(56, 56, 56, var(--bs-bg-opacity)) !important;

}



.bg-pink-light-5 {

  background-color: rgba(253, 238, 246, var(--bs-bg-opacity)) !important;

}



.bg-pink-light-4 {

  background-color: rgba(250, 208, 231, var(--bs-bg-opacity)) !important;

}



.bg-pink-light-3 {

  background-color: rgba(246, 169, 211, var(--bs-bg-opacity)) !important;

}



.bg-pink-light-2 {

  background-color: rgba(242, 131, 191, var(--bs-bg-opacity)) !important;

}



.bg-pink-light-1 {

  background-color: rgba(238, 92, 171, var(--bs-bg-opacity)) !important;

}



.bg-pink {

  background-color: rgba(233, 41, 144, var(--bs-bg-opacity)) !important;

}



.bg-pink-dark-5 {

  background-color: rgba(117, 21, 72, var(--bs-bg-opacity)) !important;

}



.bg-pink-dark-4 {

  background-color: rgba(140, 25, 86, var(--bs-bg-opacity)) !important;

}



.bg-pink-dark-3 {

  background-color: rgba(163, 29, 101, var(--bs-bg-opacity)) !important;

}



.bg-pink-dark-2 {

  background-color: rgba(186, 33, 115, var(--bs-bg-opacity)) !important;

}



.bg-pink-dark-1 {

  background-color: rgba(210, 37, 130, var(--bs-bg-opacity)) !important;

}



.bg-purple-light-5 {

  background-color: rgba(250, 238, 254, var(--bs-bg-opacity)) !important;

}



.bg-purple-light-4 {

  background-color: rgba(241, 209, 252, var(--bs-bg-opacity)) !important;

}



.bg-purple-light-3 {

  background-color: rgba(230, 172, 250, var(--bs-bg-opacity)) !important;

}



.bg-purple-light-2 {

  background-color: rgba(218, 134, 248, var(--bs-bg-opacity)) !important;

}



.bg-purple-light-1 {

  background-color: rgba(207, 97, 246, var(--bs-bg-opacity)) !important;

}



.bg-purple {

  background-color: rgba(192, 47, 243, var(--bs-bg-opacity)) !important;

}



.bg-purple-dark-5 {

  background-color: rgba(96, 24, 122, var(--bs-bg-opacity)) !important;

}



.bg-purple-dark-4 {

  background-color: rgba(115, 28, 146, var(--bs-bg-opacity)) !important;

}



.bg-purple-dark-3 {

  background-color: rgba(134, 33, 170, var(--bs-bg-opacity)) !important;

}



.bg-purple-dark-2 {

  background-color: rgba(154, 38, 194, var(--bs-bg-opacity)) !important;

}



.bg-purple-dark-1 {

  background-color: rgba(173, 42, 219, var(--bs-bg-opacity)) !important;

}



.bg-violet-light-5 {

  background-color: rgba(244, 238, 254, var(--bs-bg-opacity)) !important;

}



.bg-violet-light-4 {

  background-color: rgba(224, 208, 253, var(--bs-bg-opacity)) !important;

}



.bg-violet-light-3 {

  background-color: rgba(199, 169, 252, var(--bs-bg-opacity)) !important;

}



.bg-violet-light-2 {

  background-color: rgba(174, 131, 251, var(--bs-bg-opacity)) !important;

}



.bg-violet-light-1 {

  background-color: rgba(149, 92, 250, var(--bs-bg-opacity)) !important;

}



.bg-violet {

  background-color: rgba(116, 41, 248, var(--bs-bg-opacity)) !important;

}



.bg-violet-dark-5 {

  background-color: rgba(58, 21, 124, var(--bs-bg-opacity)) !important;

}



.bg-violet-dark-4 {

  background-color: rgba(70, 25, 149, var(--bs-bg-opacity)) !important;

}



.bg-violet-dark-3 {

  background-color: rgba(81, 29, 174, var(--bs-bg-opacity)) !important;

}



.bg-violet-dark-2 {

  background-color: rgba(93, 33, 198, var(--bs-bg-opacity)) !important;

}



.bg-violet-dark-1 {

  background-color: rgba(104, 37, 223, var(--bs-bg-opacity)) !important;

}



.bg-indigo-light-5 {

  background-color: rgba(235, 243, 254, var(--bs-bg-opacity)) !important;

}



.bg-indigo-light-4 {

  background-color: rgba(199, 222, 253, var(--bs-bg-opacity)) !important;

}



.bg-indigo-light-3 {

  background-color: rgba(153, 195, 252, var(--bs-bg-opacity)) !important;

}



.bg-indigo-light-2 {

  background-color: rgba(107, 168, 250, var(--bs-bg-opacity)) !important;

}



.bg-indigo-light-1 {

  background-color: rgba(61, 141, 249, var(--bs-bg-opacity)) !important;

}



.bg-indigo {

  background-color: rgba(0, 105, 247, var(--bs-bg-opacity)) !important;

}



.bg-indigo-dark-5 {

  background-color: rgba(0, 53, 124, var(--bs-bg-opacity)) !important;

}



.bg-indigo-dark-4 {

  background-color: rgba(0, 63, 148, var(--bs-bg-opacity)) !important;

}



.bg-indigo-dark-3 {

  background-color: rgba(0, 74, 173, var(--bs-bg-opacity)) !important;

}



.bg-indigo-dark-2 {

  background-color: rgba(0, 84, 198, var(--bs-bg-opacity)) !important;

}



.bg-indigo-dark-1 {

  background-color: rgba(0, 95, 222, var(--bs-bg-opacity)) !important;

}



.bg-teal-light-5 {

  background-color: rgba(235, 245, 245, var(--bs-bg-opacity)) !important;

}



.bg-teal-light-4 {

  background-color: rgba(199, 226, 229, var(--bs-bg-opacity)) !important;

}



.bg-teal-light-3 {

  background-color: rgba(153, 203, 207, var(--bs-bg-opacity)) !important;

}



.bg-teal-light-2 {

  background-color: rgba(107, 180, 186, var(--bs-bg-opacity)) !important;

}



.bg-teal-light-1 {

  background-color: rgba(61, 156, 165, var(--bs-bg-opacity)) !important;

}



.bg-teal {

  background-color: rgba(0, 125, 136, var(--bs-bg-opacity)) !important;

}



.bg-teal-dark-5 {

  background-color: rgba(0, 63, 68, var(--bs-bg-opacity)) !important;

}



.bg-teal-dark-4 {

  background-color: rgba(0, 75, 82, var(--bs-bg-opacity)) !important;

}



.bg-teal-dark-3 {

  background-color: rgba(0, 88, 95, var(--bs-bg-opacity)) !important;

}



.bg-teal-dark-2 {

  background-color: rgba(0, 100, 109, var(--bs-bg-opacity)) !important;

}



.bg-teal-dark-1 {

  background-color: rgba(0, 113, 122, var(--bs-bg-opacity)) !important;

}



.bg-neon-light-5 {

  background-color: rgba(245, 253, 238, var(--bs-bg-opacity)) !important;

}



.bg-neon-light-4 {

  background-color: rgba(227, 249, 209, var(--bs-bg-opacity)) !important;

}



.bg-neon-light-3 {

  background-color: rgba(205, 243, 172, var(--bs-bg-opacity)) !important;

}



.bg-neon-light-2 {

  background-color: rgba(182, 238, 135, var(--bs-bg-opacity)) !important;

}



.bg-neon-light-1 {

  background-color: rgba(159, 233, 98, var(--bs-bg-opacity)) !important;

}



.bg-neon {

  background-color: rgba(129, 226, 48, var(--bs-bg-opacity)) !important;

}



.bg-neon-dark-5 {

  background-color: rgba(65, 113, 24, var(--bs-bg-opacity)) !important;

}



.bg-neon-dark-4 {

  background-color: rgba(77, 136, 29, var(--bs-bg-opacity)) !important;

}



.bg-neon-dark-3 {

  background-color: rgba(90, 158, 34, var(--bs-bg-opacity)) !important;

}



.bg-neon-dark-2 {

  background-color: rgba(103, 181, 38, var(--bs-bg-opacity)) !important;

}



.bg-neon-dark-1 {

  background-color: rgba(116, 203, 43, var(--bs-bg-opacity)) !important;

}



.bg-lime-light-5 {

  background-color: rgba(250, 253, 239, var(--bs-bg-opacity)) !important;

}



.bg-lime-light-4 {

  background-color: rgba(242, 250, 211, var(--bs-bg-opacity)) !important;

}



.bg-lime-light-3 {

  background-color: rgba(231, 246, 176, var(--bs-bg-opacity)) !important;

}



.bg-lime-light-2 {

  background-color: rgba(220, 242, 140, var(--bs-bg-opacity)) !important;

}



.bg-lime-light-1 {

  background-color: rgba(209, 238, 105, var(--bs-bg-opacity)) !important;

}



.bg-lime {

  background-color: rgba(194, 233, 57, var(--bs-bg-opacity)) !important;

}



.bg-lime-dark-5 {

  background-color: rgba(97, 117, 29, var(--bs-bg-opacity)) !important;

}



.bg-lime-dark-4 {

  background-color: rgba(116, 140, 34, var(--bs-bg-opacity)) !important;

}



.bg-lime-dark-3 {

  background-color: rgba(136, 163, 40, var(--bs-bg-opacity)) !important;

}



.bg-lime-dark-2 {

  background-color: rgba(155, 186, 46, var(--bs-bg-opacity)) !important;

}



.bg-lime-dark-1 {

  background-color: rgba(175, 210, 51, var(--bs-bg-opacity)) !important;

}



.bg-sun-light-5 {

  background-color: rgba(255, 253, 235, var(--bs-bg-opacity)) !important;

}



.bg-sun-light-4 {

  background-color: rgba(255, 250, 199, var(--bs-bg-opacity)) !important;

}



.bg-sun-light-3 {

  background-color: rgba(255, 247, 153, var(--bs-bg-opacity)) !important;

}



.bg-sun-light-2 {

  background-color: rgba(255, 243, 107, var(--bs-bg-opacity)) !important;

}



.bg-sun-light-1 {

  background-color: rgba(255, 239, 61, var(--bs-bg-opacity)) !important;

}



.bg-sun {

  background-color: rgba(255, 234, 0, var(--bs-bg-opacity)) !important;

}



.bg-sun-dark-5 {

  background-color: rgba(128, 117, 0, var(--bs-bg-opacity)) !important;

}



.bg-sun-dark-4 {

  background-color: rgba(153, 140, 0, var(--bs-bg-opacity)) !important;

}



.bg-sun-dark-3 {

  background-color: rgba(179, 164, 0, var(--bs-bg-opacity)) !important;

}



.bg-sun-dark-2 {

  background-color: rgba(204, 187, 0, var(--bs-bg-opacity)) !important;

}



.bg-sun-dark-1 {

  background-color: rgba(230, 211, 0, var(--bs-bg-opacity)) !important;

}



.bg-orange-light-5 {

  background-color: rgba(255, 246, 235, var(--bs-bg-opacity)) !important;

}



.bg-orange-light-4 {

  background-color: rgba(255, 231, 199, var(--bs-bg-opacity)) !important;

}



.bg-orange-light-3 {

  background-color: rgba(255, 211, 153, var(--bs-bg-opacity)) !important;

}



.bg-orange-light-2 {

  background-color: rgba(255, 191, 107, var(--bs-bg-opacity)) !important;

}



.bg-orange-light-1 {

  background-color: rgba(255, 171, 61, var(--bs-bg-opacity)) !important;

}



.bg-orange {

  background-color: rgba(255, 145, 0, var(--bs-bg-opacity)) !important;

}



.bg-orange-dark-5 {

  background-color: rgba(128, 73, 0, var(--bs-bg-opacity)) !important;

}



.bg-orange-dark-4 {

  background-color: rgba(153, 87, 0, var(--bs-bg-opacity)) !important;

}



.bg-orange-dark-3 {

  background-color: rgba(179, 102, 0, var(--bs-bg-opacity)) !important;

}



.bg-orange-dark-2 {

  background-color: rgba(204, 116, 0, var(--bs-bg-opacity)) !important;

}



.bg-orange-dark-1 {

  background-color: rgba(230, 131, 0, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-light-5 {

  background-color: rgba(255, 242, 235, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-light-4 {

  background-color: rgba(255, 218, 199, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-light-3 {

  background-color: rgba(255, 188, 153, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-light-2 {

  background-color: rgba(255, 158, 107, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-light-1 {

  background-color: rgba(255, 127, 61, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin {

  background-color: rgba(255, 87, 0, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-dark-5 {

  background-color: rgba(128, 44, 0, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-dark-4 {

  background-color: rgba(153, 52, 0, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-dark-3 {

  background-color: rgba(179, 61, 0, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-dark-2 {

  background-color: rgba(204, 70, 0, var(--bs-bg-opacity)) !important;

}



.bg-pumpkin-dark-1 {

  background-color: rgba(230, 78, 0, var(--bs-bg-opacity)) !important;

}



.bg-brown-light-5 {

  background-color: rgba(247, 241, 236, var(--bs-bg-opacity)) !important;

}



.bg-brown-light-4 {

  background-color: rgba(232, 216, 204, var(--bs-bg-opacity)) !important;

}



.bg-brown-light-3 {

  background-color: rgba(213, 184, 161, var(--bs-bg-opacity)) !important;

}



.bg-brown-light-2 {

  background-color: rgba(194, 152, 119, var(--bs-bg-opacity)) !important;

}



.bg-brown-light-1 {

  background-color: rgba(174, 120, 77, var(--bs-bg-opacity)) !important;

}



.bg-brown {

  background-color: rgba(149, 77, 21, var(--bs-bg-opacity)) !important;

}



.bg-brown-dark-5 {

  background-color: rgba(75, 39, 11, var(--bs-bg-opacity)) !important;

}



.bg-brown-dark-4 {

  background-color: rgba(89, 46, 13, var(--bs-bg-opacity)) !important;

}



.bg-brown-dark-3 {

  background-color: rgba(104, 54, 15, var(--bs-bg-opacity)) !important;

}



.bg-brown-dark-2 {

  background-color: rgba(119, 62, 17, var(--bs-bg-opacity)) !important;

}



.bg-brown-dark-1 {

  background-color: rgba(134, 69, 19, var(--bs-bg-opacity)) !important;

}



.bg-gold-light-5 {

  background-color: rgba(250, 247, 240, var(--bs-bg-opacity)) !important;

}



.bg-gold-light-4 {

  background-color: rgba(242, 232, 215, var(--bs-bg-opacity)) !important;

}



.bg-gold-light-3 {

  background-color: rgba(231, 213, 182, var(--bs-bg-opacity)) !important;

}



.bg-gold-light-2 {

  background-color: rgba(220, 195, 149, var(--bs-bg-opacity)) !important;

}



.bg-gold-light-1 {

  background-color: rgba(209, 176, 117, var(--bs-bg-opacity)) !important;

}



.bg-gold {

  background-color: rgba(195, 151, 73, var(--bs-bg-opacity)) !important;

}



.bg-gold-dark-5 {

  background-color: rgba(98, 76, 37, var(--bs-bg-opacity)) !important;

}



.bg-gold-dark-4 {

  background-color: rgba(117, 91, 44, var(--bs-bg-opacity)) !important;

}



.bg-gold-dark-3 {

  background-color: rgba(137, 106, 51, var(--bs-bg-opacity)) !important;

}



.bg-gold-dark-2 {

  background-color: rgba(156, 121, 58, var(--bs-bg-opacity)) !important;

}



.bg-gold-dark-1 {

  background-color: rgba(176, 136, 66, var(--bs-bg-opacity)) !important;

}



.bg-smoke-light-5 {

  background-color: rgba(242, 245, 246, var(--bs-bg-opacity)) !important;

}



.bg-smoke-light-4 {

  background-color: rgba(220, 226, 229, var(--bs-bg-opacity)) !important;

}



.bg-smoke-light-3 {

  background-color: rgba(191, 203, 208, var(--bs-bg-opacity)) !important;

}



.bg-smoke-light-2 {

  background-color: rgba(162, 180, 187, var(--bs-bg-opacity)) !important;

}



.bg-smoke-light-1 {

  background-color: rgba(133, 156, 166, var(--bs-bg-opacity)) !important;

}



.bg-smoke {

  background-color: rgba(94, 125, 138, var(--bs-bg-opacity)) !important;

}



.bg-smoke-dark-5 {

  background-color: rgba(47, 63, 69, var(--bs-bg-opacity)) !important;

}



.bg-smoke-dark-4 {

  background-color: rgba(56, 75, 83, var(--bs-bg-opacity)) !important;

}



.bg-smoke-dark-3 {

  background-color: rgba(66, 88, 97, var(--bs-bg-opacity)) !important;

}



.bg-smoke-dark-2 {

  background-color: rgba(75, 100, 110, var(--bs-bg-opacity)) !important;

}



.bg-smoke-dark-1 {

  background-color: rgba(85, 113, 124, var(--bs-bg-opacity)) !important;

}



.bg-white {

  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;

}



.bg-light {

  background-color: rgba(247, 247, 247, var(--bs-bg-opacity)) !important;

}



.bg-dark-10 {

  background-color: rgba(47, 52, 58, var(--bs-bg-opacity)) !important;

}



.bg-dark-20 {

  background-color: rgba(42, 47, 52, var(--bs-bg-opacity)) !important;

}



.bg-dark,

.bg-dark-40 {

  background-color: rgba(38, 42, 46, var(--bs-bg-opacity)) !important;

}



.bg-dark-60 {

  background-color: rgba(33, 36, 41, var(--bs-bg-opacity)) !important;

}



.bg-dark-80 {

  background-color: rgba(28, 31, 35, var(--bs-bg-opacity)) !important;

}



.bg-dark-100 {

  background-color: rgba(24, 26, 29, var(--bs-bg-opacity)) !important;

}



.bg-twitter {

  background-color: #00acee !important;

}



.bg-facebook {

  background-color: #1778F2 !important;

}



.bg-gradient-primary {

  background: #008977;

  background: linear-gradient(45deg, #008977, #fbfaf3) !important;

}



.bg-gradient-info {

  background: #18DDEF;

  background: linear-gradient(45deg, #18DDEF, #007D88) !important;

}



.bg-gradient-success {

  background: #00D67F;

  background: linear-gradient(45deg, #00D67F, #81E230) !important;

}



.bg-gradient-warning {

  background: #FFC400;

  background: linear-gradient(45deg, #FFC400, #FFEA00) !important;

}



.bg-gradient-danger {

  background: #ff3d3d;

  background: linear-gradient(45deg, #ff3d3d, #E92990) !important;

}



.bg-gradient-secondary {

  background: #6f6f6f;

  background: linear-gradient(45deg, #6f6f6f, #d8d8d8) !important;

}



.bg-gradient-light {

  background: #b5b5b5;

  background: linear-gradient(45deg, #b5b5b5, #f7f7f7) !important;

}



.bg-gradient-dark {

  background: #262a2e;

  background: linear-gradient(45deg, #262a2e, #6f6f6f) !important;

}



.bg-gradient-pony {

  background: #f6a9d3;

  background: linear-gradient(45deg, #f6a9d3, #4fe5f3) !important;

}



.bg-gradient-space {

  background: #cf61f6;

  background: linear-gradient(45deg, #cf61f6, #ffdd6b) !important;

}



.bg-gradient-streaks {

  background: #7429F8;

  background: linear-gradient(45deg, #7429F8, #007D88) !important;

}



.bg-gradient-bunting {

  background: #5ca8ff;

  background: linear-gradient(45deg, #5ca8ff, #d5b8a1) !important;

}



.bg-gradient-paradise {

  background: #00357c;

  background: linear-gradient(45deg, #00357c, #7429F8) !important;

}



.bg-gradient-heaven {

  background: #81E230;

  background: linear-gradient(45deg, #81E230, #00B0FF) !important;

}



.bg-gradient-honey {

  background: #C2E939;

  background: linear-gradient(45deg, #C2E939, #FF9100) !important;

}



.bg-gradient-warbler {

  background: #FFEA00;

  background: linear-gradient(45deg, #FFEA00, #9e9e9e) !important;

}



.bg-gradient-dusk {

  background: #ff7f3d;

  background: linear-gradient(45deg, #ff7f3d, #955cfa) !important;

}



.bg-gradient-citrine {

  background: #ba2173;

  background: linear-gradient(45deg, #ba2173, #68360f) !important;

}



.bg-gradient-royston {

  background: #6be7b5;

  background: linear-gradient(45deg, #6be7b5, #c29877) !important;

}



.bg-gradient-ashes {

  background: #2f3f45;

  background: linear-gradient(45deg, #2f3f45, #4b646e) !important;

}



.bg-gradient-metal {

  background: #C39749;

  background: linear-gradient(45deg, #C39749, #9e9e9e) !important;

}



.bg-gradient-sunset {

  background: #ff7f3d;

  background: linear-gradient(45deg, #ff7f3d, #ffab3d) !important;

}



.overlay-wrap {

  position: relative;

}

.overlay-wrap .bg-overlay {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  z-index: 1;

}



/*Text Colors*/

.text-sky {

  color: rgba(0, 176, 255, var(--bs-text-opacity)) !important;

}



.text-cyan {

  color: rgba(24, 221, 239, var(--bs-text-opacity)) !important;

}



.text-info {

  color: rgba(24, 221, 239, var(--bs-text-opacity)) !important;

}



.text-green {

  color: rgba(0, 214, 127, var(--bs-text-opacity)) !important;

}



.text-success {

  color: rgba(0, 214, 127, var(--bs-text-opacity)) !important;

}



.text-yellow {

  color: rgba(255, 196, 0, var(--bs-text-opacity)) !important;

}



.text-warning {

  color: rgba(255, 196, 0, var(--bs-text-opacity)) !important;

}



.text-red {

  color: rgba(255, 0, 0, var(--bs-text-opacity)) !important;

}



.text-danger {

  color: rgba(255, 0, 0, var(--bs-text-opacity)) !important;

}



.text-blue {

  color: rgba(41, 141, 255, var(--bs-text-opacity)) !important;

}



.text-primary {

  color: var(--primary) !important;

}



.text-pink {

  color: rgba(233, 41, 144, var(--bs-text-opacity)) !important;

}



.text-purple {

  color: rgba(192, 47, 243, var(--bs-text-opacity)) !important;

}



.text-violet {

  color: rgba(116, 41, 248, var(--bs-text-opacity)) !important;

}



.text-indigo {

  color: rgba(0, 105, 247, var(--bs-text-opacity)) !important;

}



.text-teal {

  color: rgba(0, 125, 136, var(--bs-text-opacity)) !important;

}



.text-neon {

  color: rgba(129, 226, 48, var(--bs-text-opacity)) !important;

}



.text-lime {

  color: rgba(194, 233, 57, var(--bs-text-opacity)) !important;

}



.text-sun {

  color: rgba(255, 234, 0, var(--bs-text-opacity)) !important;

}



.text-orange {

  color: rgba(255, 145, 0, var(--bs-text-opacity)) !important;

}



.text-pumpkin {

  color: rgba(255, 87, 0, var(--bs-text-opacity)) !important;

}



.text-brown {

  color: rgba(149, 77, 21, var(--bs-text-opacity)) !important;

}



.text-gold {

  color: rgba(195, 151, 73, var(--bs-text-opacity)) !important;

}



.text-smoke {

  color: rgba(94, 125, 138, var(--bs-text-opacity)) !important;

}



.text-muted {

  color: rgba(111, 111, 111, var(--bs-text-opacity)) !important;

}



.text-secondary {

  color: rgba(111, 111, 111, var(--bs-text-opacity)) !important;

}



.text-grey {

  color: rgba(158, 158, 158, var(--bs-text-opacity)) !important;

}



.text-dark-10 {

  color: rgba(47, 52, 58, var(--bs-text-opacity)) !important;

}



.text-dark-20 {

  color: rgba(42, 47, 52, var(--bs-text-opacity)) !important;

}



.text-dark,

.text-dark-40 {

  color: rgba(38, 42, 46, var(--bs-text-opacity)) !important;

}



.text-dark-60 {

  color: rgba(33, 36, 41, var(--bs-text-opacity)) !important;

}



.text-dark-80 {

  color: rgba(28, 31, 35, var(--bs-text-opacity)) !important;

}



.text-dark-100 {

  color: rgba(24, 26, 29, var(--bs-text-opacity)) !important;

}



.text-light {

  color: rgba(126, 126, 126, var(--bs-text-opacity)) !important;

}



.text-white {

  color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;

}



.text-body {

  color: rgba(111, 111, 111, var(--bs-text-opacity)) !important;

}



.text-disabled {

  color: rgba(181, 181, 181, var(--bs-text-opacity)) !important;

}



.text-high-em {

  color: #262a2e;

  font-weight: 500;

}



.text-medium-em {

  color: #262a2e;

  font-size: .875rem;

}



.text-low-em {

  font-size: .75rem;

}



/*Border*/

.border-dashed {

  border-style: dashed !important;

}



.border-dotted {

  border-style: dotted !important;

}



.circle {

  border-radius: 50% !important;

}



.rounded-pill-start {

  border-top-left-radius: 50rem !important;

  border-bottom-left-radius: 50rem !important;

}



.rounded-pill-end {

  border-top-right-radius: 50rem !important;

  border-bottom-right-radius: 50rem !important;

}



.rounded-top-start {

  border-top-left-radius: 0.25rem !important;

}



.rounded-top-end {

  border-top-right-radius: 0.25rem !important;

}



.rounded-bottom-start {

  border-bottom-left-radius: 0.25rem !important;

}



.rounded-bottom-end {

  border-bottom-right-radius: 0.25rem !important;

}



.rounded-top-0 {

  border-top-left-radius: 0 !important;

  border-top-right-radius: 0 !important;

}



.rounded-top-start-0 {

  border-top-left-radius: 0 !important;

}



.rounded-top-end-0 {

  border-top-right-radius: 0 !important;

}



.rounded-start-0 {

  border-top-left-radius: 0 !important;

  border-bottom-left-radius: 0 !important;

}



.rounded-end-0 {

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

}



.rounded-bottom-0 {

  border-bottom-left-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

}



.rounded-bottom-start-0 {

  border-bottom-left-radius: 0 !important;

}



.rounded-bottom-end-0 {

  border-bottom-right-radius: 0 !important;

}



.rounded-0 {

  border-radius: 0rem !important;

}



.rounded-1 {

  border-radius: 0.125rem !important;

}



.rounded-2 {

  border-radius: 0.25rem !important;

}



.rounded-3 {

  border-radius: 0.375rem !important;

}



.rounded-4 {

  border-radius: 0.5rem !important;

}



.rounded-5 {

  border-radius: 0.625rem !important;

}



.rounded-6 {

  border-radius: 0.75rem !important;

}



.rounded-7 {

  border-radius: 0.875rem !important;

}



.rounded-8 {

  border-radius: 1rem !important;

}



.rounded-9 {

  border-radius: 1.125rem !important;

}



.rounded-10 {

  border-radius: 1.25rem !important;

}



.rounded-11 {

  border-radius: 1.375rem !important;

}



.rounded-12 {

  border-radius: 1.5rem !important;

}



.rounded-13 {

  border-radius: 1.625rem !important;

}



.rounded-14 {

  border-radius: 1.75rem !important;

}



.rounded-15 {

  border-radius: 1.875rem !important;

}



.rounded-16 {

  border-radius: 2rem !important;

}



.rounded-17 {

  border-radius: 2.125rem !important;

}



.rounded-18 {

  border-radius: 2.25rem !important;

}



.rounded-19 {

  border-radius: 2.375rem !important;

}



.rounded-20 {

  border-radius: 2.5rem !important;

}



.rounded-21 {

  border-radius: 2.75rem !important;

}



.rounded-22 {

  border-radius: 3rem !important;

}



.rounded-23 {

  border-radius: 3.25rem !important;

}



.rounded-24 {

  border-radius: 3.5rem !important;

}



.rounded-25 {

  border-radius: 3.75rem !important;

}



.rounded-26 {

  border-radius: 4rem !important;

}



.rounded-27 {

  border-radius: 4.25rem !important;

}



.rounded-28 {

  border-radius: 4.5rem !important;

}



.rounded-29 {

  border-radius: 4.75rem !important;

}



.rounded-30 {

  border-radius: 5rem !important;

}



.rounded-31 {

  border-radius: 5.25rem !important;

}



.rounded-32 {

  border-radius: 5.5rem !important;

}



.rounded-33 {

  border-radius: 5.75rem !important;

}



.rounded-34 {

  border-radius: 6rem !important;

}



.border-sky {

  border-color: #00B0FF !important;

}



.border-cyan {

  border-color: #18DDEF !important;

}



.border-info {

  border-color: #18DDEF !important;

}



.border-red {

  border-color: #FF0000 !important;

}



.border-danger {

  border-color: #FF0000 !important;

}



.border-green {

  border-color: #00D67F !important;

}



.border-success {

  border-color: #00D67F !important;

}



.border-yellow {

  border-color: #FFC400 !important;

}



.border-warning {

  border-color: #FFC400 !important;

}



.border-pink {

  border-color: #E92990 !important;

}



.border-purple {

  border-color: #C02FF3 !important;

}



.border-violet {

  border-color: #7429F8 !important;

}



.border-indigo {

  border-color: #0069F7 !important;

}



.border-blue {

  border-color: #298DFF !important;

}



.border-primary {

  border-color: #008977 !important;

}



.border-teal {

  border-color: #008977 !important;

}



.border-neon {

  border-color: #81E230 !important;

}



.border-lime {

  border-color: #C2E939 !important;

}



.border-sun {

  border-color: #FFEA00 !important;

}



.border-orange {

  border-color: #FF9100 !important;

}



.border-pumpkin {

  border-color: #FF5700 !important;

}



.border-brown {

  border-color: #954D15 !important;

}



.border-gold {

  border-color: #C39749 !important;

}



.border-smoke {

  border-color: #5e7d8a !important;

}



.border-white {

  border-color: #fff !important;

}



.border-light {

  border-color: #d8d8d8 !important;

}



.border-dark-10 {

  border-color: #2F343A !important;

}



.border-dark-20 {

  border-color: #2a2f34 !important;

}



.border-dark,

.border-dark-40 {

  border-color: #262a2e !important;

}



.border-dark-60 {

  border-color: #212429 !important;

}



.border-dark-80 {

  border-color: #1c1f23 !important;

}



.border-dark-100 {

  border-color: #181a1d !important;

}



.border-grey {

  border-color: #9e9e9e !important;

}



.border-secondary {

  border-color: #6f6f6f !important;

}



.subtractive-example > .d-inline-block {

  border: 1px solid #9e9e9e;

}



/*Colors*/

.color-palette-wrap .color-wrap {

  padding: 1rem;

}



/*Shadow*/

.shadow-none {

  box-shadow: none !important;

}



.shadow-sm {

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-sm.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-sm.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-sm.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-sm.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-hover-sm {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-sm:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-sm:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-sm:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-sm:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(47, 52, 58, 0.1) !important;

}



.shadow {

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-hover {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-lg {

  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-lg.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-lg.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-lg.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-lg.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-hover-lg {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-lg:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-lg:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-lg:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-lg:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-xl {

  box-shadow: 0 0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-xl.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-xl.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-xl.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-xl.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-hover-xl {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-xl:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-xl:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-xl:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-xl:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-sm-sky {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-sm-sky.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-sm-sky.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-sm-sky.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-sm-sky.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 176, 255, 0.1) !important;

}



.shadow-hover-sm-sky {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-sky:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-sm-sky:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-sm-sky:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-sm-sky:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-sm-sky:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 176, 255, 0.1) !important;

}



.shadow-sky {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-sky.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-sky.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-sky.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-sky.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 176, 255, 0.1) !important;

}



.shadow-hover-sky {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sky:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-sky:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-sky:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-sky:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-sky:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 176, 255, 0.1) !important;

}



.shadow-lg-sky {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-lg-sky.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-lg-sky.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-lg-sky.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-lg-sky.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 176, 255, 0.1) !important;

}



.shadow-hover-lg-sky {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-sky:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-lg-sky:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-lg-sky:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-lg-sky:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-lg-sky:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 176, 255, 0.1) !important;

}



.shadow-xl-sky {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-xl-sky.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-xl-sky.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-xl-sky.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-xl-sky.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 176, 255, 0.1) !important;

}



.shadow-hover-xl-sky {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-sky:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-xl-sky:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-xl-sky:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-xl-sky:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 176, 255, 0.1) !important;

}

.shadow-hover-xl-sky:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 176, 255, 0.1) !important;

}



.shadow-sm-cyan {

  box-shadow: 0 0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-sm-cyan.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-sm-cyan.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-sm-cyan.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-sm-cyan.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-hover-sm-cyan {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-cyan:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-sm-cyan:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-sm-cyan:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-sm-cyan:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-sm-cyan:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-cyan {

  box-shadow: 0 0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-cyan.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-cyan.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-cyan.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-cyan.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-hover-cyan {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-cyan:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-cyan:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-cyan:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-cyan:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-cyan:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-lg-cyan {

  box-shadow: 0 0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-lg-cyan.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-lg-cyan.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-lg-cyan.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-lg-cyan.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-hover-lg-cyan {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-cyan:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-lg-cyan:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-lg-cyan:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-lg-cyan:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-lg-cyan:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-xl-cyan {

  box-shadow: 0 0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-xl-cyan.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-xl-cyan.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-xl-cyan.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-xl-cyan.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-hover-xl-cyan {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-cyan:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-xl-cyan:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-xl-cyan:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-xl-cyan:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-xl-cyan:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-sm-info {

  box-shadow: 0 0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-sm-info.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-sm-info.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-sm-info.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-sm-info.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-hover-sm-info {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-info:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-sm-info:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-sm-info:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-sm-info:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-sm-info:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-info {

  box-shadow: 0 0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-info.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-info.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-info.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-info.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-hover-info {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-info:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-info:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-info:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-info:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-info:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-lg-info {

  box-shadow: 0 0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-lg-info.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-lg-info.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-lg-info.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-lg-info.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-hover-lg-info {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-info:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-lg-info:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-lg-info:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-lg-info:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-lg-info:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-xl-info {

  box-shadow: 0 0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-xl-info.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-xl-info.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-xl-info.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-xl-info.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-hover-xl-info {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-info:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-xl-info:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-xl-info:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-xl-info:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}

.shadow-hover-xl-info:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(24, 221, 239, 0.1) !important;

}



.shadow-sm-green {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-sm-green.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-sm-green.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-sm-green.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-sm-green.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-hover-sm-green {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-green:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-sm-green:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-sm-green:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-sm-green:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-sm-green:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-green {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-green.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-green.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-green.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-green.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-hover-green {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-green:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-green:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-green:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-green:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-green:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-lg-green {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-lg-green.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-lg-green.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-lg-green.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-lg-green.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-hover-lg-green {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-green:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-lg-green:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-lg-green:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-lg-green:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-lg-green:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-xl-green {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-xl-green.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-xl-green.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-xl-green.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-xl-green.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-hover-xl-green {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-green:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-xl-green:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-xl-green:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-xl-green:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-xl-green:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-sm-success {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-sm-success.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-sm-success.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-sm-success.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-sm-success.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-hover-sm-success {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-success:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-sm-success:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-sm-success:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-sm-success:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-sm-success:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-success {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-success.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-success.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-success.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-success.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-hover-success {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-success:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-success:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-success:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-success:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-success:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-lg-success {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-lg-success.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-lg-success.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-lg-success.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-lg-success.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-hover-lg-success {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-success:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-lg-success:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-lg-success:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-lg-success:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-lg-success:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-xl-success {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-xl-success.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-xl-success.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-xl-success.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-xl-success.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}



.shadow-hover-xl-success {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-success:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-xl-success:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-xl-success:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-xl-success:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.shadow-hover-xl-success:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 214, 127, 0.1) !important;

}

.fc .fc-toolbar-title{
  font-size: 1.35em;
}
.TaakInfo{
  display:flex;
  flex-direction: row;
  margin-top:10px;
}
.AgendaBorder{
  border-radius:8px!important;
}

.fc-inplannenButton-button{
  border-radius: 50% !important;
  border:none!important;
}
.fc-icon-plusCalendar {
  background-image: url('../../Code/Src/Images/BigCalendar.png');
  /*width:16px;*/
  /*height:16px;*/
  background-size: cover;
  background-repeat: no-repeat;


}

.shadow-sm-yellow {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-sm-yellow.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-sm-yellow.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-sm-yellow.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-sm-yellow.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-hover-sm-yellow {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-yellow:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-sm-yellow:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-sm-yellow:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-sm-yellow:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-sm-yellow:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-yellow {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-yellow.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-yellow.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-yellow.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-yellow.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-hover-yellow {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-yellow:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-yellow:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-yellow:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-yellow:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-yellow:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-lg-yellow {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-lg-yellow.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-lg-yellow.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-lg-yellow.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-lg-yellow.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-hover-lg-yellow {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-yellow:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-lg-yellow:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-lg-yellow:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-lg-yellow:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-lg-yellow:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-xl-yellow {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-xl-yellow.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-xl-yellow.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-xl-yellow.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-xl-yellow.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-hover-xl-yellow {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-yellow:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-xl-yellow:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-xl-yellow:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-xl-yellow:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-xl-yellow:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-sm-warning {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-sm-warning.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-sm-warning.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-sm-warning.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-sm-warning.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-hover-sm-warning {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-warning:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-sm-warning:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-sm-warning:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-sm-warning:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-sm-warning:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-warning {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-warning.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-warning.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-warning.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-warning.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-hover-warning {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-warning:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-warning:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-warning:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-warning:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-warning:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-lg-warning {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-lg-warning.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-lg-warning.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-lg-warning.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-lg-warning.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-hover-lg-warning {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-warning:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-lg-warning:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-lg-warning:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-lg-warning:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-lg-warning:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-xl-warning {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-xl-warning.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-xl-warning.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-xl-warning.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-xl-warning.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-hover-xl-warning {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-warning:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-xl-warning:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-xl-warning:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-xl-warning:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}

.shadow-hover-xl-warning:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 196, 0, 0.1) !important;

}



.shadow-sm-red {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-sm-red.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-sm-red.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-sm-red.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-sm-red.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-hover-sm-red {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-red:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-sm-red:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-sm-red:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-sm-red:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-sm-red:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-red {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-red.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-red.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-red.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-red.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-hover-red {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-red:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-red:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-red:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-red:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-red:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-lg-red {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-lg-red.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-lg-red.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-lg-red.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-lg-red.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-hover-lg-red {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-red:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-lg-red:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-lg-red:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-lg-red:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-lg-red:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-xl-red {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-xl-red.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-xl-red.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-xl-red.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-xl-red.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-hover-xl-red {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-red:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-xl-red:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-xl-red:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-xl-red:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-xl-red:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-sm-danger {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-sm-danger.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-sm-danger.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-sm-danger.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-sm-danger.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-hover-sm-danger {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-danger:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-sm-danger:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-sm-danger:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-sm-danger:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-sm-danger:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-danger {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-danger.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-danger.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-danger.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-danger.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-hover-danger {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-danger:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-danger:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-danger:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-danger:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-danger:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-lg-danger {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-lg-danger.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-lg-danger.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-lg-danger.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-lg-danger.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-hover-lg-danger {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-danger:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-lg-danger:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-lg-danger:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-lg-danger:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-lg-danger:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-xl-danger {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-xl-danger.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-xl-danger.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-xl-danger.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-xl-danger.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-hover-xl-danger {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-danger:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-xl-danger:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-xl-danger:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-xl-danger:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}

.shadow-hover-xl-danger:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 0, 0, 0.1) !important;

}



.shadow-sm-blue {

  box-shadow: 0 0.125rem 0.125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-sm-blue.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-sm-blue.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-sm-blue.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-sm-blue.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(41, 141, 255, 0.1) !important;

}



.shadow-hover-sm-blue {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-blue:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-sm-blue:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-sm-blue:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-sm-blue:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-sm-blue:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(41, 141, 255, 0.1) !important;

}



.shadow-blue {

  box-shadow: 0 0.25rem 0.3125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-blue.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-blue.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-blue.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-blue.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(41, 141, 255, 0.1) !important;

}



.shadow-hover-blue {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-blue:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-blue:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-blue:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-blue:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-blue:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(41, 141, 255, 0.1) !important;

}



.shadow-lg-blue {

  box-shadow: 0 0.375rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-lg-blue.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-lg-blue.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-lg-blue.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-lg-blue.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(41, 141, 255, 0.1) !important;

}



.shadow-hover-lg-blue {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-blue:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-lg-blue:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-lg-blue:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-lg-blue:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-lg-blue:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(41, 141, 255, 0.1) !important;

}



.shadow-xl-blue {

  box-shadow: 0 0.5rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-xl-blue.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-xl-blue.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-xl-blue.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-xl-blue.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(41, 141, 255, 0.1) !important;

}



.shadow-hover-xl-blue {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-blue:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-xl-blue:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-xl-blue:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-xl-blue:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(41, 141, 255, 0.1) !important;

}

.shadow-hover-xl-blue:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(41, 141, 255, 0.1) !important;

}



.shadow-sm-primary {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-sm-primary.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-sm-primary.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-sm-primary.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-sm-primary.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-hover-sm-primary {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-primary:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-sm-primary:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-sm-primary:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-sm-primary:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-sm-primary:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-primary {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-primary.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-primary.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-primary.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-primary.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-hover-primary {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-primary:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-primary:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-primary:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-primary:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-primary:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-lg-primary {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-lg-primary.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-lg-primary.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-lg-primary.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-lg-primary.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-hover-lg-primary {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-primary:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-lg-primary:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-lg-primary:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-lg-primary:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-lg-primary:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-xl-primary {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-xl-primary.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-xl-primary.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-xl-primary.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-xl-primary.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-hover-xl-primary {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-primary:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-xl-primary:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-xl-primary:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-xl-primary:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-xl-primary:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-sm-pink {

  box-shadow: 0 0.125rem 0.125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-sm-pink.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-sm-pink.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-sm-pink.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-sm-pink.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(233, 41, 144, 0.1) !important;

}



.shadow-hover-sm-pink {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-pink:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-sm-pink:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-sm-pink:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-sm-pink:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-sm-pink:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(233, 41, 144, 0.1) !important;

}



.shadow-pink {

  box-shadow: 0 0.25rem 0.3125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-pink.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-pink.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-pink.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-pink.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(233, 41, 144, 0.1) !important;

}



.shadow-hover-pink {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-pink:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-pink:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-pink:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-pink:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-pink:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(233, 41, 144, 0.1) !important;

}



.shadow-lg-pink {

  box-shadow: 0 0.375rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-lg-pink.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-lg-pink.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-lg-pink.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-lg-pink.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(233, 41, 144, 0.1) !important;

}



.shadow-hover-lg-pink {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-pink:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-lg-pink:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-lg-pink:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-lg-pink:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-lg-pink:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(233, 41, 144, 0.1) !important;

}



.shadow-xl-pink {

  box-shadow: 0 0.5rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-xl-pink.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-xl-pink.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-xl-pink.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-xl-pink.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(233, 41, 144, 0.1) !important;

}



.shadow-hover-xl-pink {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-pink:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-xl-pink:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-xl-pink:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-xl-pink:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(233, 41, 144, 0.1) !important;

}

.shadow-hover-xl-pink:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(233, 41, 144, 0.1) !important;

}



.shadow-sm-purple {

  box-shadow: 0 0.125rem 0.125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-sm-purple.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-sm-purple.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-sm-purple.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-sm-purple.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(192, 47, 243, 0.1) !important;

}



.shadow-hover-sm-purple {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-purple:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-sm-purple:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-sm-purple:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-sm-purple:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-sm-purple:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(192, 47, 243, 0.1) !important;

}



.shadow-purple {

  box-shadow: 0 0.25rem 0.3125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-purple.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-purple.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-purple.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-purple.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(192, 47, 243, 0.1) !important;

}



.shadow-hover-purple {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-purple:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-purple:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-purple:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-purple:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-purple:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(192, 47, 243, 0.1) !important;

}



.shadow-lg-purple {

  box-shadow: 0 0.375rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-lg-purple.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-lg-purple.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-lg-purple.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-lg-purple.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(192, 47, 243, 0.1) !important;

}



.shadow-hover-lg-purple {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-purple:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-lg-purple:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-lg-purple:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-lg-purple:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-lg-purple:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(192, 47, 243, 0.1) !important;

}



.shadow-xl-purple {

  box-shadow: 0 0.5rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-xl-purple.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-xl-purple.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-xl-purple.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-xl-purple.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(192, 47, 243, 0.1) !important;

}



.shadow-hover-xl-purple {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-purple:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-xl-purple:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-xl-purple:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-xl-purple:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(192, 47, 243, 0.1) !important;

}

.shadow-hover-xl-purple:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(192, 47, 243, 0.1) !important;

}



.shadow-sm-violet {

  box-shadow: 0 0.125rem 0.125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-sm-violet.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-sm-violet.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-sm-violet.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-sm-violet.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(116, 41, 248, 0.1) !important;

}



.shadow-hover-sm-violet {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-violet:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-sm-violet:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-sm-violet:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-sm-violet:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-sm-violet:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(116, 41, 248, 0.1) !important;

}



.shadow-violet {

  box-shadow: 0 0.25rem 0.3125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-violet.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-violet.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-violet.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-violet.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(116, 41, 248, 0.1) !important;

}



.shadow-hover-violet {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-violet:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-violet:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-violet:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-violet:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-violet:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(116, 41, 248, 0.1) !important;

}



.shadow-lg-violet {

  box-shadow: 0 0.375rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-lg-violet.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-lg-violet.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-lg-violet.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-lg-violet.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(116, 41, 248, 0.1) !important;

}



.shadow-hover-lg-violet {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-violet:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-lg-violet:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-lg-violet:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-lg-violet:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-lg-violet:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(116, 41, 248, 0.1) !important;

}



.shadow-xl-violet {

  box-shadow: 0 0.5rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-xl-violet.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-xl-violet.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-xl-violet.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-xl-violet.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(116, 41, 248, 0.1) !important;

}



.shadow-hover-xl-violet {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-violet:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-xl-violet:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-xl-violet:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-xl-violet:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(116, 41, 248, 0.1) !important;

}

.shadow-hover-xl-violet:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(116, 41, 248, 0.1) !important;

}



.shadow-sm-indigo {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-sm-indigo.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-sm-indigo.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-sm-indigo.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-sm-indigo.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 105, 247, 0.1) !important;

}



.shadow-hover-sm-indigo {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-indigo:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-sm-indigo:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-sm-indigo:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-sm-indigo:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-sm-indigo:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 105, 247, 0.1) !important;

}



.shadow-indigo {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-indigo.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-indigo.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-indigo.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-indigo.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 105, 247, 0.1) !important;

}



.shadow-hover-indigo {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-indigo:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-indigo:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-indigo:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-indigo:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-indigo:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 105, 247, 0.1) !important;

}



.shadow-lg-indigo {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-lg-indigo.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-lg-indigo.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-lg-indigo.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-lg-indigo.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 105, 247, 0.1) !important;

}



.shadow-hover-lg-indigo {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-indigo:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-lg-indigo:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-lg-indigo:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-lg-indigo:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-lg-indigo:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 105, 247, 0.1) !important;

}



.shadow-xl-indigo {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-xl-indigo.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-xl-indigo.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-xl-indigo.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-xl-indigo.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 105, 247, 0.1) !important;

}



.shadow-hover-xl-indigo {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-indigo:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-xl-indigo:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-xl-indigo:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-xl-indigo:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 105, 247, 0.1) !important;

}

.shadow-hover-xl-indigo:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 105, 247, 0.1) !important;

}



.shadow-sm-teal {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-sm-teal.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-sm-teal.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-sm-teal.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-sm-teal.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-hover-sm-teal {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-teal:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-sm-teal:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-sm-teal:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-sm-teal:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-sm-teal:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-teal {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-teal.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-teal.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-teal.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-teal.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-hover-teal {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-teal:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-teal:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-teal:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-teal:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-teal:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-lg-teal {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-lg-teal.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-lg-teal.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-lg-teal.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-lg-teal.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-hover-lg-teal {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-teal:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-lg-teal:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-lg-teal:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-lg-teal:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-lg-teal:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-xl-teal {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-xl-teal.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-xl-teal.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-xl-teal.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-xl-teal.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-hover-xl-teal {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-teal:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-xl-teal:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-xl-teal:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-xl-teal:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}

.shadow-hover-xl-teal:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(0, 125, 136, 0.1) !important;

}



.shadow-sm-neon {

  box-shadow: 0 0.125rem 0.125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-sm-neon.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-sm-neon.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-sm-neon.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-sm-neon.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(129, 226, 48, 0.1) !important;

}



.shadow-hover-sm-neon {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-neon:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-sm-neon:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-sm-neon:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-sm-neon:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-sm-neon:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(129, 226, 48, 0.1) !important;

}



.shadow-neon {

  box-shadow: 0 0.25rem 0.3125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-neon.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-neon.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-neon.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-neon.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(129, 226, 48, 0.1) !important;

}



.shadow-hover-neon {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-neon:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-neon:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-neon:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-neon:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-neon:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(129, 226, 48, 0.1) !important;

}



.shadow-lg-neon {

  box-shadow: 0 0.375rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-lg-neon.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-lg-neon.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-lg-neon.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-lg-neon.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(129, 226, 48, 0.1) !important;

}



.shadow-hover-lg-neon {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-neon:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-lg-neon:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-lg-neon:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-lg-neon:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-lg-neon:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(129, 226, 48, 0.1) !important;

}



.shadow-xl-neon {

  box-shadow: 0 0.5rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-xl-neon.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-xl-neon.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-xl-neon.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-xl-neon.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(129, 226, 48, 0.1) !important;

}



.shadow-hover-xl-neon {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-neon:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-xl-neon:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-xl-neon:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-xl-neon:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(129, 226, 48, 0.1) !important;

}

.shadow-hover-xl-neon:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(129, 226, 48, 0.1) !important;

}



.shadow-sm-lime {

  box-shadow: 0 0.125rem 0.125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-sm-lime.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-sm-lime.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-sm-lime.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-sm-lime.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(194, 233, 57, 0.1) !important;

}



.shadow-hover-sm-lime {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-lime:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-sm-lime:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-sm-lime:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-sm-lime:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-sm-lime:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(194, 233, 57, 0.1) !important;

}



.shadow-lime {

  box-shadow: 0 0.25rem 0.3125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-lime.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-lime.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-lime.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-lime.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(194, 233, 57, 0.1) !important;

}



.shadow-hover-lime {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lime:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-lime:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-lime:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-lime:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-lime:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(194, 233, 57, 0.1) !important;

}



.shadow-lg-lime {

  box-shadow: 0 0.375rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-lg-lime.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-lg-lime.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-lg-lime.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-lg-lime.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(194, 233, 57, 0.1) !important;

}



.shadow-hover-lg-lime {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-lime:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-lg-lime:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-lg-lime:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-lg-lime:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-lg-lime:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(194, 233, 57, 0.1) !important;

}



.shadow-xl-lime {

  box-shadow: 0 0.5rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-xl-lime.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-xl-lime.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-xl-lime.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-xl-lime.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(194, 233, 57, 0.1) !important;

}



.shadow-hover-xl-lime {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-lime:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-xl-lime:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-xl-lime:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-xl-lime:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(194, 233, 57, 0.1) !important;

}

.shadow-hover-xl-lime:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(194, 233, 57, 0.1) !important;

}



.shadow-sm-sun {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-sm-sun.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-sm-sun.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-sm-sun.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-sm-sun.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 234, 0, 0.1) !important;

}



.shadow-hover-sm-sun {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-sun:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-sm-sun:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-sm-sun:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-sm-sun:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-sm-sun:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 234, 0, 0.1) !important;

}



.shadow-sun {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-sun.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-sun.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-sun.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-sun.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 234, 0, 0.1) !important;

}



.shadow-hover-sun {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sun:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-sun:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-sun:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-sun:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-sun:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 234, 0, 0.1) !important;

}



.shadow-lg-sun {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-lg-sun.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-lg-sun.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-lg-sun.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-lg-sun.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 234, 0, 0.1) !important;

}



.shadow-hover-lg-sun {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-sun:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-lg-sun:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-lg-sun:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-lg-sun:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-lg-sun:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 234, 0, 0.1) !important;

}



.shadow-xl-sun {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-xl-sun.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-xl-sun.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-xl-sun.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-xl-sun.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 234, 0, 0.1) !important;

}



.shadow-hover-xl-sun {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-sun:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-xl-sun:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-xl-sun:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-xl-sun:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 234, 0, 0.1) !important;

}

.shadow-hover-xl-sun:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 234, 0, 0.1) !important;

}



.shadow-sm-orange {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-sm-orange.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-sm-orange.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-sm-orange.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-sm-orange.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 145, 0, 0.1) !important;

}



.shadow-hover-sm-orange {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-orange:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-sm-orange:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-sm-orange:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-sm-orange:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-sm-orange:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 145, 0, 0.1) !important;

}



.shadow-orange {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-orange.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-orange.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-orange.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-orange.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 145, 0, 0.1) !important;

}



.shadow-hover-orange {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-orange:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-orange:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-orange:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-orange:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-orange:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 145, 0, 0.1) !important;

}



.shadow-lg-orange {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-lg-orange.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-lg-orange.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-lg-orange.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-lg-orange.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 145, 0, 0.1) !important;

}



.shadow-hover-lg-orange {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-orange:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-lg-orange:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-lg-orange:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-lg-orange:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-lg-orange:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 145, 0, 0.1) !important;

}



.shadow-xl-orange {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-xl-orange.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-xl-orange.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-xl-orange.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-xl-orange.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 145, 0, 0.1) !important;

}



.shadow-hover-xl-orange {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-orange:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-xl-orange:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-xl-orange:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-xl-orange:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 145, 0, 0.1) !important;

}

.shadow-hover-xl-orange:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 145, 0, 0.1) !important;

}



.shadow-sm-pumpkin {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-sm-pumpkin.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-sm-pumpkin.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-sm-pumpkin.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-sm-pumpkin.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 87, 0, 0.1) !important;

}



.shadow-hover-sm-pumpkin {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-pumpkin:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-sm-pumpkin:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-sm-pumpkin:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-sm-pumpkin:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-sm-pumpkin:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 87, 0, 0.1) !important;

}



.shadow-pumpkin {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-pumpkin.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-pumpkin.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-pumpkin.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-pumpkin.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 87, 0, 0.1) !important;

}



.shadow-hover-pumpkin {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-pumpkin:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-pumpkin:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-pumpkin:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-pumpkin:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-pumpkin:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 87, 0, 0.1) !important;

}



.shadow-lg-pumpkin {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-lg-pumpkin.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-lg-pumpkin.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-lg-pumpkin.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-lg-pumpkin.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 87, 0, 0.1) !important;

}



.shadow-hover-lg-pumpkin {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-pumpkin:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-lg-pumpkin:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-lg-pumpkin:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-lg-pumpkin:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-lg-pumpkin:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 87, 0, 0.1) !important;

}



.shadow-xl-pumpkin {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-xl-pumpkin.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-xl-pumpkin.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-xl-pumpkin.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-xl-pumpkin.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 87, 0, 0.1) !important;

}



.shadow-hover-xl-pumpkin {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-pumpkin:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-xl-pumpkin:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-xl-pumpkin:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-xl-pumpkin:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 87, 0, 0.1) !important;

}

.shadow-hover-xl-pumpkin:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 87, 0, 0.1) !important;

}



.shadow-sm-brown {

  box-shadow: 0 0.125rem 0.125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-sm-brown.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-sm-brown.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-sm-brown.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-sm-brown.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(149, 77, 21, 0.1) !important;

}



.shadow-hover-sm-brown {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-brown:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-sm-brown:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-sm-brown:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-sm-brown:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-sm-brown:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(149, 77, 21, 0.1) !important;

}



.shadow-brown {

  box-shadow: 0 0.25rem 0.3125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-brown.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-brown.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-brown.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-brown.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(149, 77, 21, 0.1) !important;

}



.shadow-hover-brown {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-brown:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-brown:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-brown:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-brown:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-brown:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(149, 77, 21, 0.1) !important;

}



.shadow-lg-brown {

  box-shadow: 0 0.375rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-lg-brown.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-lg-brown.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-lg-brown.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-lg-brown.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(149, 77, 21, 0.1) !important;

}



.shadow-hover-lg-brown {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-brown:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-lg-brown:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-lg-brown:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-lg-brown:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-lg-brown:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(149, 77, 21, 0.1) !important;

}



.shadow-xl-brown {

  box-shadow: 0 0.5rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-xl-brown.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-xl-brown.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-xl-brown.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-xl-brown.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(149, 77, 21, 0.1) !important;

}



.shadow-hover-xl-brown {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-brown:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-xl-brown:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-xl-brown:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-xl-brown:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(149, 77, 21, 0.1) !important;

}

.shadow-hover-xl-brown:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(149, 77, 21, 0.1) !important;

}



.shadow-sm-gold {

  box-shadow: 0 0.125rem 0.125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-sm-gold.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-sm-gold.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-sm-gold.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-sm-gold.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(195, 151, 73, 0.1) !important;

}



.shadow-hover-sm-gold {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-gold:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-sm-gold:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-sm-gold:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-sm-gold:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-sm-gold:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(195, 151, 73, 0.1) !important;

}



.shadow-gold {

  box-shadow: 0 0.25rem 0.3125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-gold.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-gold.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-gold.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-gold.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(195, 151, 73, 0.1) !important;

}



.shadow-hover-gold {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-gold:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-gold:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-gold:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-gold:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-gold:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(195, 151, 73, 0.1) !important;

}



.shadow-lg-gold {

  box-shadow: 0 0.375rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-lg-gold.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-lg-gold.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-lg-gold.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-lg-gold.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(195, 151, 73, 0.1) !important;

}



.shadow-hover-lg-gold {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-gold:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-lg-gold:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-lg-gold:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-lg-gold:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-lg-gold:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(195, 151, 73, 0.1) !important;

}



.shadow-xl-gold {

  box-shadow: 0 0.5rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-xl-gold.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-xl-gold.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-xl-gold.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-xl-gold.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(195, 151, 73, 0.1) !important;

}



.shadow-hover-xl-gold {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-gold:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-xl-gold:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-xl-gold:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-xl-gold:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(195, 151, 73, 0.1) !important;

}

.shadow-hover-xl-gold:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(195, 151, 73, 0.1) !important;

}



.shadow-sm-smoke {

  box-shadow: 0 0.125rem 0.125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-sm-smoke.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-sm-smoke.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-sm-smoke.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-sm-smoke.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(94, 125, 138, 0.1) !important;

}



.shadow-hover-sm-smoke {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-smoke:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-sm-smoke:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-sm-smoke:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-sm-smoke:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-sm-smoke:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(94, 125, 138, 0.1) !important;

}



.shadow-smoke {

  box-shadow: 0 0.25rem 0.3125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-smoke.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-smoke.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-smoke.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-smoke.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(94, 125, 138, 0.1) !important;

}



.shadow-hover-smoke {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-smoke:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-smoke:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-smoke:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-smoke:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-smoke:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(94, 125, 138, 0.1) !important;

}



.shadow-lg-smoke {

  box-shadow: 0 0.375rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-lg-smoke.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-lg-smoke.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-lg-smoke.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-lg-smoke.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(94, 125, 138, 0.1) !important;

}



.shadow-hover-lg-smoke {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-smoke:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-lg-smoke:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-lg-smoke:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-lg-smoke:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-lg-smoke:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(94, 125, 138, 0.1) !important;

}



.shadow-xl-smoke {

  box-shadow: 0 0.5rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-xl-smoke.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-xl-smoke.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-xl-smoke.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-xl-smoke.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(94, 125, 138, 0.1) !important;

}



.shadow-hover-xl-smoke {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-smoke:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-xl-smoke:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-xl-smoke:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-xl-smoke:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(94, 125, 138, 0.1) !important;

}

.shadow-hover-xl-smoke:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(94, 125, 138, 0.1) !important;

}



.shadow-sm-grey {

  box-shadow: 0 0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-sm-grey.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-sm-grey.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-sm-grey.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-sm-grey.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-hover-sm-grey {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-grey:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-sm-grey:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-sm-grey:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-sm-grey:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-sm-grey:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-grey {

  box-shadow: 0 0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-grey.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-grey.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-grey.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-grey.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-hover-grey {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-grey:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-grey:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-grey:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-grey:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-grey:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-lg-grey {

  box-shadow: 0 0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-lg-grey.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-lg-grey.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-lg-grey.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-lg-grey.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-hover-lg-grey {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-grey:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-lg-grey:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-lg-grey:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-lg-grey:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-lg-grey:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-xl-grey {

  box-shadow: 0 0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-xl-grey.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-xl-grey.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-xl-grey.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-xl-grey.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-hover-xl-grey {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-grey:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-xl-grey:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-xl-grey:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-xl-grey:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-xl-grey:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-sm-secondary {

  box-shadow: 0 0.125rem 0.125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-sm-secondary.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-sm-secondary.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-sm-secondary.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-sm-secondary.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(111, 111, 111, 0.1) !important;

}



.shadow-hover-sm-secondary {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-secondary:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-sm-secondary:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-sm-secondary:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-sm-secondary:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-sm-secondary:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(111, 111, 111, 0.1) !important;

}



.shadow-secondary {

  box-shadow: 0 0.25rem 0.3125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-secondary.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-secondary.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-secondary.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-secondary.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(111, 111, 111, 0.1) !important;

}



.shadow-hover-secondary {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-secondary:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-secondary:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-secondary:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-secondary:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-secondary:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(111, 111, 111, 0.1) !important;

}



.shadow-lg-secondary {

  box-shadow: 0 0.375rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-lg-secondary.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-lg-secondary.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-lg-secondary.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-lg-secondary.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(111, 111, 111, 0.1) !important;

}



.shadow-hover-lg-secondary {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-secondary:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-lg-secondary:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-lg-secondary:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-lg-secondary:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-lg-secondary:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(111, 111, 111, 0.1) !important;

}



.shadow-xl-secondary {

  box-shadow: 0 0.5rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-xl-secondary.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-xl-secondary.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-xl-secondary.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-xl-secondary.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(111, 111, 111, 0.1) !important;

}



.shadow-hover-xl-secondary {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-secondary:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-xl-secondary:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-xl-secondary:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-xl-secondary:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(111, 111, 111, 0.1) !important;

}

.shadow-hover-xl-secondary:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(111, 111, 111, 0.1) !important;

}



.shadow-sm-light {

  box-shadow: 0 0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-sm-light.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-sm-light.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-sm-light.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-sm-light.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-hover-sm-light {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-light:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-sm-light:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-sm-light:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-sm-light:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-sm-light:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-light {

  box-shadow: 0 0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-light.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-light.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-light.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-light.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-hover-light {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-light:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-light:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-light:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-light:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-light:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-lg-light {

  box-shadow: 0 0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-lg-light.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-lg-light.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-lg-light.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-lg-light.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-hover-lg-light {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-light:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-lg-light:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-lg-light:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-lg-light:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-lg-light:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-xl-light {

  box-shadow: 0 0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-xl-light.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-xl-light.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-xl-light.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-xl-light.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-hover-xl-light {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-light:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-xl-light:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-xl-light:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-xl-light:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}

.shadow-hover-xl-light:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(158, 158, 158, 0.1) !important;

}



.shadow-sm-dark {

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-sm-dark.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-sm-dark.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-sm-dark.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-sm-dark.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-hover-sm-dark {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-dark:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-sm-dark:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-sm-dark:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-sm-dark:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-sm-dark:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-dark {

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-dark.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-dark.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-dark.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-dark.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-hover-dark {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-dark:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-dark:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-dark:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-dark:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-dark:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-lg-dark {

  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-lg-dark.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-lg-dark.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-lg-dark.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-lg-dark.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-hover-lg-dark {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-dark:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-lg-dark:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-lg-dark:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-lg-dark:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-lg-dark:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-xl-dark {

  box-shadow: 0 0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-xl-dark.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-xl-dark.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-xl-dark.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-xl-dark.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-hover-xl-dark {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-dark:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-xl-dark:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-xl-dark:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-xl-dark:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}

.shadow-hover-xl-dark:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(47, 52, 58, 0.1) !important;

}



.shadow-sm-white {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-sm-white.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-sm-white.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-sm-white.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-sm-white.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 255, 255, 0.1) !important;

}



.shadow-hover-sm-white {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-sm-white:hover {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-sm-white:hover.shadow-top {

  box-shadow: 0 -0.125rem 0.125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-sm-white:hover.shadow-bottom {

  box-shadow: 0 0.125rem 0.125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-sm-white:hover.shadow-left {

  box-shadow: -0.125rem 0 0.125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-sm-white:hover.shadow-right {

  box-shadow: 0.125rem 0 0.125rem rgba(255, 255, 255, 0.1) !important;

}



.shadow-white {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-white.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-white.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-white.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-white.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 255, 255, 0.1) !important;

}



.shadow-hover-white {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-white:hover {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-white:hover.shadow-top {

  box-shadow: 0 -0.25rem 0.3125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-white:hover.shadow-bottom {

  box-shadow: 0 0.25rem 0.3125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-white:hover.shadow-left {

  box-shadow: -0.25rem 0 0.3125rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-white:hover.shadow-right {

  box-shadow: 0.25rem 0 0.3125rem rgba(255, 255, 255, 0.1) !important;

}



.shadow-lg-white {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-lg-white.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-lg-white.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-lg-white.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-lg-white.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 255, 255, 0.1) !important;

}



.shadow-hover-lg-white {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-lg-white:hover {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-lg-white:hover.shadow-top {

  box-shadow: 0 -0.375rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-lg-white:hover.shadow-bottom {

  box-shadow: 0 0.375rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-lg-white:hover.shadow-left {

  box-shadow: -0.375rem 0 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-lg-white:hover.shadow-right {

  box-shadow: 0.375rem 0 0.625rem rgba(255, 255, 255, 0.1) !important;

}



.shadow-xl-white {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-xl-white.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-xl-white.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-xl-white.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-xl-white.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 255, 255, 0.1) !important;

}



.shadow-hover-xl-white {

  -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

}

.shadow-hover-xl-white:hover {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-xl-white:hover.shadow-top {

  box-shadow: 0 -0.5rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-xl-white:hover.shadow-bottom {

  box-shadow: 0 0.5rem 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-xl-white:hover.shadow-left {

  box-shadow: -0.5rem 0 0.625rem rgba(255, 255, 255, 0.1) !important;

}

.shadow-hover-xl-white:hover.shadow-right {

  box-shadow: 0.5rem 0 0.625rem rgba(255, 255, 255, 0.1) !important;

}



/*Hr*/

hr {

  background: #eaeaea;

}

hr.hr-2 {

  height: 2px !important;

}

hr.hr-3 {

  height: 3px !important;

}



/*opacity*/

.opacity-10 {

  opacity: 0.1 !important;

}



.opacity-15 {

  opacity: 0.15 !important;

}



.opacity-20 {

  opacity: 0.2 !important;

}



.opacity-25 {

  opacity: 0.25 !important;

}



.opacity-30 {

  opacity: 0.3 !important;

}



.opacity-35 {

  opacity: 0.35 !important;

}



.opacity-40 {

  opacity: 0.4 !important;

}



.opacity-45 {

  opacity: 0.45 !important;

}



.opacity-50 {

  opacity: 0.5 !important;

}



.opacity-55 {

  opacity: 0.55 !important;

}



.opacity-60 {

  opacity: 0.6 !important;

}



.opacity-65 {

  opacity: 0.65 !important;

}



.opacity-70 {

  opacity: 0.7 !important;

}



.opacity-75 {

  opacity: 0.75 !important;

}



.opacity-80 {

  opacity: 0.8 !important;

}



.opacity-85 {

  opacity: 0.85 !important;

}



.opacity-90 {

  opacity: 0.9 !important;

}



.opacity-95 {

  opacity: 0.95 !important;

}



.opacity-100 {

  opacity: 1 !important;

}



.bg-opacity-85 {

  --bs-bg-opacity: 0.85;

}



/*Div Sizes*/

.d-1 {

  height: 0.5rem !important;

  width: 0.5rem !important;

}



.d-2 {

  height: 0.75rem !important;

  width: 0.75rem !important;

}



.d-3 {

  height: 1rem !important;

  width: 1rem !important;

}



.d-4 {

  height: 1.25rem !important;

  width: 1.25rem !important;

}



.d-5 {

  height: 1.5rem !important;

  width: 1.5rem !important;

}



.d-6 {

  height: 1.75rem !important;

  width: 1.75rem !important;

}



.d-7 {

  height: 2rem !important;

  width: 2rem !important;

}



.d-8 {

  height: 2.5rem !important;

  width: 2.5rem !important;

}



.d-9 {

  height: 3rem !important;

  width: 3rem !important;

}



.d-10 {

  height: 3.5rem !important;

  width: 3.5rem !important;

}



.d-11 {

  height: 4rem !important;

  width: 4rem !important;

}



.d-12 {

  height: 4.5rem !important;

  width: 4.5rem !important;

}



.d-13 {

  height: 5rem !important;

  width: 5rem !important;

}



.d-14 {

  height: 5.5rem !important;

  width: 5.5rem !important;

}



.d-15 {

  height: 6rem !important;

  width: 6rem !important;

}



.d-16 {

  height: 7rem !important;

  width: 7rem !important;

}



.d-17 {

  height: 8rem !important;

  width: 8rem !important;

}



.d-18 {

  height: 9rem !important;

  width: 9rem !important;

}



.d-19 {

  height: 10rem !important;

  width: 10rem !important;

}



.d-20 {

  height: 11rem !important;

  width: 11rem !important;

}



/*Z-Index*/

.z-index-1 {

  z-index: 1 !important;

}



.z-index-2 {

  z-index: 2 !important;

}



.z-index-3 {

  z-index: 3 !important;

}



.z-index-4 {

  z-index: 4 !important;

}



.z-index-5 {

  z-index: 5 !important;

}



.z-index-6 {

  z-index: 6 !important;

}



.z-index-7 {

  z-index: 7 !important;

}



.z-index-8 {

  z-index: 8 !important;

}



.z-index-9 {

  z-index: 9 !important;

}



.z-index-10 {

  z-index: 10 !important;

}



/*Loader*/

.preloader-it {

  background: #fff;

  position: fixed;

  z-index: 10001;

  height: 100%;

  width: 100%;

  overflow: hidden;

}



.loader-pendulums {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  display: block;

  margin: 0 auto;

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 4rem;

  width: 1em;

  height: 1em;

  border-radius: 50%;

  border: 0.1em solid #d8d8d8;

}

.loader-pendulums:before, .loader-pendulums:after {

  content: '';

  width: 1em;

  height: 1em;

  left: -.1em;

  top: -.1em;

  padding: .1em;

  display: block;

  border-radius: 50%;

  position: absolute;

  -webkit-transform-origin: center center;

  transform-origin: center center;

  border: .1em solid;

  border-color: #9e9e9e transparent transparent transparent;

  -webkit-animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);

  animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);

}

.loader-pendulums:before {

  border-color: #262a2e transparent transparent transparent;

  -webkit-animation-delay: -1s;

  animation-delay: -1s;

  -webkit-animation-name: pendulum2;

  animation-name: pendulum2;

}



@-webkit-keyframes pendulum {

  from {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

    -moz-transform: rotate(359deg);

    -ms-transform: rotate(359deg);

    -o-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

@keyframes pendulum {

  from {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

    -moz-transform: rotate(359deg);

    -ms-transform: rotate(359deg);

    -o-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

@-webkit-keyframes pendulum2 {

  from {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  to {

    -webkit-transform: rotate(520deg);

    -moz-transform: rotate(520deg);

    -ms-transform: rotate(520deg);

    -o-transform: rotate(520deg);

    transform: rotate(520deg);

  }

}

@keyframes pendulum2 {

  from {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  to {

    -webkit-transform: rotate(520deg);

    -moz-transform: rotate(520deg);

    -ms-transform: rotate(520deg);

    -o-transform: rotate(520deg);

    transform: rotate(520deg);

  }

}

/*Scrollbar*/

.slimScrollBar {

  right: 0 !important;

}



.nicescroll-rails.nicescroll-rails-vr {

  z-index: 999 !important;

}



.simplebar-placeholder {

  width: auto !important;

}



.simplebar-content-wrapper::-webkit-scrollbar,

.simplebar-scroll-content::-webkit-scrollbar,

.simplebar-hide-scrollbar::-webkit-scrollbar {

  width: 0;

  height: 0;

  display: none;

}



.simplebar-scrollbar:before {

  background: #d6d9da;

}

.simplebar-scrollbar.simplebar-visible:before {

  opacity: .8;

}



.simplebar-content:after,

.simplebar-content:before {

  clear: both;

}



.nicescroll-bar {

  height: 100%;

  width: 100%;

}



.ps__thumb-y,

.ps__thumb-x {

  border-radius: 0;

  background: #d6d9da;

}



.ps__thumb-x,

.ps__rail-x {

  height: 6px;

}



.ps__thumb-y,

.ps__rail-y {

  width: 6px;

}



.ps__rail-x,

.ps__rail-y {

  background: transparent;

}



.ps__rail-x:hover > .ps__thumb-x,

.ps__rail-x:focus > .ps__thumb-x,

.ps__rail-x.ps--clicking .ps__thumb-x {

  border-radius: 0;

  height: 6px;

  background: #d6d9da;

}



.ps__rail-y:hover > .ps__thumb-y,

.ps__rail-y:focus > .ps__thumb-y,

.ps__rail-y.ps--clicking .ps__thumb-y {

  border-radius: 0;

  width: 6px;

  background: #d6d9da;

}



.ps .ps__rail-x:hover,

.ps .ps__rail-y:hover,

.ps .ps__rail-x:focus,

.ps .ps__rail-y:focus,

.ps .ps__rail-x.ps--clicking,

.ps .ps__rail-y.ps--clicking {

  background-color: transparent;

  opacity: 1;

}



.ps:hover >

.ps__rail-x,

.ps:hover > .ps__rail-y,

.ps--focus > .ps__rail-x,

.ps--focus > .ps__rail-y,

.ps--scrolling-x > .ps__rail-x,

.ps--scrolling-y > .ps__rail-y {

  opacity: 1;

}



/*Separator*/

.separator {

  padding: 1px 0;

  margin: 1.25rem 0;

}

.separator:after {

  content: "";

  display: block;

  width: 100%;

  border-bottom: 1px solid #eaeaea;

}



.separator-full {

  padding: 1px 0;

  margin: 1.25rem 0;

}

.separator-full:after {

  content: "";

  display: block;

  position: absolute;

  height: 1px;

  width: 100%;

  left: 0;

  border-bottom: 1px solid #eaeaea;

}



.v-separator-full {

  margin: 0 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.v-separator-full:after {

  content: "";

  position: absolute;

  top: 0;

  display: block;

  height: 100%;

  border-right: 1px solid #eaeaea;

}



.v-separator {

  margin: 0 1rem;

}

.v-separator:after {

  content: "";

  position: absolute;

  display: block;

  height: calc(100% - 30px);

  border-right: 1px solid #d8d8d8;

  top: 0;

  bottom: 0;

  margin: auto;

}



.separator-light:after {

  border-color: #f7f7f7;

}



/*Typography*/

p.p-xl {

  font-size: 1.25rem;

}

p.p-lg {

  font-size: 1.125rem;

}

p.p-sm {

  font-size: 0.875rem;

}

p.p-xs {

  font-size: 0.75rem;

}



.title,

.title-lg,

.title-sm,

.title-xs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  margin-bottom: .5rem;

}

.title .title-icon,

.title-lg .title-icon,

.title-sm .title-icon,

.title-xs .title-icon {

  margin-right: .5rem;

  display: inline-flex;

}

.title .title-icon i,

.title-lg .title-icon i,

.title-sm .title-icon i,

.title-xs .title-icon i {

  line-height: 0;

}

.title.title-wth-divider,

.title-lg.title-wth-divider,

.title-sm.title-wth-divider,

.title-xs.title-wth-divider {

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

}

.title.title-wth-divider > span,

.title-lg.title-wth-divider > span,

.title-sm.title-wth-divider > span,

.title-xs.title-wth-divider > span {

  display: flex;

  white-space: nowrap;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

}

.title.title-wth-divider::before,

.title-lg.title-wth-divider::before,

.title-sm.title-wth-divider::before,

.title-xs.title-wth-divider::before {

  content: "";

  display: block;

  height: 1px;

  width: 0;

  background: #d8d8d8;

}

.title.title-wth-divider::after,

.title-lg.title-wth-divider::after,

.title-sm.title-wth-divider::after,

.title-xs.title-wth-divider::after {

  content: "";

  display: block;

  height: 1px;

  width: 100%;

  margin-left: .625rem;

  background: #d8d8d8;

}

.title.title-wth-divider.divider-right::before,

.title-lg.title-wth-divider.divider-right::before,

.title-sm.title-wth-divider.divider-right::before,

.title-xs.title-wth-divider.divider-right::before {

  width: 100%;

  margin-right: .625rem;

}

.title.title-wth-divider.divider-right::after,

.title-lg.title-wth-divider.divider-right::after,

.title-sm.title-wth-divider.divider-right::after,

.title-xs.title-wth-divider.divider-right::after {

  width: 0;

  margin: 0;

}

.title.title-wth-divider.divider-center::before,

.title-lg.title-wth-divider.divider-center::before,

.title-sm.title-wth-divider.divider-center::before,

.title-xs.title-wth-divider.divider-center::before {

  width: 100%;

  margin-right: .625rem;

}

.title.title-wth-divider.divider-center::after,

.title-lg.title-wth-divider.divider-center::after,

.title-sm.title-wth-divider.divider-center::after,

.title-xs.title-wth-divider.divider-center::after {

  width: 100%;

  margin-left: .625rem;

}



.title {

  font-size: 1rem;

  color: #262a2e;

  font-weight: 500;

}

.title .title-icon {

  font-size: 1.5rem;

}



.title-lg {

  font-size: 1.125rem;

  color: #262a2e;

  font-weight: 500;

}

.title-lg .title-icon {

  font-size: 1.75rem;

}



.title-sm {

  font-size: 0.875rem;

  color: #262a2e;

  font-weight: 500;

}

.title-sm .title-icon {

  font-size: 1.25rem;

}



.title-xs {

  font-size: 0.75rem;

  color: #262a2e;

  font-weight: 500;

}

.title-xs .title-icon {

  font-size: 1rem;

}



.small, small {

  font-size: 80%;

  font-weight: 400;

}



.hidden-element {

  display: none !important;

}



code {

  margin: 0 .25rem;

  color: #007D88;

}



.strikethrough s, .strikethrough del {

  position: relative;

  text-decoration: none;

}

.strikethrough s:after, .strikethrough del:after {

  content: "";

  height: 12px;

  background: #007D88;

  mix-blend-mode: multiply;

  opacity: .3;

  width: 100%;

  position: absolute;

  margin-left: 0;

  top: 5px;

  left: 0;

  pointer-events: none;

}

.strikethrough del:after {

  background: #FF0000;

}



.mark, mark {

  padding: 0;

  background: none;

  color: #262a2e;

  position: relative;

}

.mark:after, mark:after {

  content: "";

  height: 12px;

  background: #FF9100;

  mix-blend-mode: multiply;

  opacity: .3;

  width: 100%;

  position: absolute;

  margin-left: 0;

  top: 5px;

  left: 0;

  pointer-events: none;

}



.display-1,

.display-2,

.display-3,

.display-4,

.display-5,

.display-6 {

  color: #262a2e;

}



.hk-dragger {

  font-size: 2rem;

  cursor: grab;

  color: #9e9e9e;

  margin-right: .625rem;

}



/*Buttons*/

.btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {

  text-transform: capitalize;

  outline: none;

  font-size: 1rem;

  padding: .375rem  1rem;

  border-width: 1px;

  border-radius: 0.375rem;

  /*Buttons with Icon*/

  /*HK Custom Buttons*/

  /*Buttons Icon*/

  /*Buttons Options*/

}

.btn:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:focus, .btn:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:active, .btn:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:hover {

  box-shadow: none;

}

.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  height: 100%;

  width: 100%;

  position: relative;

}

.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {

  margin-right: .75rem;

}

.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {

  margin-left: .75rem;

}

.btn.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {

  margin-right: 1.25rem;

}

.btn.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {

  margin-left: 1.25rem;

}

.btn.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {

  margin-right: 0.75rem;

}

.btn.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {

  margin-left: 0.75rem;

}

.btn.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {

  margin-right: 0.5rem;

}

.btn.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {

  margin-left: 0.5rem;

}

.btn.btn-custom, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button {

  position: relative;

}

.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) {

  position: static;

}

.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {

  background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;

  position: absolute;

  border-radius: 0.5rem;

  top: -1px;

  bottom: -1px;

  width: 40px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

}

.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {

  left: -1px;

  margin: 0;

}

.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {

  right: -1px;

  left: auto;

}

.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {

  padding-right: 2.25rem;

}

.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {

  padding-left: 2.25rem;

}

.btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {

  width: 46px;

  border-radius: 0.5rem;

}

.btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {

  padding-right: 2.625rem;

}

.btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {

  padding-left: 2.625rem;

}

.btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {

  width: 33px;

  border-radius: .2rem;

}

.btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {

  padding-right: 2rem;

}

.btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {

  padding-left: 2rem;

}

.btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {

  width: 26px;

  border-radius: .2rem;

}

.btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {

  padding-right: 1.5rem;

}

.btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {

  padding-left: 1.5rem;

}

.btn.btn-custom.btn-square > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-square.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {

  border-radius: 0;

}

.btn.btn-icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.hopscotch-nav-button {

  height: 38px;

  width: 38px;

  padding: 0;

}

.btn.btn-icon[class*="btn-flush-"], div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button {

  position: relative;

  border: none;

  background: transparent !important;

}

.btn.btn-icon[class*="btn-flush-"]::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  height: 0;

  width: 0;

  background: #298DFF;

  border-radius: 0.5rem;

  -webkit-transition: all 200ms;

  -moz-transition: all 200ms;

  transition: all 200ms;

}

.btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled).active::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:not(:disabled):not(.disabled).active::before, .btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled):active::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:not(:disabled):not(.disabled):active::before, .btn.btn-icon[class*="btn-flush-"]:hover::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:hover::before, .btn.btn-icon[class*="btn-flush-"]:focus::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:focus::before {

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

}

.btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"]:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"]:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:focus .icon {

  color: #fff;

}

.btn.btn-icon[class*="btn-flush-"].btn-rounded::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-rounded.hopscotch-nav-button::before {

  border-radius: 50%;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-info:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.hopscotch-nav-button:before {

  background: #18DDEF;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:before {

  background: #edfcfe;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #18DDEF;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-info.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-info:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.hopscotch-nav-button:disabled {

  color: rgba(24, 221, 239, 0.8);

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-success:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.hopscotch-nav-button:before {

  background: #00D67F;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:before {

  background: #ebfcf5;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #00D67F;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-success.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-success:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.hopscotch-nav-button:disabled {

  color: rgba(0, 214, 127, 0.8);

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-warning:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.hopscotch-nav-button:before {

  background: #FFC400;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:before {

  background: #fffaeb;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #FFC400;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-warning.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-warning:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.hopscotch-nav-button:disabled {

  color: rgba(255, 196, 0, 0.8);

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-danger:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.hopscotch-nav-button:before {

  background: #FF0000;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:before {

  background: #ffebeb;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #FF0000;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-danger.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.hopscotch-nav-button:disabled {

  color: rgba(255, 0, 0, 0.8);

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-secondary:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.hopscotch-nav-button:before {

  background: #6f6f6f;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:before {

  background: #f3f3f3;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #6f6f6f;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.hopscotch-nav-button:disabled {

  color: rgba(158, 158, 158, 0.8);

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-primary:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.hopscotch-nav-button:before {

  background: #008977;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:before {

  background: #fbfaf3;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #008977;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-primary.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.hopscotch-nav-button:disabled {

  color: rgba(41, 141, 255, 0.8);

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-dark:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button:before {

  background: #262a2e;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:before {

  background: #f7f7f7;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #262a2e;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button:disabled {

  color: rgba(38, 42, 46, 0.8);

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-light:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.hopscotch-nav-button:before {

  background: #6f6f6f;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:before {

  background: #f7f7f7;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #6f6f6f;

}

.btn.btn-icon[class*="btn-flush-"].btn-flush-light.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-light:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.hopscotch-nav-button:disabled {

  color: rgba(111, 111, 111, 0.8);

}

.btn.btn-icon.btn-lg, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.btn-lg.hopscotch-nav-button {

  height: 45px;

  width: 45px;

}

.btn.btn-icon.btn-lg .btn-icon-wrap, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.btn-lg.hopscotch-nav-button .btn-icon-wrap {

  font-size: 1.125rem;

}

.btn.btn-icon.btn-sm, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.hopscotch-nav-button {

  height: 31px;

  width: 31px;

}

.btn.btn-icon.btn-sm .btn-icon-wrap, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.hopscotch-nav-button .btn-icon-wrap {

  font-size: 0.875rem;

}

.btn.btn-icon.btn-xs, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.btn-xs.hopscotch-nav-button {

  height: 28px;

  width: 28px;

  padding-left: 0;

  padding-right: 0;

}

.btn.btn-icon.btn-xs .btn-icon-wrap, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.btn-xs.hopscotch-nav-button .btn-icon-wrap {

  font-size: 0.875rem;

}

.btn.btn-rounded, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-rounded.hopscotch-nav-button {

  border-radius: 50rem !important;

}

.btn.btn-rounded .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-rounded.hopscotch-nav-button .icon {

  border-radius: 50% !important;

}

.btn.btn-square, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-square.hopscotch-nav-button {

  border-radius: 0 !important;

}

.btn.btn-uppercase, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-uppercase.hopscotch-nav-button {

  text-transform: uppercase !important;

  font-weight: 600;

}

.btn.btn-floating, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-floating.hopscotch-nav-button {

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14) !important;

  z-index: 1001;

}

.btn.btn-animated, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button {

  -webkit-transition: all 0.15s ease;

  -moz-transition: all 0.15s ease;

  transition: all 0.15s ease;

}

.btn.btn-animated:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button:hover, .btn.btn-animated:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button:focus {

  -webkit-transform: translateY(-3px);

  -moz-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  -o-transform: translateY(-3px);

  transform: translateY(-3px);

}

.btn .custom-caret, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button .custom-caret {

  display: inline-block !important;

  margin-left: 5px;

}



.btn-block {

  display: block;

  width: 100%;

}



.btn-block + .btn-block {

  margin-top: 0.5rem;

}



input[type=button].btn-block,

input[type=reset].btn-block,

input[type=submit].btn-block {

  width: 100%;

}



.btn-icon-dropdown {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



/*Button Colors*/

.btn-info {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.btn-info:hover, .btn-info:focus {

  color: #fff;

  background-color: #16c7d7;

  border-color: #16c7d7;

}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #16c7d7;

  border-color: #16c7d7;

}

.btn-info.disabled, .btn-info:disabled {

  color: #fff;

  background-color: #a3f1f9;

  border-color: #a3f1f9;

}

.btn-info.btn-animated:focus, .btn-info.btn-animated:active, .btn-info.btn-animated:hover, .btn-info.btn-animated:not(:disabled):not(.disabled).active, .btn-info.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-green {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-green:hover, .btn-green:focus {

  color: #fff;

  background-color: #00c172;

  border-color: #00c172;

}

.btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #00c172;

  border-color: #00c172;

}

.btn-green.disabled, .btn-green:disabled {

  color: #fff;

  background-color: #99efcc;

  border-color: #99efcc;

}

.btn-green.btn-animated:focus, .btn-green.btn-animated:active, .btn-green.btn-animated:hover, .btn-green.btn-animated:not(:disabled):not(.disabled).active, .btn-green.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-success {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-success:hover, .btn-success:focus {

  color: #fff;

  background-color: #00c172;

  border-color: #00c172;

}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #00c172;

  border-color: #00c172;

}

.btn-success.disabled, .btn-success:disabled {

  color: #fff;

  background-color: #99efcc;

  border-color: #99efcc;

}

.btn-success.btn-animated:focus, .btn-success.btn-animated:active, .btn-success.btn-animated:hover, .btn-success.btn-animated:not(:disabled):not(.disabled).active, .btn-success.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-warning {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

}

.btn-warning:hover, .btn-warning:focus {

  color: #fff;

  background-color: #e6b000;

  border-color: #e6b000;

}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #e6b000;

  border-color: #e6b000;

}

.btn-warning.disabled, .btn-warning:disabled {

  color: #fff;

  background-color: #ffe799;

  border-color: #ffe799;

}

.btn-warning.btn-animated:focus, .btn-warning.btn-animated:active, .btn-warning.btn-animated:hover, .btn-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-warning.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-danger {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-danger:hover, .btn-danger:focus {

  color: #fff;

  background-color: #e60000;

  border-color: #e60000;

}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #e60000;

  border-color: #e60000;

}

.btn-danger.disabled, .btn-danger:disabled {

  color: #fff;

  background-color: #ff9999;

  border-color: #ff9999;

}

.btn-danger.btn-animated:focus, .btn-danger.btn-animated:active, .btn-danger.btn-animated:hover, .btn-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-danger.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-grey {

  color: #fff;

  background-color: #9e9e9e;

  border-color: #9e9e9e;

}

.btn-grey:hover, .btn-grey:focus {

  color: #fff;

  background-color: #8e8e8e;

  border-color: #8e8e8e;

}

.btn-grey:not(:disabled):not(.disabled).active, .btn-grey:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #8e8e8e;

  border-color: #8e8e8e;

}

.btn-grey.disabled, .btn-grey:disabled {

  color: #fff;

  background-color: #d8d8d8;

  border-color: #d8d8d8;

}

.btn-grey.btn-animated:focus, .btn-grey.btn-animated:active, .btn-grey.btn-animated:hover, .btn-grey.btn-animated:not(:disabled):not(.disabled).active, .btn-grey.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #9e9e9e;

  border-color: #9e9e9e;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-secondary {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-secondary:hover, .btn-secondary:focus {

  color: #fff;

  background-color: #646464;

  border-color: #646464;

}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #646464;

  border-color: #646464;

}

.btn-secondary.disabled, .btn-secondary:disabled {

  color: #fff;

  background-color: #c5c5c5;

  border-color: #c5c5c5;

}

.btn-secondary.btn-animated:focus, .btn-secondary.btn-animated:active, .btn-secondary.btn-animated:hover, .btn-secondary.btn-animated:not(:disabled):not(.disabled).active, .btn-secondary.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-primary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next {

  color: #fff;

  background-color: #008977;

  border-color: #008977;

}

.btn-primary:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:hover, .btn-primary:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:focus {

  color: #fff;

  background-color: #00717a;

  border-color: #00717a;

}

.btn-primary:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #00717a;

  border-color: #00717a;

}

.btn-primary.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.next, .btn-primary:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:disabled {

  color: #fff;

  background-color: #99cbcf;

  border-color: #99cbcf;

}

.btn-primary.btn-animated:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:focus, .btn-primary.btn-animated:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:active, .btn-primary.btn-animated:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:hover, .btn-primary.btn-animated:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-primary.btn-animated:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #007D88;

  border-color: #007D88;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-dark {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.btn-dark:hover, .btn-dark:focus {

  color: #fff;

  background-color: #212429;

  border-color: #212429;

}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #212429;

  border-color: #212429;

}

.btn-dark.disabled, .btn-dark:disabled {

  color: #fff;

  background-color: #9e9e9e;

  border-color: #9e9e9e;

}

.btn-dark.btn-animated:focus, .btn-dark.btn-animated:active, .btn-dark.btn-animated:hover, .btn-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-dark.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-default,

.btn-light {

  color: #262a2e;

  background-color: #eaeaea;

  border-color: #eaeaea;

}

.btn-default:hover, .btn-default:focus,

.btn-light:hover,

.btn-light:focus {

  color: #6f6f6f;

  background-color: #d8d8d8;

  border-color: #d8d8d8;

}

.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active,

.btn-light:not(:disabled):not(.disabled).active,

.btn-light:not(:disabled):not(.disabled):active {

  color: #262a2e;

  background-color: #d8d8d8;

  border-color: #d8d8d8;

}

.btn-default.disabled, .btn-default:disabled,

.btn-light.disabled,

.btn-light:disabled {

  color: #6f6f6f;

  background-color: #eaeaea;

  border-color: #eaeaea;

}

.btn-default.btn-animated:focus, .btn-default.btn-animated:active, .btn-default.btn-animated:hover, .btn-default.btn-animated:not(:disabled):not(.disabled).active, .btn-default.btn-animated:not(:disabled):not(.disabled):active,

.btn-light.btn-animated:focus,

.btn-light.btn-animated:active,

.btn-light.btn-animated:hover,

.btn-light.btn-animated:not(:disabled):not(.disabled).active,

.btn-light.btn-animated:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: #eaeaea;

  border-color: #eaeaea;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-white, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next {

  color: #262a2e;

  background-color: #fff;

  border-color: #fff;

}

.btn-white:hover, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:hover, .btn-white:focus, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:focus {

  color: #5f5f5f;

  background-color: #fff;

  border-color: #fff;

}

.btn-white:not(:disabled):not(.disabled).active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled):active {

  color: #5f5f5f;

  background-color: #fff;

  border-color: #fff;

}

.btn-white.disabled, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.next, .btn-white:disabled, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:disabled {

  color: #5f5f5f;

  background-color: #fff;

  border-color: #fff;

}

.btn-white.btn-animated:focus, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:focus, .btn-white.btn-animated:active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:active, .btn-white.btn-animated:hover, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:hover, .btn-white.btn-animated:not(:disabled):not(.disabled).active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-white.btn-animated:not(:disabled):not(.disabled):active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled):active {

  color: #5f5f5f;

  background-color: #fff;

  border-color: #fff;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-link {

  color: #007D88;

  text-decoration: none !important;

}

.btn-link:hover, .btn-link:focus {

  color: #007D88;

}



.btn:not(:disabled):not(.disabled).active:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:not(:disabled):not(.disabled).active:focus,

.btn:not(:disabled):not(.disabled):active:focus,

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:not(:disabled):not(.disabled):active:focus,

.show > .btn.dropdown-toggle:focus,

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .show > .dropdown-toggle.hopscotch-nav-button:focus {

  box-shadow: none;

}



.btn-group-vertical > .btn:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .hopscotch-nav-button:hover,

.btn-group > .btn:hover,

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group > .hopscotch-nav-button:hover {

  z-index: 0;

}



.show > .btn-primary.dropdown-toggle, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .show > .dropdown-toggle.hopscotch-nav-button.next {

  color: #fff;

  background-color: #00717a;

  border-color: #00717a;

}

.show > .btn-secondary.dropdown-toggle {

  color: #fff;

  background-color: #646464;

  border-color: #646464;

}

.show > .btn-info.dropdown-toggle {

  color: #fff;

  background-color: #16c7d7;

  border-color: #16c7d7;

}

.show > .btn-success.dropdown-toggle {

  color: #fff;

  background-color: #00c172;

  border-color: #00c172;

}

.show > .btn-warning.dropdown-toggle {

  color: #fff;

  background-color: #e6b000;

  border-color: #e6b000;

}

.show > .btn-danger.dropdown-toggle {

  color: #fff;

  background-color: #e60000;

  border-color: #e60000;

}

.show > .btn-light.dropdown-toggle {

  color: #6f6f6f;

  background-color: #eaeaea;

  border-color: #eaeaea;

}

.show > .btn-dark.dropdown-toggle {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.show > .btn-outline-primary.dropdown-toggle {

  color: #fff;

  background-color: #00717a;

  border-color: #00717a;

}

.show > .btn-outline-secondary.dropdown-toggle, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .show > .dropdown-toggle.hopscotch-nav-button.prev {

  color: #fff;

  background-color: #646464;

  border-color: #646464;

}

.show > .btn-outline-info.dropdown-toggle {

  color: #fff;

  background-color: #16c7d7;

  border-color: #16c7d7;

}

.show > .btn-outline-success.dropdown-toggle {

  color: #fff;

  background-color: #00c172;

  border-color: #00c172;

}

.show > .btn-outline-warning.dropdown-toggle {

  color: #fff;

  background-color: #e6b000;

  border-color: #e6b000;

}

.show > .btn-outline-danger.dropdown-toggle {

  color: #fff;

  background-color: #e60000;

  border-color: #e60000;

}

.show > .btn-outline-light.dropdown-toggle, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .show > .dropdown-toggle.btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .show > .dropdown-toggle.hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .show > .dropdown-toggle.hopscotch-nav-button.next {

  color: #6f6f6f;

  background-color: #eaeaea;

  border-color: #eaeaea;

}

.show > .btn-outline-dark.dropdown-toggle {

  color: #fff;

  background-color: #2a2f34;

  border-color: #2a2f34;

}



.dropdown > .btn-wth-icon {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



/*Buttons Soft*/

.btn-soft-info {

  color: #18DDEF;

  background-color: #edfcfe;

  border-color: #edfcfe;

}

.btn-soft-info:hover, .btn-soft-info:focus {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.btn-soft-info:not(:disabled):not(.disabled).active, .btn-soft-info:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.btn-soft-info.disabled, .btn-soft-info:disabled {

  color: #18DDEF;

  background-color: #a3f1f9;

  border-color: #a3f1f9;

}

.btn-soft-info.btn-animated:focus, .btn-soft-info.btn-animated:active, .btn-soft-info.btn-animated:hover, .btn-soft-info.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-info.btn-animated:not(:disabled):not(.disabled):active {

  color: #18DDEF;

  background-color: #edfcfe;

  border-color: #edfcfe;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-soft-success {

  color: #00D67F;

  background-color: #ebfcf5;

  border-color: #ebfcf5;

}

.btn-soft-success:hover, .btn-soft-success:focus {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-soft-success:not(:disabled):not(.disabled).active, .btn-soft-success:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-soft-success.disabled, .btn-soft-success:disabled {

  color: #00D67F;

  background-color: #99efcc;

  border-color: #99efcc;

}

.btn-soft-success.btn-animated:focus, .btn-soft-success.btn-animated:active, .btn-soft-success.btn-animated:hover, .btn-soft-success.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-success.btn-animated:not(:disabled):not(.disabled):active {

  color: #00D67F;

  background-color: #ebfcf5;

  border-color: #ebfcf5;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-soft-warning {

  color: #FFC400;

  background-color: #fffaeb;

  border-color: #fffaeb;

}

.btn-soft-warning:hover, .btn-soft-warning:focus {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

}

.btn-soft-warning:not(:disabled):not(.disabled).active, .btn-soft-warning:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

}

.btn-soft-warning.disabled, .btn-soft-warning:disabled {

  color: #FFC400;

  background-color: #ffe799;

  border-color: #ffe799;

}

.btn-soft-warning.btn-animated:focus, .btn-soft-warning.btn-animated:active, .btn-soft-warning.btn-animated:hover, .btn-soft-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-warning.btn-animated:not(:disabled):not(.disabled):active {

  color: #FFC400;

  background-color: #fffaeb;

  border-color: #fffaeb;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-soft-danger {

  color: #FF0000;

  background-color: #ffebeb;

  border-color: #ffebeb;

}

.btn-soft-danger:hover, .btn-soft-danger:focus {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-soft-danger:not(:disabled):not(.disabled).active, .btn-soft-danger:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-soft-danger.disabled, .btn-soft-danger:disabled {

  color: #FF0000;

  background-color: #ff9999;

  border-color: #ff9999;

}

.btn-soft-danger.btn-animated:focus, .btn-soft-danger.btn-animated:active, .btn-soft-danger.btn-animated:hover, .btn-soft-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-danger.btn-animated:not(:disabled):not(.disabled):active {

  color: #FF0000;

  background-color: #ffebeb;

  border-color: #ffebeb;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-soft-secondary {

  color: #262a2e;

  background-color: #f3f3f3;

  border-color: #f3f3f3;

}

.btn-soft-secondary:hover, .btn-soft-secondary:focus {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-soft-secondary:not(:disabled):not(.disabled).active, .btn-soft-secondary:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-soft-secondary.disabled, .btn-soft-secondary:disabled {

  color: #6f6f6f;

  background-color: #c5c5c5;

  border-color: #c5c5c5;

}

.btn-soft-secondary.btn-animated:focus, .btn-soft-secondary.btn-animated:active, .btn-soft-secondary.btn-animated:hover, .btn-soft-secondary.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-secondary.btn-animated:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: #f3f3f3;

  border-color: #f3f3f3;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-soft-primary {

  color: white;

  background-color: #008977;

  border-color: #008977;

}

.btn-soft-primary:hover, .btn-soft-primary:focus {

  color: #fff;

  background-color: #008977;

  border-color: #008977;

}

.btn-soft-primary:not(:disabled):not(.disabled).active, .btn-soft-primary:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #008977;

  border-color: #008977;

}

.btn-soft-primary.disabled, .btn-soft-primary:disabled {

  color: #008977;

  background-color: #fbfaf3;

  border-color: #fbfaf3;

}

.btn-soft-primary.btn-animated:focus, .btn-soft-primary.btn-animated:active, .btn-soft-primary.btn-animated:hover, .btn-soft-primary.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-primary.btn-animated:not(:disabled):not(.disabled):active {

  color: #008977;

  background-color: #ebf5f5;

  border-color: #ebf5f5;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-soft-light {

  color: #6f6f6f;

  background-color: #f7f7f7;

  border-color: #f7f7f7;

}

.btn-soft-light:hover, .btn-soft-light:focus {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-soft-light:not(:disabled):not(.disabled).active, .btn-soft-light:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-soft-light.disabled, .btn-soft-light:disabled {

  color: #6f6f6f;

  background-color: #f7f7f7;

  border-color: #f7f7f7;

}

.btn-soft-light.btn-animated:focus, .btn-soft-light.btn-animated:active, .btn-soft-light.btn-animated:hover, .btn-soft-light.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-light.btn-animated:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: #f7f7f7;

  border-color: #f7f7f7;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-soft-dark {

  color: #262a2e;

  background-color: #f7f7f7;

  border-color: #f7f7f7;

}

.btn-soft-dark:hover, .btn-soft-dark:focus {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.btn-soft-dark:not(:disabled):not(.disabled).active, .btn-soft-dark:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.btn-soft-dark.disabled, .btn-soft-dark:disabled {

  color: #fff;

  background-color: #9e9e9e;

  border-color: #9e9e9e;

}

.btn-soft-dark.btn-animated:focus, .btn-soft-dark.btn-animated:active, .btn-soft-dark.btn-animated:hover, .btn-soft-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-dark.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #f7f7f7;

  border-color: #f7f7f7;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



/*Buttons Flush*/

.btn-flush-info {

  color: #18DDEF;

  background-color: transparent;

  border-color: transparent;

}

.btn-flush-info:hover, .btn-flush-info:focus {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.btn-flush-info:not(:disabled):not(.disabled).active, .btn-flush-info:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.btn-flush-info.disabled, .btn-flush-info:disabled {

  color: #18DDEF;

  background-color: #a3f1f9;

  border-color: #a3f1f9;

}

.btn-flush-info.flush-outline-hover:hover, .btn-flush-info.flush-outline-hover:focus, .btn-flush-info.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-info.flush-outline-hover:not(:disabled):not(.disabled):active {

  color: #18DDEF;

  background-color: transparent;

  border-color: #18DDEF;

}

.btn-flush-info.flush-soft-hover:hover, .btn-flush-info.flush-soft-hover:focus, .btn-flush-info.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-info.flush-soft-hover:not(:disabled):not(.disabled):active {

  color: #18DDEF;

  background-color: #edfcfe;

  border-color: #edfcfe;

}

.btn-flush-info.btn-animated:focus, .btn-flush-info.btn-animated:active, .btn-flush-info.btn-animated:hover, .btn-flush-info.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-info.btn-animated:not(:disabled):not(.disabled):active {

  color: #18DDEF;

  background-color: transparent;

  border-color: transparent;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-flush-success {

  color: #00D67F;

  background-color: transparent;

  border-color: transparent;

}

.btn-flush-success:hover, .btn-flush-success:focus {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-flush-success:not(:disabled):not(.disabled).active, .btn-flush-success:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-flush-success.disabled, .btn-flush-success:disabled {

  color: #00D67F;

  background-color: #99efcc;

  border-color: #99efcc;

}

.btn-flush-success.flush-outline-hover:hover, .btn-flush-success.flush-outline-hover:focus, .btn-flush-success.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-success.flush-outline-hover:not(:disabled):not(.disabled):active {

  color: #00D67F;

  background-color: transparent;

  border-color: #00D67F;

}

.btn-flush-success.flush-soft-hover:hover, .btn-flush-success.flush-soft-hover:focus, .btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled):active {

  color: #00D67F;

  background-color: #ebfcf5;

  border-color: #ebfcf5;

}

.btn-flush-success.btn-animated:focus, .btn-flush-success.btn-animated:active, .btn-flush-success.btn-animated:hover, .btn-flush-success.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-success.btn-animated:not(:disabled):not(.disabled):active {

  color: #00D67F;

  background-color: transparent;

  border-color: transparent;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-flush-warning {

  color: #FFC400;

  background-color: transparent;

  border-color: transparent;

}

.btn-flush-warning:hover, .btn-flush-warning:focus {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

}

.btn-flush-warning:not(:disabled):not(.disabled).active, .btn-flush-warning:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

}

.btn-flush-warning.disabled, .btn-flush-warning:disabled {

  color: #FFC400;

  background-color: #ffe799;

  border-color: #ffe799;

}

.btn-flush-warning.flush-outline-hover:hover, .btn-flush-warning.flush-outline-hover:focus, .btn-flush-warning.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-warning.flush-outline-hover:not(:disabled):not(.disabled):active {

  color: #FFC400;

  background-color: transparent;

  border-color: #FFC400;

}

.btn-flush-warning.flush-soft-hover:hover, .btn-flush-warning.flush-soft-hover:focus, .btn-flush-warning.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-warning.flush-soft-hover:not(:disabled):not(.disabled):active {

  color: #FFC400;

  background-color: #fffaeb;

  border-color: #fffaeb;

}

.btn-flush-warning.btn-animated:focus, .btn-flush-warning.btn-animated:active, .btn-flush-warning.btn-animated:hover, .btn-flush-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-warning.btn-animated:not(:disabled):not(.disabled):active {

  color: #FFC400;

  background-color: transparent;

  border-color: transparent;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-flush-danger {

  color: #FF0000;

  background-color: transparent;

  border-color: transparent;

}

.btn-flush-danger:hover, .btn-flush-danger:focus {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-flush-danger:not(:disabled):not(.disabled).active, .btn-flush-danger:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-flush-danger.disabled, .btn-flush-danger:disabled {

  color: #FF0000;

  background-color: #ff9999;

  border-color: #ff9999;

}

.btn-flush-danger.flush-outline-hover:hover, .btn-flush-danger.flush-outline-hover:focus, .btn-flush-danger.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-danger.flush-outline-hover:not(:disabled):not(.disabled):active {

  color: #FF0000;

  background-color: transparent;

  border-color: #FF0000;

}

.btn-flush-danger.flush-soft-hover:hover, .btn-flush-danger.flush-soft-hover:focus, .btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled):active {

  color: #FF0000;

  background-color: #ffebeb;

  border-color: #ffebeb;

}

.btn-flush-danger.btn-animated:focus, .btn-flush-danger.btn-animated:active, .btn-flush-danger.btn-animated:hover, .btn-flush-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-danger.btn-animated:not(:disabled):not(.disabled):active {

  color: #FF0000;

  background-color: transparent;

  border-color: transparent;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-flush-secondary {

  color: #6f6f6f;

  background-color: transparent;

  border-color: transparent;

}

.btn-flush-secondary:hover, .btn-flush-secondary:focus {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-flush-secondary:not(:disabled):not(.disabled).active, .btn-flush-secondary:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-flush-secondary.disabled, .btn-flush-secondary:disabled {

  color: #6f6f6f;

  background-color: #c5c5c5;

  border-color: #c5c5c5;

}

.btn-flush-secondary.flush-outline-hover:hover, .btn-flush-secondary.flush-outline-hover:focus, .btn-flush-secondary.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-secondary.flush-outline-hover:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: transparent;

  border-color: #6f6f6f;

}

.btn-flush-secondary.flush-soft-hover:hover, .btn-flush-secondary.flush-soft-hover:focus, .btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: #f3f3f3;

  border-color: #f3f3f3;

}

.btn-flush-secondary.btn-animated:focus, .btn-flush-secondary.btn-animated:active, .btn-flush-secondary.btn-animated:hover, .btn-flush-secondary.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-secondary.btn-animated:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: transparent;

  border-color: transparent;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-flush-primary {

  color: #007D88;

  background-color: transparent;

  border-color: transparent;

}

.btn-flush-primary:hover, .btn-flush-primary:focus {

  color: #fff;

  background-color: #007D88;

  border-color: #007D88;

}

.btn-flush-primary:not(:disabled):not(.disabled).active, .btn-flush-primary:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #007D88;

  border-color: #007D88;

}

.btn-flush-primary.disabled, .btn-flush-primary:disabled {

  color: #007D88;

  background-color: #99cbcf;

  border-color: #99cbcf;

}

.btn-flush-primary.flush-outline-hover:hover, .btn-flush-primary.flush-outline-hover:focus, .btn-flush-primary.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-primary.flush-outline-hover:not(:disabled):not(.disabled):active {

  color: #007D88;

  background-color: transparent;

  border-color: #007D88;

}

.btn-flush-primary.flush-soft-hover:hover, .btn-flush-primary.flush-soft-hover:focus, .btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled):active {

  color: #007D88;

  background-color: #ebf5f5;

  border-color: #ebf5f5;

}

.btn-flush-primary.btn-animated:focus, .btn-flush-primary.btn-animated:active, .btn-flush-primary.btn-animated:hover, .btn-flush-primary.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-primary.btn-animated:not(:disabled):not(.disabled):active {

  color: #007D88;

  background-color: transparent;

  border-color: transparent;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-flush-dark {

  color: #262a2e;

  background-color: transparent;

  border-color: transparent;

}

.btn-flush-dark:hover, .btn-flush-dark:focus {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.btn-flush-dark:not(:disabled):not(.disabled).active, .btn-flush-dark:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.btn-flush-dark.disabled, .btn-flush-dark:disabled {

  color: #fff;

  background-color: #9e9e9e;

  border-color: #9e9e9e;

}

.btn-flush-dark.flush-outline-hover:hover, .btn-flush-dark.flush-outline-hover:focus, .btn-flush-dark.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-dark.flush-outline-hover:not(:disabled):not(.disabled):active {

  color: #262a2e;

  background-color: transparent;

  border-color: #262a2e;

}

.btn-flush-dark.flush-soft-hover:hover, .btn-flush-dark.flush-soft-hover:focus, .btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active {

  color: #262a2e;

  background-color: #f7f7f7;

  border-color: #f7f7f7;

}

.btn-flush-dark.btn-animated:focus, .btn-flush-dark.btn-animated:active, .btn-flush-dark.btn-animated:hover, .btn-flush-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-dark.btn-animated:not(:disabled):not(.disabled):active {

  color: #262a2e;

  background-color: transparent;

  border-color: transparent;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-flush-light {

  color: #6f6f6f;

  background-color: transparent;

  border-color: transparent;

}

.btn-flush-light:hover, .btn-flush-light:focus {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-flush-light:not(:disabled):not(.disabled).active, .btn-flush-light:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-flush-light.disabled, .btn-flush-light:disabled {

  color: #6f6f6f;

  background-color: #f7f7f7;

  border-color: #f7f7f7;

}

.btn-flush-light.flush-outline-hover:hover, .btn-flush-light.flush-outline-hover:focus, .btn-flush-light.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-light.flush-outline-hover:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: transparent;

  background-image: none;

  border-color: #eaeaea;

}

.btn-flush-light.flush-soft-hover:hover, .btn-flush-light.flush-soft-hover:focus, .btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: #f7f7f7;

  border-color: #f7f7f7;

}

.btn-flush-light.btn-animated:focus, .btn-flush-light.btn-animated:active, .btn-flush-light.btn-animated:hover, .btn-flush-light.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-light.btn-animated:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: transparent;

  border-color: transparent;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



/*Buttons Gradien*/

.btn-gradient-primary {

  color: #fff;

  border: none;

  background: #007D88;

  background: linear-gradient(45deg, #007D88, #955cfa) !important;

}

.btn-gradient-primary:hover, .btn-gradient-primary:focus {

  color: #fff;

  background: #00717a;

  background: linear-gradient(45deg, #00717a, #7429F8) !important;

}

.btn-gradient-primary:not(:disabled):not(.disabled).active, .btn-gradient-primary:not(:disabled):not(.disabled):active {

  color: #fff;

  background: #00717a;

  background: linear-gradient(45deg, #00717a, #7429F8) !important;

}

.btn-gradient-primary.disabled, .btn-gradient-primary:disabled {

  color: #fff;

  background: #99cbcf;

  background: linear-gradient(45deg, #99cbcf, #c7a9fc) !important;

}

.btn-gradient-primary.btn-animated:focus, .btn-gradient-primary.btn-animated:active, .btn-gradient-primary.btn-animated:hover, .btn-gradient-primary.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-primary.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  border: none;

  background: #007D88;

  background: linear-gradient(45deg, #007D88, #955cfa) !important;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-gradient-info {

  color: #fff;

  border: none;

  background: #18DDEF;

  background: linear-gradient(45deg, #18DDEF, #007D88) !important;

}

.btn-gradient-info:hover, .btn-gradient-info:focus {

  color: #fff;

  background: #16c7d7;

  background: linear-gradient(45deg, #16c7d7, #00717a) !important;

}

.btn-gradient-info:not(:disabled):not(.disabled).active, .btn-gradient-info:not(:disabled):not(.disabled):active {

  color: #fff;

  background: #16c7d7;

  background: linear-gradient(45deg, #16c7d7, #00717a) !important;

}

.btn-gradient-info.disabled, .btn-gradient-info:disabled {

  color: #fff;

  background: #a3f1f9;

  background: linear-gradient(45deg, #a3f1f9, #99cbcf) !important;

}

.btn-gradient-info.btn-animated:focus, .btn-gradient-info.btn-animated:active, .btn-gradient-info.btn-animated:hover, .btn-gradient-info.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-info.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  border: none;

  background: #18DDEF;

  background: linear-gradient(45deg, #18DDEF, #007D88) !important;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-gradient-success {

  color: #fff;

  border: none;

  background: #00D67F;

  background: linear-gradient(45deg, #00D67F, #81E230) !important;

}

.btn-gradient-success:hover, .btn-gradient-success:focus {

  color: #fff;

  background: #00c172;

  background: linear-gradient(45deg, #00c172, #74cb2b) !important;

}

.btn-gradient-success:not(:disabled):not(.disabled).active, .btn-gradient-success:not(:disabled):not(.disabled):active {

  color: #fff;

  background: #00c172;

  background: linear-gradient(45deg, #00c172, #74cb2b) !important;

}

.btn-gradient-success.disabled, .btn-gradient-success:disabled {

  color: #fff;

  background: #99efcc;

  background: linear-gradient(45deg, #99efcc, #cdf3ac) !important;

}

.btn-gradient-success.btn-animated:focus, .btn-gradient-success.btn-animated:active, .btn-gradient-success.btn-animated:hover, .btn-gradient-success.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-success.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  border: none;

  background: #00D67F;

  background: linear-gradient(45deg, #00D67F, #81E230) !important;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-gradient-warning {

  color: #fff;

  border: none;

  background: #FFC400;

  background: linear-gradient(45deg, #FFC400, #FFEA00) !important;

}

.btn-gradient-warning:hover, .btn-gradient-warning:focus {

  color: #fff;

  background: #e6b000;

  background: linear-gradient(45deg, #e6b000, #e6d300) !important;

}

.btn-gradient-warning:not(:disabled):not(.disabled).active, .btn-gradient-warning:not(:disabled):not(.disabled):active {

  color: #fff;

  background: #e6b000;

  background: linear-gradient(45deg, #e6b000, #e6d300) !important;

}

.btn-gradient-warning.disabled, .btn-gradient-warning:disabled {

  color: #fff;

  background: #ffe799;

  background: linear-gradient(45deg, #ffe799, #fff799) !important;

}

.btn-gradient-warning.btn-animated:focus, .btn-gradient-warning.btn-animated:active, .btn-gradient-warning.btn-animated:hover, .btn-gradient-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-warning.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  border: none;

  background: #FFC400;

  background: linear-gradient(45deg, #FFC400, #FFEA00) !important;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-gradient-danger {

  color: #fff;

  border: none;

  background: #ff3d3d;

  background: linear-gradient(45deg, #ff3d3d, #E92990) !important;

}

.btn-gradient-danger:hover, .btn-gradient-danger:focus {

  color: #fff;

  background: #FF0000;

  background: linear-gradient(45deg, #FF0000, #d22582) !important;

}

.btn-gradient-danger:not(:disabled):not(.disabled).active, .btn-gradient-danger:not(:disabled):not(.disabled):active {

  color: #fff;

  background: #FF0000;

  background: linear-gradient(45deg, #FF0000, #d22582) !important;

}

.btn-gradient-danger.disabled, .btn-gradient-danger:disabled {

  color: #fff;

  background: #ff9999;

  background: linear-gradient(45deg, #ff9999, #f6a9d3) !important;

}

.btn-gradient-danger.btn-animated:focus, .btn-gradient-danger.btn-animated:active, .btn-gradient-danger.btn-animated:hover, .btn-gradient-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-danger.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  border: none;

  background: #ff3d3d;

  background: linear-gradient(45deg, #ff3d3d, #E92990) !important;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-gradient-secondary {

  color: #fff;

  border: none;

  background: #6f6f6f;

  background: linear-gradient(45deg, #6f6f6f, #d8d8d8) !important;

}

.btn-gradient-secondary:hover, .btn-gradient-secondary:focus {

  color: #fff;

  background: #646464;

  background: linear-gradient(45deg, #646464, #c7c7c7) !important;

}

.btn-gradient-secondary:not(:disabled):not(.disabled).active, .btn-gradient-secondary:not(:disabled):not(.disabled):active {

  color: #fff;

  background: #646464;

  background: linear-gradient(45deg, #646464, #c7c7c7) !important;

}

.btn-gradient-secondary.disabled, .btn-gradient-secondary:disabled {

  color: #fff;

  background: #c5c5c5;

  background: linear-gradient(45deg, #c5c5c5, #d8d8d8) !important;

}

.btn-gradient-secondary.btn-animated:focus, .btn-gradient-secondary.btn-animated:active, .btn-gradient-secondary.btn-animated:hover, .btn-gradient-secondary.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-secondary.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  border: none;

  background: #6f6f6f;

  background: linear-gradient(45deg, #6f6f6f, #d8d8d8) !important;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-gradient-light {

  color: #262a2e;

  border: none;

  background: #b5b5b5;

  background: linear-gradient(45deg, #b5b5b5, #f7f7f7) !important;

}

.btn-gradient-light:hover, .btn-gradient-light:focus {

  color: #262a2e;

  background: #d8d8d8;

  background: linear-gradient(45deg, #d8d8d8, #eaeaea) !important;

}

.btn-gradient-light:not(:disabled):not(.disabled).active, .btn-gradient-light:not(:disabled):not(.disabled):active {

  color: #262a2e;

  background: #d8d8d8;

  background: linear-gradient(45deg, #d8d8d8, #eaeaea) !important;

}

.btn-gradient-light.disabled, .btn-gradient-light:disabled {

  color: #262a2e;

  background: #f7f7f7;

  background: linear-gradient(45deg, #f7f7f7, #d8d8d8) !important;

}

.btn-gradient-light.btn-animated:focus, .btn-gradient-light.btn-animated:active, .btn-gradient-light.btn-animated:hover, .btn-gradient-light.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-light.btn-animated:not(:disabled):not(.disabled):active {

  color: #262a2e;

  border: none;

  background: #b5b5b5;

  background: linear-gradient(45deg, #b5b5b5, #f7f7f7) !important;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-gradient-dark {

  color: #fff;

  border: none;

  background: #262a2e;

  background: linear-gradient(45deg, #262a2e, #6f6f6f) !important;

}

.btn-gradient-dark:hover, .btn-gradient-dark:focus {

  color: #fff;

  background: #212429;

  background: linear-gradient(45deg, #212429, #4f4f4f) !important;

}

.btn-gradient-dark:not(:disabled):not(.disabled).active, .btn-gradient-dark:not(:disabled):not(.disabled):active {

  color: #fff;

  background: #212429;

  background: linear-gradient(45deg, #212429, #4f4f4f) !important;

}

.btn-gradient-dark.disabled, .btn-gradient-dark:disabled {

  color: #fff;

  background: #2F343A;

  background: linear-gradient(45deg, #2F343A, #d8d8d8) !important;

}

.btn-gradient-dark.btn-animated:focus, .btn-gradient-dark.btn-animated:active, .btn-gradient-dark.btn-animated:hover, .btn-gradient-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-dark.btn-animated:not(:disabled):not(.disabled):active {

  color: #fff;

  border: none;

  background: #262a2e;

  background: linear-gradient(45deg, #262a2e, #6f6f6f) !important;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



/*Buttons Outline*/

.btn-outline-info {

  color: #18DDEF;

  background-color: transparent;

  background-image: none;

  border-color: #18DDEF;

}

.btn-outline-info:hover, .btn-outline-info:focus {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.btn-outline-info.disabled, .btn-outline-info:disabled {

  color: #fff;

  background-color: #a3f1f9;

  border-color: #a3f1f9;

}

.btn-outline-info.btn-animated:focus, .btn-outline-info.btn-animated:active, .btn-outline-info.btn-animated:hover, .btn-outline-info.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-info.btn-animated:not(:disabled):not(.disabled):active {

  color: #18DDEF;

  background-color: transparent;

  background-image: none;

  border-color: #18DDEF;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-outline-success {

  color: #00D67F;

  background-color: transparent;

  background-image: none;

  border-color: #00D67F;

}

.btn-outline-success:hover, .btn-outline-success:focus {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-outline-success.disabled, .btn-outline-success:disabled {

  color: #fff;

  background-color: #99efcc;

  border-color: #99efcc;

}

.btn-outline-success.btn-animated:focus, .btn-outline-success.btn-animated:active, .btn-outline-success.btn-animated:hover, .btn-outline-success.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-success.btn-animated:not(:disabled):not(.disabled):active {

  color: #00D67F;

  background-color: transparent;

  background-image: none;

  border-color: #00D67F;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-outline-warning {

  color: #FFC400;

  background-color: transparent;

  background-image: none;

  border-color: #FFC400;

}

.btn-outline-warning:hover, .btn-outline-warning:focus {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

}

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {

  color: #fff;

  background-color: #ffe799;

  border-color: #ffe799;

}

.btn-outline-warning.btn-animated:focus, .btn-outline-warning.btn-animated:active, .btn-outline-warning.btn-animated:hover, .btn-outline-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-warning.btn-animated:not(:disabled):not(.disabled):active {

  color: #FFC400;

  background-color: transparent;

  background-image: none;

  border-color: #FFC400;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-outline-danger {

  color: #FF0000;

  background-color: transparent;

  background-image: none;

  border-color: #FF0000;

}

.btn-outline-danger:hover, .btn-outline-danger:focus {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {

  color: #fff;

  background-color: #ff9999;

  border-color: #ff9999;

}

.btn-outline-danger.btn-animated:focus, .btn-outline-danger.btn-animated:active, .btn-outline-danger.btn-animated:hover, .btn-outline-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-danger.btn-animated:not(:disabled):not(.disabled):active {

  color: #FF0000;

  background-color: transparent;

  background-image: none;

  border-color: #FF0000;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-outline-secondary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev {

  color: #6f6f6f;

  background-color: transparent;

  background-image: none;

  border-color: #6f6f6f;

}

.btn-outline-secondary:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:hover, .btn-outline-secondary:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:focus {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-outline-secondary:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-outline-secondary.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.prev, .btn-outline-secondary:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:disabled {

  color: #fff;

  background-color: #c5c5c5;

  border-color: #c5c5c5;

}

.btn-outline-secondary.btn-animated:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:focus, .btn-outline-secondary.btn-animated:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:active, .btn-outline-secondary.btn-animated:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:hover, .btn-outline-secondary.btn-animated:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:not(:disabled):not(.disabled).active, .btn-outline-secondary.btn-animated:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: transparent;

  background-image: none;

  border-color: #6f6f6f;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-outline-primary {

  color: #007D88;

  background-color: transparent;

  background-image: none;

  border-color: #007D88;

}

.btn-outline-primary:hover, .btn-outline-primary:focus {

  color: #fff;

  background-color: #007D88;

  border-color: #007D88;

}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #007D88;

  border-color: #007D88;

}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {

  color: #fff;

  background-color: #99cbcf;

  border-color: #99cbcf;

}

.btn-outline-primary.btn-animated:focus, .btn-outline-primary.btn-animated:active, .btn-outline-primary.btn-animated:hover, .btn-outline-primary.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-primary.btn-animated:not(:disabled):not(.disabled):active {

  color: #007D88;

  background-color: transparent;

  background-image: none;

  border-color: #007D88;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-outline-dark {

  color: #262a2e;

  background-color: transparent;

  background-image: none;

  border-color: #262a2e;

}

.btn-outline-dark:hover, .btn-outline-dark:focus {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {

  color: #fff;

  background-color: #9e9e9e;

  border-color: #9e9e9e;

}

.btn-outline-dark.btn-animated:focus, .btn-outline-dark.btn-animated:active, .btn-outline-dark.btn-animated:hover, .btn-outline-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-dark.btn-animated:not(:disabled):not(.disabled):active {

  color: #262a2e;

  background-color: transparent;

  background-image: none;

  border-color: #262a2e;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-outline-light, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next {

  color: #6f6f6f;

  background-color: transparent;

  background-image: none;

  border-color: #eaeaea;

}

.btn-outline-light:hover, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:hover, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:hover, .btn-outline-light:focus, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:focus, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:focus {

  color: #6f6f6f;

  background-color: #eaeaea;

  border-color: #eaeaea;

}

.btn-outline-light:not(:disabled):not(.disabled).active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:not(:disabled):not(.disabled).active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:not(:disabled):not(.disabled):active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: #eaeaea;

  border-color: #eaeaea;

}

.btn-outline-light.disabled, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .disabled.btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .disabled.hopscotch-nav-button.next, .btn-outline-light:disabled, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:disabled, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:disabled {

  color: #6f6f6f;

  background-color: #eaeaea;

  border-color: #eaeaea;

}

.btn-outline-light.btn-animated:focus, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:focus, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:focus, .btn-outline-light.btn-animated:active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:active, .btn-outline-light.btn-animated:hover, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:hover, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:hover, .btn-outline-light.btn-animated:not(:disabled):not(.disabled).active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:not(:disabled):not(.disabled).active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-outline-light.btn-animated:not(:disabled):not(.disabled):active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:not(:disabled):not(.disabled):active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled):active {

  color: #6f6f6f;

  background-color: transparent;

  background-image: none;

  border-color: #eaeaea;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



.btn-outline-white, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev {

  color: #fff;

  background-color: transparent;

  background-image: none;

  border-color: #fff;

}

.btn-outline-white:hover, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:hover, .btn-outline-white:focus, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:focus {

  color: #fff;

  background-color: transparent;

  border-color: #fff;

}

.btn-outline-white:not(:disabled):not(.disabled).active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: transparent;

  border-color: #fff;

}

.btn-outline-white.disabled, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.prev, .btn-outline-white:disabled, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:disabled {

  color: #fff;

  background-color: transparent;

  border-color: #fff;

}

.btn-outline-white.btn-animated:focus, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:focus, .btn-outline-white.btn-animated:active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:active, .btn-outline-white.btn-animated:hover, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:hover, .btn-outline-white.btn-animated:not(:disabled):not(.disabled).active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:not(:disabled):not(.disabled).active, .btn-outline-white.btn-animated:not(:disabled):not(.disabled):active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:not(:disabled):not(.disabled):active {

  color: #fff;

  background-color: transparent;

  background-image: none;

  border-color: #fff;

  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;

}



/*Buttons Check*/

.btn-check:active + .btn-info, .btn-check:checked + .btn-info {

  color: #fff;

  background-color: #16c7d7;

  border-color: #16c7d7;

}

.btn-check:active + .btn-success, .btn-check:checked + .btn-success {

  color: #fff;

  background-color: #00c172;

  border-color: #00c172;

}

.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning {

  color: #fff;

  background-color: #e6b000;

  border-color: #e6b000;

}

.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger {

  color: #fff;

  background-color: #e60000;

  border-color: #e60000;

}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary {

  color: #008977;

  background-color: #fbfaf3;

  border-color: #fbfaf3;

}

.btn-check:active + .btn-primary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:active + .hopscotch-nav-button.next, .btn-check:checked + .btn-primary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:checked + .hopscotch-nav-button.next {

  color: #fff;

  background-color: #008977;

  border-color: #008977;

}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark {

  color: #fff;

  background-color: #212429;

  border-color: #212429;

}

.btn-check:active + .btn-light, .btn-check:checked + .btn-light {

  color: #262a2e;

  background-color: #d8d8d8;

  border-color: #d8d8d8;

}

.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info {

  color: #fff;

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success {

  color: #fff;

  background-color: #00D67F;

  border-color: #00D67F;

}

.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning {

  color: #fff;

  background-color: #FFC400;

  border-color: #FFC400;

}

.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger {

  color: #fff;

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-check:active + .btn-outline-secondary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:active + .hopscotch-nav-button.prev, .btn-check:checked + .btn-outline-secondary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:checked + .hopscotch-nav-button.prev {

  color: #fff;

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary {

  color: #fff;

  background-color: var(--primary);

  border-color: var(--primary);

}

.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark {

  color: #fff;

  background-color: #262a2e;

  border-color: #262a2e;

}

.btn-check:active + .btn-outline-light, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-check:active + .btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:active + .hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-check:active + .hopscotch-nav-button.next, .btn-check:checked + .btn-outline-light, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-check:checked + .btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:checked + .hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-check:checked + .hopscotch-nav-button.next {

  color: #6f6f6f;

  background-color: #eaeaea;

  border-color: #eaeaea;

}



/*Buttons Group*/

.btn-group .btn + .btn, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button + .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .hopscotch-nav-button + .btn, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn + .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .btn + .hopscotch-nav-button, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button + .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .hopscotch-nav-button + .hopscotch-nav-button, .btn-group .btn + .btn-group, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button + .btn-group, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .hopscotch-nav-button + .btn-group, .btn-group .btn-group + .btn, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group + .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .btn-group + .hopscotch-nav-button, .btn-group .btn-group + .btn-group {

  margin-left: -1px;

}



.btn-group-vertical > .btn + .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .hopscotch-nav-button + .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .btn + .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .hopscotch-nav-button + .hopscotch-nav-button, .btn-group-vertical > .btn + .btn-group, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .hopscotch-nav-button + .btn-group, .btn-group-vertical > .btn-group + .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .btn-group + .hopscotch-nav-button, .btn-group-vertical > .btn-group + .btn-group {

  margin-top: -1px;

  margin-left: 0;

}



.btn-group-lg > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-lg > .hopscotch-nav-button,

.btn-lg {

  font-size: 1.125rem;

  padding: 0.5rem 1.3rem;

  border-radius: 0.375rem;

}



.btn-group-sm > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-sm > .hopscotch-nav-button,

.btn-sm,

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {

  font-size: 0.875rem;

  padding: .25rem .8rem;

  border-radius: 0.375rem;

}



.btn-group-xs > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-xs > .hopscotch-nav-button,

.btn-xs {

  font-size: .75rem;

  padding: .25rem .6rem;

}



/*Button Social*/

.btn-social {

  color: #fff;

  -webkit-transition: all 0.15s ease;

  -moz-transition: all 0.15s ease;

  transition: all 0.15s ease;

}

.btn-social:focus, .btn-social:active, .btn-social:hover {

  color: #fff;

  -webkit-transform: translateY(-3px);

  -moz-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  -o-transform: translateY(-3px);

  transform: translateY(-3px);

}

.btn-social.btn-social-facebook {

  background-color: #1778F2;

  border-color: #1778F2;

}

.btn-social.btn-social-facebook:focus, .btn-social.btn-social-facebook:active, .btn-social.btn-social-facebook:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(23, 120, 242, 0.6) !important;

}

.btn-social.btn-social-twitter {

  background-color: #00acee;

  border-color: #00acee;

}

.btn-social.btn-social-twitter:focus, .btn-social.btn-social-twitter:active, .btn-social.btn-social-twitter:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 172, 238, 0.6) !important;

}

.btn-social.btn-social-gplus {

  background-color: #db4a39;

  border-color: #db4a39;

}

.btn-social.btn-social-gplus:focus, .btn-social.btn-social-gplus:active, .btn-social.btn-social-gplus:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(219, 74, 57, 0.6) !important;

}

.btn-social.btn-social-linkedin {

  background-color: #0077B5;

  border-color: #0077B5;

}

.btn-social.btn-social-linkedin:focus, .btn-social.btn-social-linkedin:active, .btn-social.btn-social-linkedin:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 119, 181, 0.6) !important;

}

.btn-social.btn-social-instagram {

  border-color: transparent;

  background: #f0100f;

  background: linear-gradient(45deg, #f0100f, #b900b3) !important;

}

.btn-social.btn-social-instagram:focus, .btn-social.btn-social-instagram:active, .btn-social.btn-social-instagram:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(240, 16, 15, 0.6) !important;

  background: #f0100f;

  background: linear-gradient(45deg, #f0100f, #b900b3) !important;

}

.btn-social.btn-social-pinterest {

  background-color: #E60023;

  border-color: #E60023;

}

.btn-social.btn-social-pinterest:focus, .btn-social.btn-social-pinterest:active, .btn-social.btn-social-pinterest:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(230, 0, 35, 0.6) !important;

}

.btn-social.btn-social-dribbble {

  background-color: #ea4c89;

  border-color: #ea4c89;

}

.btn-social.btn-social-dribbble:focus, .btn-social.btn-social-dribbble:active, .btn-social.btn-social-dribbble:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(234, 76, 137, 0.6) !important;

}

.btn-social.btn-social-youtube {

  background-color: #FF0000;

  border-color: #FF0000;

}

.btn-social.btn-social-youtube:focus, .btn-social.btn-social-youtube:active, .btn-social.btn-social-youtube:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(255, 0, 0, 0.6) !important;

}

.btn-social.btn-social-dropbox {

  background-color: #0061ff;

  border-color: #0061ff;

}

.btn-social.btn-social-dropbox:focus, .btn-social.btn-social-dropbox:active, .btn-social.btn-social-dropbox:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 97, 255, 0.6) !important;

}

.btn-social.btn-social-github {

  background-color: #24292e;

  border-color: #24292e;

}

.btn-social.btn-social-github:focus, .btn-social.btn-social-github:active, .btn-social.btn-social-github:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(36, 41, 46, 0.6) !important;

}

.btn-social.btn-social-skype {

  background-color: #00aff0;

  border-color: #00aff0;

}

.btn-social.btn-social-skype:focus, .btn-social.btn-social-skype:active, .btn-social.btn-social-skype:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 175, 240, 0.6) !important;

}

.btn-social.btn-social-tumblr {

  background-color: #000000;

  border-color: #000000;

}

.btn-social.btn-social-tumblr:focus, .btn-social.btn-social-tumblr:active, .btn-social.btn-social-tumblr:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 0, 0, 0.6) !important;

}

.btn-social.btn-social-flickr {

  background-color: #0063dc;

  border-color: #0063dc;

}

.btn-social.btn-social-flickr:focus, .btn-social.btn-social-flickr:active, .btn-social.btn-social-flickr:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 99, 220, 0.6) !important;

}

.btn-social.btn-social-behance {

  background-color: #1769ff;

  border-color: #1769ff;

}

.btn-social.btn-social-behance:focus, .btn-social.btn-social-behance:active, .btn-social.btn-social-behance:hover {

  box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(23, 105, 255, 0.6) !important;

}



/*Wrapper*/

.hk-wrapper {

  position: relative;

}



.hk-pg-wrapper {

  padding: 65px 0 60px;

  position: relative;

  min-height: 100vh;

}



/*Gutter*/

.g-5, .gx-5 {

  --bs-gutter-x: 2rem;

}



.g-5, .gy-5 {

  --bs-gutter-y: 2rem;

}



.g-6, .gx-6 {

  --bs-gutter-x: 2.5rem;

}



.g-6, .gy-6 {

  --bs-gutter-y: 2.5rem;

}



.g-7, .gx-7 {

  --bs-gutter-x: 3rem;

}



.g-7, .gy-7 {

  --bs-gutter-y: 3rem;

}



@media (min-width: 576px) {

  .g-sm-5, .gx-sm-5 {

    --bs-gutter-x: 2rem;

  }



  .g-sm-5, .gy-sm-5 {

    --bs-gutter-y: 2rem;

  }



  .g-sm-6, .gx-sm-6 {

    --bs-gutter-x: 2.5rem;

  }



  .g-sm-6, .gy-sm-6 {

    --bs-gutter-y: 2.5rem;

  }



  .g-sm-7, .gx-sm-7 {

    --bs-gutter-x: 3rem;

  }



  .g-sm-7, .gy-sm-7 {

    --bs-gutter-y: 3rem;

  }

}

@media (min-width: 768px) {

  .g-md-5, .gx-md-5 {

    --bs-gutter-x: 2rem;

  }



  .g-md-5, .gy-md-5 {

    --bs-gutter-y: 2rem;

  }



  .g-md-6, .gx-md-6 {

    --bs-gutter-x: 2.5rem;

  }



  .g-md-6, .gy-md-6 {

    --bs-gutter-y: 2.5rem;

  }



  .g-md-7, .gx-md-7 {

    --bs-gutter-x: 3rem;

  }



  .g-md-7, .gy-md-7 {

    --bs-gutter-y: 3rem;

  }

}

@media (min-width: 992px) {

  .g-lg-5, .gx-lg-5 {

    --bs-gutter-x: 2rem;

  }



  .g-lg-5, .gy-lg-5 {

    --bs-gutter-y: 2rem;

  }



  .g-lg-6, .gx-lg-6 {

    --bs-gutter-x: 2.5rem;

  }



  .g-lg-6, .gy-lg-6 {

    --bs-gutter-y: 2.5rem;

  }



  .g-lg-7, .gx-lg-7 {

    --bs-gutter-x: 3rem;

  }



  .g-lg-7, .gy-lg-7 {

    --bs-gutter-y: 3rem;

  }

}

@media (min-width: 1200px) {

  .g-xl-5, .gx-xl-5 {

    --bs-gutter-x: 2rem;

  }



  .g-xl-5, .gy-xl-5 {

    --bs-gutter-y: 2rem;

  }



  .g-xl-6, .gx-xl-6 {

    --bs-gutter-x: 2.5rem;

  }



  .g-xl-6, .gy-xl-6 {

    --bs-gutter-y: 2.5rem;

  }



  .g-xl-7, .gx-xl-7 {

    --bs-gutter-x: 3rem;

  }



  .g-xl-7, .gy-xl-7 {

    --bs-gutter-y: 3rem;

  }

}

@media (min-width: 1400px) {

  .g-xxl-5, .gx-xxl-5 {

    --bs-gutter-x: 2rem;

  }



  .g-xxl-5, .gy-xxl-5 {

    --bs-gutter-y: 2rem;

  }



  .g-xxl-6, .gx-xxl-6 {

    --bs-gutter-x: 2.5rem;

  }



  .g-xxl-6, .gy-xxl-6 {

    --bs-gutter-y: 2.5rem;

  }



  .g-xxl-7, .gx-xxl-7 {

    --bs-gutter-x: 3rem;

  }



  .g-xxl-7, .gy-xxl-7 {

    --bs-gutter-y: 3rem;

  }

}

/*Hk Section*/

.hk-section {

  margin-bottom: 3.125rem;

}

.hk-section .hk-sec-title {

  margin-bottom: 1.25rem;

}



/*Card*/

.card {

  border-color: #eaeaea;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

  margin-bottom: .875rem;

  border-radius: 0.5rem;

}

.card .card-header {

  background: transparent;

  border-color: #eaeaea;

  padding: 0.75rem 1.25rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

}

.card .card-header > h1, .card .card-header > h2, .card .card-header > h3, .card .card-header > h4, .card .card-header > h5, .card .card-header > h6, .card .card-header > .h1, .card .card-header > .h2, .card .card-header > .h3, .card .card-header > .h4, .card .card-header > .h5, .card .card-header > .h6 {

  margin-bottom: 0;

}

.card .card-header.card-header-bold {

  font-size: 0.875rem;

  text-transform: uppercase;

  font-weight: 600;

}

.card .card-header.card-header-wth-bg {

  background: #f7f7f7;

  border-color: transparent;

}

.card .card-header.card-header-wth-bg.card-header-action .card-action-wrap {

  color: #fff;

}

.card .card-header.card-header-action .card-action-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.card .card-header.card-header-action .card-action-wrap > a.collapsed {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

}

.card .card-header.card-header-action.card-header-wth-text {

  align-items: flex-start;

  -webkit-box-align: flex-start;

  -ms-flex-align: flex-start;

  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;

}

.card .card-header.card-header-wth-bg-inv {

  color: #fff;

  background: #007D88;

  border-color: transparent;

}

.card .card-header.card-header-wth-bg-inv h1, .card .card-header.card-header-wth-bg-inv h2, .card .card-header.card-header-wth-bg-inv h3, .card .card-header.card-header-wth-bg-inv h4, .card .card-header.card-header-wth-bg-inv h5, .card .card-header.card-header-wth-bg-inv h6, .card .card-header.card-header-wth-bg-inv .h1, .card .card-header.card-header-wth-bg-inv .h2, .card .card-header.card-header-wth-bg-inv .h3, .card .card-header.card-header-wth-bg-inv .h4, .card .card-header.card-header-wth-bg-inv .h5, .card .card-header.card-header-wth-bg-inv .h6 {

  color: #fff;

}

.card .card-header:first-child {

  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;

}

.card .card-header .nav-tabs.card-header-tabs {

  border-bottom: 0;

}

.card.sticky-card-header .card-header {

  top: 64px;

  position: -webkit-sticky;

  position: sticky;

  z-index: 100;

}

.card .card-text {

  margin-bottom: 1rem;

}

.card .card-text:last-child {

  margin-bottom: 0;

}

.card .card-title {

  font-size: 1rem;

  color: #262a2e;

  font-weight: 500;

}

.card .card-subtitle {

  font-size: 0.875rem;

}

.card .card-body {

  padding: 1.25rem;

  min-height: 1px;

}

.card .card-body > .card-action-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: absolute;

  right: 14px;

  top: 8px;

}

.card .card-body > .card-action-wrap .btn, .card .card-body > .card-action-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .card .card-body > .card-action-wrap .hopscotch-nav-button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-shrink: 0;

}

.card .card-body > .card-close {

  position: absolute;

  right: 14px;

  top: 10px;

  cursor: pointer;

}

.card .card-body > .card-close a {

  color: #262a2e;

  -webkit-transition: 0.2s ease;

  -moz-transition: 0.2s ease;

  transition: 0.2s ease;

  margin-left: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  opacity: .6;

  font-size: 1.125rem;

}

.card .card-body > .card-close a:hover {

  opacity: 1;

}

.card.close-over .btn-close {

  position: absolute;

  top: -10px;

  right: -10px;

}

.card.card-selected {

  position: relative;

  border-color: #007D88;

}

.card.card-selected:after {

  height: 22px;

  width: 22px;

  background: #007D88;

  color: #fff;

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  cursor: pointer;

  font: normal normal normal 16px/1 'Material-Design-Iconic-Font';

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\f26b";

  top: -10px;

  right: -10px;

  line-height: 0;

  position: absolute;

}

.card .card-footer {

  background: transparent;

  border-color: #eaeaea;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.75rem 1.25rem;

}

.card .card-footer:last-child {

  border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);

}

.card .card-img-bg {

  overflow: hidden;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.card.card-refresh {

  position: relative;

}

.card.card-refresh .refresh-container {

  background: rgba(255, 255, 255, 0.9);

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  display: none;

  z-index: 5;

  cursor: wait;

  border-radius: 0.5rem;

  overflow: hidden;

}

.card.card-refresh .refresh-container .loader-pendulums {

  font-size: 2rem;

}

.card.fullscreen {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: 0;

  position: fixed;

  overflow-y: auto;

  z-index: 1040;

  border-radius: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.card.card-lg .card-header,

.card.card-lg .card-footer {

  padding: 1rem 1.5rem;

}

.card.card-lg .card-body {

  padding: 1.5rem;

}

.card.card-sm .card-header,

.card.card-sm .card-footer {

  padding: .625rem 1rem;

}

.card.card-sm .card-body {

  padding: 1rem;

}

.card.card-shadow {

  border: none;

  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);

}

.card.card-flush {

  border: none;

  box-shadow: none;

}

.card.card-border {

  border: 1px solid #eaeaea;

  box-shadow: none;

}

.card.card-simple .card-header,

.card.card-simple .card-footer {

  border: none;

}

.card.card-wth-line {

  padding-top: .25rem;

  border-top: 0;

}

.card.card-wth-line .card-line {

  position: absolute;

  top: 0;

  height: 30px;

  width: 100%;

  border-top-left-radius: 0.5rem;

  border-top-right-radius: 0.5rem;

}

.card.card-wth-line .card-body {

  position: relative;

  z-index: 1;

  background: #fff;

  border-top-left-radius: 0.5rem;

  border-top-right-radius: 0.5rem;

}

.card.card-wth-progress .progress {

  background: transparent;

  border-top-left-radius: 0.5rem;

  border-top-right-radius: 0.5rem;

}

.card.card-wth-tabs > .card-header {

  padding-bottom: .5rem;

}



.card-img, .card-img-top {

  border-top-left-radius: calc(0.5rem - 1px);

  border-top-right-radius: calc(0.5rem - 1px);

}



.card-img, .card-img-bottom {

  border-bottom-right-radius: calc(0.5rem - 1px);

  border-bottom-left-radius: calc(0.5rem - 1px);

}



.card-group > .card {

  margin-bottom: .875rem;

}



.hk-wrapper.hk-menu-toggle .card.fullscreen {

  left: 0;

}



@media (max-width: 1199px) {

  .card.fullscreen {

    left: 0;

  }



  .hk-wrapper.hk-menu-toggle .card.fullscreen {

    left: 269px;

    right: -269px;

  }

}

@media (max-width: 576px) {

  .card.card-lg .card-header,

  .card.card-lg .card-footer {

    padding: .75rem 1.25rem;

  }

  .card.card-lg .card-body {

    padding: 1.25rem;

  }

}

/*Placehoder*/

.placeholder {

  border-radius: 0.25rem;

}



/*Breadcrumb*/

.breadcrumb .breadcrumb-item {

  font-size: 0.875rem;

}

.breadcrumb .breadcrumb-item > a {

  color: #2F343A;

}

.breadcrumb .breadcrumb-item > a:hover, .breadcrumb .breadcrumb-item > a:focus {

  color: #007D88;

}

.breadcrumb .breadcrumb-item.active {

  color: #6f6f6f;

}

.breadcrumb.breadcrumb-sm .breadcrumb-item {

  font-size: 0.75rem;

}

.breadcrumb.breadcrumb-dark .breadcrumb-item > a {

  color: rgba(255, 255, 255, 0.85);

}

.breadcrumb.breadcrumb-dark .breadcrumb-item > a:hover, .breadcrumb.breadcrumb-dark .breadcrumb-item > a:focus {

  color: white;

}

.breadcrumb.breadcrumb-dark .breadcrumb-item.active {

  color: rgba(255, 255, 255, 0.7);

}

.breadcrumb.breadcrumb-dark .breadcrumb-item + .breadcrumb-item:before {

  color: rgba(255, 255, 255, 0.3);

}

.breadcrumb.breadcrumb-full-width {

  border-radius: 0;

}



.breadcrumb-item + .breadcrumb-item {

  padding-left: .3rem;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: flex;

}

.breadcrumb-item + .breadcrumb-item:before {

  font-family: "dripicons-v2" !important;

  content: "V";

  padding-right: .3rem;

  position: relative;

  top: 1px;

  font-size: 0.625rem;

  color: rgba(181, 181, 181, 0.8);

}



/*Page Header*/

.hk-pg-header {

  padding: 1.25rem 0;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

}

.hk-pg-header .pg-title {

  font-size: 1.75rem;

  font-weight: 700;

  margin-bottom: .3rem;

}

.hk-pg-header .pg-title-sm {

  font-size: 1.5rem;

  font-weight: 700;

  margin-bottom: .25rem;

}

.hk-pg-header .pg-title-xs {

  font-size: 1.25rem;

  font-weight: 700;

  margin-bottom: .25rem;

}

.hk-pg-header .breadcrumb {

  padding-top: 0;

  padding-left: 0;

  padding-right: 0;

  margin-bottom: 0.5rem;

}

.hk-pg-header .pg-subtitle {

  font-size: 0.75rem;

  text-transform: uppercase;

  font-weight: 600;

  margin-bottom: .3rem;

}

.hk-pg-header .pg-stats-group {

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-pg-header .pg-stats-group .stats-symbol {

  display: -ms-flexbox;

  display: flex;

  padding-right: .25rem;

}

.hk-pg-header .pg-stats-group .stats-symbol .feather-icon svg, .hk-pg-header .pg-stats-group .stats-symbol .svg-icon svg {

  height: 13px;

  width: 13px;

}

.hk-pg-header .pg-stats-group .stats-title {

  font-size: 0.875rem;

}

.hk-pg-header .pg-stats-group .stats-dot-sep {

  padding: 0 .625rem;

  color: #d8d8d8;

}

.hk-pg-header .pg-stats-group .stats-line-sep {

  padding: 0 .625rem;

  color: #d8d8d8;

}

.hk-pg-header .pg-header-action-wrap {

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-pg-header.pg-header-wth-tab {

  padding-bottom: 0;

}

.hk-pg-header.pg-header-wth-tab .nav-tabs {

  margin-top: 1.875rem;

  border-bottom: none;

}

.hk-pg-header.pg-header-wth-img {

  position: relative;

  background-image: url(../img/cropper.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.hk-pg-header.pg-header-wth-img:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #262a2e;

  opacity: .6;

}

.hk-pg-header.pg-header-wth-img > div, .hk-pg-header.pg-header-wth-img > .nav-tabs {

  position: relative;

  z-index: 2;

}

.hk-pg-header.pg-header-wth-bg {

  background: #f7f7f7;

  border-bottom: none;

}

.hk-pg-header.pg-header-wth-bg .nav-tabs .nav-item .nav-link,

.hk-pg-header.pg-header-wth-bg .nav-tabs .nav-item .nav-link.active {

  border: none;

}

.hk-pg-header.pg-header-wth-bg .nav-tabs .nav-item.show .nav-link {

  border: none;

}

.hk-pg-header.pg-header-dark .pg-title,

.hk-pg-header.pg-header-dark .pg-title-sm,

.hk-pg-header.pg-header-dark .pg-title-xs {

  color: #fff;

}

.hk-pg-header.pg-header-dark .pg-subtitle, .hk-pg-header.pg-header-dark p {

  color: rgba(255, 255, 255, 0.8);

}

.hk-pg-header.pg-header-dark .pg-stats-group .stats-symbol,

.hk-pg-header.pg-header-dark .pg-stats-group .stats-title {

  color: rgba(255, 255, 255, 0.8);

}

.hk-pg-header.pg-header-dark .pg-stats-group .stats-line-sep,

.hk-pg-header.pg-header-dark .pg-stats-group .stats-dot-sep {

  color: rgba(255, 255, 255, 0.3);

}

.hk-pg-header.pg-header-dark .hk-vertical-separator-full:after {

  background: rgba(255, 255, 255, 0.2);

}



@media (max-width: 767px) {

  .hk-pg-header .pg-title {

    font-size: 1.625rem;

  }

}

/*Page Body*/

.hk-pg-body {

  padding: 2rem 0;

}



/*Form*/

.form-group {

  margin-bottom: 1rem;

}


.form-control, .form-select, .wizard > .content > .body input, .dd-handle {

  color: #262a2e;

  border-color: #d8d8d8;

  border-radius: 0.375rem;

}

.form-control.square-input, .square-input.form-select, .wizard > .content > .body input.square-input, .square-input.dd-handle {

  border-radius: 0;

}

.form-control:focus, .form-select:focus, .wizard > .content > .body input:focus, .dd-handle:focus {
      border: 0px solid var(--primary) !important;
      box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;

}

.form-control:disabled, .form-select:disabled, .wizard > .content > .body input:disabled, .dd-handle:disabled {

  color: #b5b5b5;

  background-color: #f7f7f7;

  cursor: not-allowed;

}

.form-control[readonly], [readonly].form-select, .wizard > .content > .body input[readonly], [readonly].dd-handle {

  border-color: #c7c7c7;

  box-shadow: none;

  color: #6f6f6f;

  background-color: #f7f7f7;

}

.form-control:hover:not(:disabled):not([readonly]), .form-select:hover:not(:disabled):not([readonly]), .wizard > .content > .body input:hover:not(:disabled):not([readonly]), .dd-handle:hover:not(:disabled):not([readonly]) {

  border-color: #007D88;

  z-index: 4;

}

.form-control.rounded-input, .rounded-input.form-select, .wizard > .content > .body input.rounded-input, .rounded-input.dd-handle {

  border-radius: 50rem !important;

}

.form-control::placeholder, .form-select::placeholder, .wizard > .content > .body input::placeholder, .dd-handle::placeholder {

  color: #9e9e9e;

}

.form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, .wizard > .content > .body input::-webkit-input-placeholder, .dd-handle::-webkit-input-placeholder {

  color: #9e9e9e;

}

.form-control:-moz-placeholder, .form-select:-moz-placeholder, .wizard > .content > .body input:-moz-placeholder, .dd-handle:-moz-placeholder {

  color: #9e9e9e;

}

.form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, .wizard > .content > .body input:-ms-input-placeholder, .dd-handle:-ms-input-placeholder {

  color: #9e9e9e;

}

.form-control.form-control-line, .form-control-line.form-select, .wizard > .content > .body input.form-control-line, .form-control-line.dd-handle {

  border-top: 0;

  border-left: 0;

  border-right: 0;

  border-radius: 0;

  padding-left: 0;

  background: transparent !important;

}

.form-control.form-control-line:focus, .form-control-line.form-select:focus, .wizard > .content > .body input.form-control-line:focus, .form-control-line.dd-handle:focus {

  box-shadow: none;

}

.form-control::file-selector-button, .form-select::file-selector-button, .wizard > .content > .body input::file-selector-button, .dd-handle::file-selector-button, .form-control::-webkit-file-upload-button, .form-select::-webkit-file-upload-button, .wizard > .content > .body input::-webkit-file-upload-button, .dd-handle::-webkit-file-upload-button {

  background: #fff !important;

  color: #262a2e;

}



textarea.form-control, textarea.form-select, textarea.dd-handle {

  height: auto;

}



.form-select {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

}

.form-select:hover:not(:disabled) {

  border-color: #007D88;

  z-index: 4;

}



.form-select[multiple], .form-select[size]:not([size="1"]) {

  height: auto;

}



.input-group-lg > .form-select,

.form-select-lg {

  padding-right: 1.75rem;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

}



.input-group-sm > .form-select,

.form-select-sm {

  padding-right: 1.75rem;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

}



.form-control-lg,

.form-select-lg {

  font-size: 1.125rem;

}



/*Checkbox*/

.form-check-input[type=checkbox] {

  border-radius: 0.125em;

}

.form-check-input:checked {

  background-color: var(--primary);

  border-color: var(--primary);

}

.form-check-input:focus {

  box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.16);

}

.form-check-input:disabled ~ .form-check-label {

  color: #5e7d8a;

}



.form-switch .form-check-input[type=checkbox] {

  border-radius: 2em;

}



.form-check-lg {

  min-height: 2rem;

  padding-left: 2em;

}

.form-check-lg .form-check-input {

  height: 1.25rem;

  width: 1.25rem;

  margin-left: -2em;

  margin-top: 0.3rem;

}

.form-check-lg .form-check-label {

  font-size: 1.025rem;

  margin-top: .2rem;

}



.form-check-sm .form-check-input {

  height: 0.875rem;

  width: 0.875rem;

  margin-top: 0.275em;

}

.form-check-sm .form-check-label {

  font-size: .875rem;

}



.checkbox-circle.form-check-input {

  border-radius: 50%;

}



/*Form Switch*/

.form-switch.form-switch-lg {

  padding-left: 3.5rem;

}

.form-switch.form-switch-lg .form-check-input {

  height: 1.3em;

  width: 2.8em;

  margin-left: -3.5em;

}

.form-switch.form-switch-lg .form-check-label {

  font-size: 1.025rem;

  margin-top: 0.1rem;

}

.form-switch.form-switch-xl {

  padding-left: 4.5rem;

}

.form-switch.form-switch-xl .form-check-input {

  height: 1.8em;

  width: 3.5em;

  margin-left: -4.5em;

}

.form-switch.form-switch-xl .form-check-label {

  font-size: 1.2rem;

  margin-top: 0.2rem;

}



/*Form Range*/

.form-range:focus::-webkit-slider-thumb {

  box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.25);

}

.form-range:focus::-moz-range-thumb {

  box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.25);

}

.form-range::-webkit-slider-thumb {

  background-color: #007D88;

}

.form-range::-webkit-slider-thumb:active {

  background-color: #99cbcf;

}



/*Form validation*/

.form-control.is-valid, .is-valid.form-select, .wizard > .content > .body input.is-valid, .is-valid.dd-handle {

  border-color: #00D67F;

  background-image: none;

  padding-right: inherit;

  z-index: 4;

}

.form-control.is-valid:hover, .is-valid.form-select:hover, .wizard > .content > .body input.is-valid:hover, .is-valid.dd-handle:hover {

  border-color: #00D67F !important;

}

.form-control.is-valid:focus, .is-valid.form-select:focus, .wizard > .content > .body input.is-valid:focus, .is-valid.dd-handle:focus {

  border-color: #00D67F;

  box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);

}

.form-control.is-invalid, .is-invalid.form-select, .wizard > .content > .body input.is-invalid, .is-invalid.dd-handle {

  border-color: #FF0000 !important;

  background-image: none;

  padding-right: inherit;

  z-index: 4;

}

.form-control.is-invalid:focus, .is-invalid.form-select:focus, .wizard > .content > .body input.is-invalid:focus, .is-invalid.dd-handle:focus {

  border-color: #FF0000;

  box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);

}



.form-select.is-valid {

  border-color: #00D67F;

  background-image: none;

  padding-right: inherit;

  z-index: 4;

}

.form-select.is-valid:hover {

  border-color: #00D67F !important;

}

.form-select.is-valid:focus {

  border-color: #00D67F;

  box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);

}

.form-select.is-invalid {

  border-color: #FF0000;

  background-image: none;

  padding-right: inherit;

  z-index: 4;

}

.form-select.is-invalid:hover {

  border-color: #FF0000 !important;

}

.form-select.is-invalid:focus {

  border-color: #FF0000;

  box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);

}



.form-check-input.is-valid {

  border-color: #00D67F;

}

.form-check-input.is-valid:checked {

  background-color: #00D67F;

}

.form-check-input.is-valid:focus {

  box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);

}

.form-check-input.is-valid ~ .form-check-label {

  color: #00D67F;

}

.form-check-input.is-invalid {

  border-color: #FF0000;

}

.form-check-input.is-invalid:checked {

  background-color: #FF0000;

}

.form-check-input.is-invalid:focus {

  box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);

}

.form-check-input.is-invalid ~ .form-check-label {

  color: #FF0000;

}



.was-validated .form-select:valid {

  border-color: #00D67F;

  background-image: none;

  padding-right: inherit;

  z-index: 4;

}

.was-validated .form-select:valid:hover {

  border-color: #00D67F !important;

}

.was-validated .form-select:valid:focus {

  border-color: #00D67F;

  box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);

}

.was-validated .form-select:invalid {

  border-color: #FF0000;

  background-image: none;

  padding-right: inherit;

  z-index: 4;

}

.was-validated .form-select:invalid:hover {

  border-color: #FF0000 !important;

}

.was-validated .form-select:invalid:focus {

  border-color: #FF0000;

  box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);

}

.was-validated .form-control:valid, .was-validated .form-select:valid, .was-validated .wizard > .content > .body input:valid, .wizard > .content > .body .was-validated input:valid, .was-validated .dd-handle:valid {

  border-color: #00D67F;

  background-image: none;

  padding-right: inherit;

  z-index: 4;

}

.was-validated .form-control:valid:hover, .was-validated .form-select:valid:hover, .was-validated .wizard > .content > .body input:valid:hover, .wizard > .content > .body .was-validated input:valid:hover, .was-validated .dd-handle:valid:hover {

  border-color: #00D67F !important;

}

.was-validated .form-control:valid:focus, .was-validated .form-select:valid:focus, .was-validated .wizard > .content > .body input:valid:focus, .wizard > .content > .body .was-validated input:valid:focus, .was-validated .dd-handle:valid:focus {

  border-color: #00D67F;

  box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);

}

.was-validated .form-control:invalid, .was-validated .form-select:invalid, .was-validated .wizard > .content > .body input:invalid, .wizard > .content > .body .was-validated input:invalid, .was-validated .dd-handle:invalid {

  border-color: #FF0000;

  background-image: none;

  padding-right: inherit;

  z-index: 4;

}

.was-validated .form-control:invalid:hover, .was-validated .form-select:invalid:hover, .was-validated .wizard > .content > .body input:invalid:hover, .wizard > .content > .body .was-validated input:invalid:hover, .was-validated .dd-handle:invalid:hover {

  border-color: #FF0000 !important;

}

.was-validated .form-control:invalid:focus, .was-validated .form-select:invalid:focus, .was-validated .wizard > .content > .body input:invalid:focus, .wizard > .content > .body .was-validated input:invalid:focus, .was-validated .dd-handle:invalid:focus {

  border-color: #FF0000;

  box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);

}

.was-validated .form-check-input:valid {

  border-color: #00D67F;

}

.was-validated .form-check-input:valid:checked {

  background-color: #00D67F;

}

.was-validated .form-check-input:valid:focus {

  box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);

}

.was-validated .form-check-input:valid ~ .form-check-label {

  color: #00D67F;

}

.was-validated .form-check-input:invalid {

  border-color: #FF0000;

}

.was-validated .form-check-input:invalid:checked {

  background-color: #FF0000;

}

.was-validated .form-check-input:invalid:focus {

  box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);

}

.was-validated .form-check-input:invalid ~ .form-check-label {

  color: #FF0000;

}



.valid-feedback {

  color: #00D67F;

}



.invalid-feedback {

  color: #FF0000;

}



.valid-tooltip {

  background: #00D67F;

}



.invalid-tooltip {

  background: #FF0000;

}



/*Input group*/

.input-affix-wrapper {

  display: flex;

  position: relative;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.input-affix-wrapper .input-prefix,

.input-affix-wrapper .input-suffix {

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  position: absolute;

  z-index: 5;

  padding: 0.375rem 0.75rem;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.5;

  min-width: 1.8rem;

}

.input-affix-wrapper .input-prefix {

  left: 0;

}

.input-affix-wrapper .input-suffix {

  right: 0;

}

.input-affix-wrapper .form-control:not(:first-child), .input-affix-wrapper .form-select:not(:first-child), .input-affix-wrapper .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper input:not(:first-child), .input-affix-wrapper .dd-handle:not(:first-child),

.input-affix-wrapper .form-select:not(:first-child) {

  padding-left: 2.5rem;

}

.input-affix-wrapper .form-control:not(:last-child), .input-affix-wrapper .form-select:not(:last-child), .input-affix-wrapper .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper input:not(:last-child), .input-affix-wrapper .dd-handle:not(:last-child),

.input-affix-wrapper .form-select:not(:last-child) {

  padding-right: 2.5rem;

}

.input-affix-wrapper.input-affix-wrapper-sm .input-prefix,

.input-affix-wrapper.input-affix-wrapper-sm .input-suffix {

  font-size: 0.875rem;

  padding: 0.25rem 0.5rem;

  min-width: 1.5rem;

}

.input-affix-wrapper.input-affix-wrapper-sm .form-control, .input-affix-wrapper.input-affix-wrapper-sm .form-select, .input-affix-wrapper.input-affix-wrapper-sm .wizard > .content > .body input, .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-sm input, .input-affix-wrapper.input-affix-wrapper-sm .dd-handle,

.input-affix-wrapper.input-affix-wrapper-sm .form-select {

  padding: .25rem .5rem;

  font-size: .875rem;

}

.input-affix-wrapper.input-affix-wrapper-sm .form-control:not(:first-child), .input-affix-wrapper.input-affix-wrapper-sm .form-select:not(:first-child), .input-affix-wrapper.input-affix-wrapper-sm .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-sm input:not(:first-child), .input-affix-wrapper.input-affix-wrapper-sm .dd-handle:not(:first-child),

.input-affix-wrapper.input-affix-wrapper-sm .form-select:not(:first-child) {

  padding-left: 2rem;

}

.input-affix-wrapper.input-affix-wrapper-sm .form-control:not(:last-child), .input-affix-wrapper.input-affix-wrapper-sm .form-select:not(:last-child), .input-affix-wrapper.input-affix-wrapper-sm .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-sm input:not(:last-child), .input-affix-wrapper.input-affix-wrapper-sm .dd-handle:not(:last-child),

.input-affix-wrapper.input-affix-wrapper-sm .form-select:not(:last-child) {

  padding-right: 2rem;

}

.input-affix-wrapper.input-affix-wrapper-lg .input-prefix,

.input-affix-wrapper.input-affix-wrapper-lg .input-suffix {

  font-size: 1.25rem;

  padding: 0.5rem 1rem;

  min-width: 2rem;

}

.input-affix-wrapper.input-affix-wrapper-lg .form-control, .input-affix-wrapper.input-affix-wrapper-lg .form-select, .input-affix-wrapper.input-affix-wrapper-lg .wizard > .content > .body input, .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-lg input, .input-affix-wrapper.input-affix-wrapper-lg .dd-handle,

.input-affix-wrapper.input-affix-wrapper-lg .form-select {

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

}

.input-affix-wrapper.input-affix-wrapper-lg .form-control:not(:first-child), .input-affix-wrapper.input-affix-wrapper-lg .form-select:not(:first-child), .input-affix-wrapper.input-affix-wrapper-lg .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-lg input:not(:first-child), .input-affix-wrapper.input-affix-wrapper-lg .dd-handle:not(:first-child),

.input-affix-wrapper.input-affix-wrapper-lg .form-select:not(:first-child) {

  padding-left: 3rem;

}

.input-affix-wrapper.input-affix-wrapper-lg .form-control:not(:last-child), .input-affix-wrapper.input-affix-wrapper-lg .form-select:not(:last-child), .input-affix-wrapper.input-affix-wrapper-lg .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-lg input:not(:last-child), .input-affix-wrapper.input-affix-wrapper-lg .dd-handle:not(:last-child),

.input-affix-wrapper.input-affix-wrapper-lg .form-select:not(:last-child) {

  padding-right: 3rem;

}

.input-affix-wrapper.affix-border .input-prefix,

.input-affix-wrapper.affix-border .input-suffix {

  border: 1px solid #d8d8d8;

  border-radius: 0.375rem;

  padding: 0;

}

.input-affix-wrapper.affix-border .input-suffix {

  margin-right: 0.5rem;

}

.input-affix-wrapper.affix-border .input-prefix {

  margin-left: 0.5rem;

}

.input-affix-wrapper.affix-wth-text .form-control:not(:first-child), .input-affix-wrapper.affix-wth-text .form-select:not(:first-child), .input-affix-wrapper.affix-wth-text .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text input:not(:first-child), .input-affix-wrapper.affix-wth-text .dd-handle:not(:first-child),

.input-affix-wrapper.affix-wth-text .form-select:not(:first-child) {

  padding-left: 3.5rem;

}

.input-affix-wrapper.affix-wth-text .form-control:not(:last-child), .input-affix-wrapper.affix-wth-text .form-select:not(:last-child), .input-affix-wrapper.affix-wth-text .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text input:not(:last-child), .input-affix-wrapper.affix-wth-text .dd-handle:not(:last-child),

.input-affix-wrapper.affix-wth-text .form-select:not(:last-child) {

  padding-right: 3.5rem;

}

.input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-control:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-select:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm input:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .dd-handle:not(:first-child),

.input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-select:not(:first-child) {

  padding-left: 3rem;

}

.input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-control:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-select:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm input:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .dd-handle:not(:last-child),

.input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-select:not(:last-child) {

  padding-right: 3rem;

}

.input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-control:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-select:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg input:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .dd-handle:not(:first-child),

.input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-select:not(:first-child) {

  padding-left: 4.5rem;

}

.input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-control:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-select:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg input:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .dd-handle:not(:last-child),

.input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-select:not(:last-child) {

  padding-right: 4.5rem;

}



.input-group-lg > .form-select,

.input-group-lg > .form-control,

.input-group-lg > .form-select,

.wizard > .content > .body .input-group-lg > input,

.input-group-lg > .dd-handle,

.input-group-sm > .form-select,

.input-group-sm > .form-control,

.input-group-sm > .form-select,

.wizard > .content > .body .input-group-sm > input,

.input-group-sm > .dd-handle {

  border-radius: 0.375rem;

}



.input-group > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-group > .hopscotch-nav-button, .input-group > .form-control, .input-group > .form-select, .wizard > .content > .body .input-group > input, .input-group > .dd-handle, .input-group > .form-select, .input-group > .input-group-text,

.input-group-sm > .btn,

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-group-sm > .hopscotch-nav-button, .input-group-sm > .form-control, .input-group-sm > .form-select, .wizard > .content > .body .input-group-sm > input, .input-group-sm > .dd-handle, .input-group-sm > .form-select, .input-group-sm > .input-group-text,

.input-group-lg > .btn,

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-group-lg > .hopscotch-nav-button, .input-group-lg > .form-control, .input-group-lg > .form-select, .wizard > .content > .body .input-group-lg > input, .input-group-lg > .dd-handle, .input-group-lg > .form-select, .input-group-lg > .input-group-text {

  border-radius: 0.375rem;

}



.input-group-text {

  border-color: #d8d8d8;

  background-color: #fff;

  border-width: 1px;

  border-radius: 0.375rem;

  color: #6f6f6f;

  overflow: hidden;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  min-width: 45px;

}



.input-group-lg .input-group-text {

  min-width: 55px;

}



.input-group-sm .input-group-text {

  min-width: 40px;

}



.input-group.input-group-wth-icon {

  position: relative;

  align-items: center;

}

.input-group.input-group-wth-icon .input-group-text {

  position: absolute;

  height: calc(100% - 2px);

  z-index: 5;

  border: 0;

  background: transparent;

  pointer-events: none;

}

.input-group.input-group-wth-icon .input-group-text:not(:last-child) {

  left: 0;

}

.input-group.input-group-wth-icon .input-group-text:not(:first-child) {

  right: 0;

}

.input-group.input-group-wth-icon .form-control, .input-group.input-group-wth-icon .form-select, .input-group.input-group-wth-icon .wizard > .content > .body input, .wizard > .content > .body .input-group.input-group-wth-icon input, .input-group.input-group-wth-icon .dd-handle {

  border-radius: 0.5rem !important;

}

.input-group.input-group-wth-icon .form-control:not(:first-child), .input-group.input-group-wth-icon .form-select:not(:first-child), .input-group.input-group-wth-icon .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-group.input-group-wth-icon input:not(:first-child), .input-group.input-group-wth-icon .dd-handle:not(:first-child) {

  padding-left: 2.6rem;

}

.input-group.input-group-wth-icon .form-control:not(:last-child), .input-group.input-group-wth-icon .form-select:not(:last-child), .input-group.input-group-wth-icon .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-group.input-group-wth-icon input:not(:last-child), .input-group.input-group-wth-icon .dd-handle:not(:last-child) {

  padding-right: 2.6rem;

}

.input-group.input-group-sm.input-group-wth-icon .form-control:not(:first-child), .input-group.input-group-sm.input-group-wth-icon .form-select:not(:first-child), .input-group.input-group-sm.input-group-wth-icon .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-group.input-group-sm.input-group-wth-icon input:not(:first-child), .input-group.input-group-sm.input-group-wth-icon .dd-handle:not(:first-child) {

  padding-left: 2.3rem;

}

.input-group.input-group-sm.input-group-wth-icon .form-control:not(:last-child), .input-group.input-group-sm.input-group-wth-icon .form-select:not(:last-child), .input-group.input-group-sm.input-group-wth-icon .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-group.input-group-sm.input-group-wth-icon input:not(:last-child), .input-group.input-group-sm.input-group-wth-icon .dd-handle:not(:last-child) {

  padding-right: 2.3rem;

}

.input-group.input-group-lg.input-group-wth-icon .form-control:not(:first-child), .input-group.input-group-lg.input-group-wth-icon .form-select:not(:first-child), .input-group.input-group-lg.input-group-wth-icon .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-group.input-group-lg.input-group-wth-icon input:not(:first-child), .input-group.input-group-lg.input-group-wth-icon .dd-handle:not(:first-child) {

  padding-left: 3.1rem;

}

.input-group.input-group-lg.input-group-wth-icon .form-control:not(:last-child), .input-group.input-group-lg.input-group-wth-icon .form-select:not(:last-child), .input-group.input-group-lg.input-group-wth-icon .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-group.input-group-lg.input-group-wth-icon input:not(:last-child), .input-group.input-group-lg.input-group-wth-icon .dd-handle:not(:last-child) {

  padding-right: 3.1rem;

}

.input-group .form-select.is-valid, .input-group .form-select.is-invalid,

.input-group .form-control.is-valid,

.input-group .is-valid.form-select,

.input-group .wizard > .content > .body input.is-valid,

.wizard > .content > .body .input-group input.is-valid,

.input-group .is-valid.dd-handle,

.input-group .form-control.is-invalid,

.input-group .is-invalid.form-select,

.input-group .wizard > .content > .body input.is-invalid,

.wizard > .content > .body .input-group input.is-invalid,

.input-group .is-invalid.dd-handle {

  z-index: 4;

}

.input-group > .input-affix-wrapper {

  flex: 1 1 auto;

  min-width: 0;

  width: 1%;

}

.input-group > .input-affix-wrapper:not(:first-child) .form-control, .input-group > .input-affix-wrapper:not(:first-child) .form-select, .input-group > .input-affix-wrapper:not(:first-child) .wizard > .content > .body input, .wizard > .content > .body .input-group > .input-affix-wrapper:not(:first-child) input, .input-group > .input-affix-wrapper:not(:first-child) .dd-handle,

.input-group > .input-affix-wrapper:not(:first-child) .form-select {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}

.input-group > .input-affix-wrapper:not(:last-child) .form-control, .input-group > .input-affix-wrapper:not(:last-child) .form-select, .input-group > .input-affix-wrapper:not(:last-child) .wizard > .content > .body input, .wizard > .content > .body .input-group > .input-affix-wrapper:not(:last-child) input, .input-group > .input-affix-wrapper:not(:last-child) .dd-handle,

.input-group > .input-affix-wrapper:not(:last-child) .form-select {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}



label {

  color: #262a2e;

}



.custom-file-label {

  color: #262a2e;

  border: 1px solid #d8d8d8;

  height: calc(2.25rem + 2px);

}

.custom-file-label:after {

  border-left: 0;

  background: #f7f7f7;

}



.form-label-group {

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  margin-bottom: .5rem;

}

.form-label-group label {

  margin-bottom: 0;

}



/*Input Search*/

.input-search .btn-input-clear {

  cursor: pointer;

  line-height: 0;

}

.input-search .btn-input-clear,

.input-search .input-loader {

  display: none;

}

.input-search.loading .btn-input-clear {

  display: none !important;

}

.input-search.loading .input-loader {

  display: block;

}



/*Spinner*/

.spinner-border {

  border-width: 0.125em;

}



.spinner-border-sm {

  border-width: 0.1em;

}



/*Input Spinner*/

.input-spinner-wrap .btn, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .hopscotch-nav-button {

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  border-color: #d8d8d8 !important;

  background: #fff !important;

  color: #9e9e9e !important;

}

.input-spinner-wrap .btn strong, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button strong, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .hopscotch-nav-button strong {

  display: none;

}

.input-spinner-wrap .btn:after, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .hopscotch-nav-button:after {

  font: normal normal normal 20px/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

}

.input-spinner-wrap .btn.btn-decrement:after, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-decrement.hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .btn-decrement.hopscotch-nav-button:after {

  content: '\f273';

}

.input-spinner-wrap .btn.btn-increment:after, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-increment.hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .btn-increment.hopscotch-nav-button:after {

  content: '\f278';

}

.input-spinner-wrap .input-group.input-group-sm .btn.btn-outline-light:after, .input-spinner-wrap .input-group.input-group-sm div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-outline-light.hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-sm .btn-outline-light.hopscotch-nav-button:after, .input-spinner-wrap .input-group.input-group-sm div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.btn-primary:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-sm .hopscotch-nav-button.btn-primary:after, .input-spinner-wrap .input-group.input-group-sm .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.btn-primary:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-sm .hopscotch-nav-button.btn-primary:after, .input-spinner-wrap .input-group.input-group-sm .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-sm .hopscotch-nav-button.next:after, .input-spinner-wrap .input-group.input-group-sm div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-sm .hopscotch-nav-button.next:after, .input-spinner-wrap .input-group.input-group-sm .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn.btn-primary:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-sm .btn.btn-primary:after {

  font-size: 1rem;

}

.input-spinner-wrap .input-group.input-group-lg .btn.btn-outline-light:after, .input-spinner-wrap .input-group.input-group-lg div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-outline-light.hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-lg .btn-outline-light.hopscotch-nav-button:after, .input-spinner-wrap .input-group.input-group-lg div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.btn-primary:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-lg .hopscotch-nav-button.btn-primary:after, .input-spinner-wrap .input-group.input-group-lg .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.btn-primary:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-lg .hopscotch-nav-button.btn-primary:after, .input-spinner-wrap .input-group.input-group-lg .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-lg .hopscotch-nav-button.next:after, .input-spinner-wrap .input-group.input-group-lg div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-lg .hopscotch-nav-button.next:after, .input-spinner-wrap .input-group.input-group-lg .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn.btn-primary:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-lg .btn.btn-primary:after {

  font-size: 1.5rem;

}



/*Select2*/

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}



.select2-dropdown {

  border-color: #d8d8d8;

}



.select2-container {

  width: 100% !important;

}

.select2-container.select2-container--default.select2-container--disabled {

  cursor: not-allowed;

}

.select2-container.select2-container--default.select2-container--disabled .select2-selection--single {

  background-color: #f7f7f7;

  pointer-events: none;

}



.select2-container--default .select2-selection--single,

.select2-container--default .select2-selection--multiple {

  display: block;

  width: 100%;

  height: calc(2.25rem + 2px);

  padding: .375rem 1rem;

  font-size: 1rem;

  line-height: 1.5;

  color: #262a2e;

  background-color: #fff;

  border: 1px solid #d8d8d8;

  border-radius: 0.5rem;

  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.select2-container--default .select2-selection--single:hover,

.select2-container--default .select2-selection--multiple:hover {

  border-color: #007D88;

}

.select2-container--default .select2-selection--single:focus,

.select2-container--default .select2-selection--multiple:focus {

  border-color: #007D88;

  box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.25);

}

.select2-container--default .select2-selection--single .select2-selection__arrow,

.select2-container--default .select2-selection--multiple .select2-selection__arrow {

  height: calc(2.25rem + 2px);

  top: 0;

  right: 6px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b,

.select2-container--default .select2-selection--multiple .select2-selection__arrow b {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 16px 12px;

  height: 100%;

  width: 20px;

  display: block;

  border: none;

  margin: auto;

  position: static;

}

.select2-container--default .select2-selection--single .select2-selection__rendered,

.select2-container--default .select2-selection--multiple .select2-selection__rendered {

  color: #262a2e;

  line-height: inherit;

  padding-left: 0;

  padding-right: 0;

}

.select2-container--default .select2-search--dropdown .select2-search__field {

  border-color: #d8d8d8;

}

.select2-container--default.select2-container--focus .select2-selection--multiple {

  border: solid #007D88 1px;

  box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.25);

}

.select2-container--default.select2-container--open .select2-selection--single {

  border-color: #007D88;

}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {

  border-top-right-radius: 0.5rem;

  border-top-left-radius: 0.5rem;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: #007D88;

}

.select2-container--default .select2-results__option[aria-selected="true"] {

  background-color: #f7f7f7;

  color: #262a2e;

}

.select2-container--default .select2-selection--multiple {

  height: auto;

  min-height: calc(2.25rem + 2px);

  padding: 0;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

  background-color: #f7f7f7;

  border: none;

  font-size: 75%;

  border-radius: .25rem;

  color: #262a2e;

  margin-right: .375rem;

  margin-top: .375rem;

  padding: .25rem .5rem;

  font-weight: 500;

  text-transform: capitalize;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {

  color: #262a2e;

  font-weight: 600;

  margin-left: .375rem;

  float: right;

  font-size: 0.875rem;

  opacity: 0.5;

  padding-top: 1px;

  height: 0;

  position: relative;

  top: -2px;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {

  opacity: 1;

}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {

  padding: 0 1rem;

}



.select2-container--default .select2-results__group,

.select2-results__option {

  padding: .375rem 1rem;

}



/*Tinymce*/

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {

  color: #8e8e8e !important;

}



.mce-text {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.mce-menu-item .mce-caret {

  border-left-color: #8e8e8e !important;

}



div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover {

  border-bottom-color: #d8d8d8 !important;

}



.mce-menu {

  border-bottom-color: #d8d8d8 !important;

}



.tinymce-wrap .mce-tinymce {

  box-shadow: none;

}

.tinymce-wrap .mce-toolbar .mce-btn-group {

  padding: .25rem 0;

}

.tinymce-wrap .mce-btn-group .mce-btn {

  margin-left: .25rem;

  margin-right: .25rem;

}

.tinymce-wrap .mce-btn-group:not(:first-child) {

  border-left: none;

  padding-left: 0;

  margin-left: 0;

}

.tinymce-wrap .mce-container, .tinymce-wrap .mce-container *, .tinymce-wrap .mce-widget, .tinymce-wrap .mce-widget *, .tinymce-wrap .mce-reset {

  font-family: inherit;

  color: #8e8e8e;

}

.tinymce-wrap .mce-panel {

  border-color: #d8d8d8;

  border-radius: .25rem;

}

.tinymce-wrap .mce-top-part::before {

  box-shadow: none;

}

.tinymce-wrap .mce-btn:hover, .tinymce-wrap .mce-btn.mce-disabled:hover button,

.tinymce-wrap .mce-menubar .mce-menubtn:hover, .tinymce-wrap .mce-menubar .mce-menubtn:focus {

  border-color: transparent;

  border-radius: .25rem;

  background: #f7f7f7;

  color: #262a2e;

}

.tinymce-wrap .mce-btn.mce-active:hover, .tinymce-wrap .mce-btn.mce-active:focus, .tinymce-wrap .mce-btn.mce-active:active {

  background: #f7f7f7;

  border-color: transparent;

}

.tinymce-wrap .mce-btn.mce-active,

.tinymce-wrap .mce-btn:active {

  background: #f7f7f7;

  border-color: transparent;

}

.tinymce-wrap .mce-btn.mce-active button i,

.tinymce-wrap .mce-btn:active button i {

  color: #007D88 !important;

}

.tinymce-wrap .mce-btn.mce-active button, .tinymce-wrap .mce-btn.mce-active:hover button, .tinymce-wrap .mce-btn.mce-active i, .tinymce-wrap .mce-btn.mce-active:hover i {

  color: #007D88;

}

.tinymce-wrap .mce-btn.mce-active .mce-caret, .tinymce-wrap .mce-btn.mce-active:hover .mce-caret {

  border-top-color: #8e8e8e;

}



.mce-ico {

  font-family: 'tinymce',Arial !important;

  color: #5f5f5f !important;

}



.mce-menu-item.mce-active.mce-menu-item-normal {

  background: #f7f7f7 !important;

}



.mce-tooltip {

  opacity: 1 !important;

  filter: alpha(opacity=100) !important;

}



.mce-tooltip-inner {

  font-size: 0.75rem !important;

  background-color: #262a2e !important;

  padding: 0.25rem 0.5rem !important;

  border-radius: 0.5rem;

  color: #fff !important;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.mce-tooltip-arrow {

  border-bottom-color: #262a2e !important;

}



.mce-menu-item:hover, .mce-menu-item:focus {

  background: #f7f7f7 !important;

}



/*File Upload*/

.btn-file {

  overflow: hidden;

  position: relative;

  vertical-align: middle;

  display: inline-block;

}

.btn-file input {

  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  font-size: 1.5rem;

  height: 100%;

  width: 100%;

  direction: ltr;

  cursor: pointer;

}



.fileinput-exists .fileinput-new,

.fileinput-new .fileinput-exists {

  display: none;

}



.fileinput.input-group > .input-group-append:last-child > .btn.btn-file:not(:last-child):not(.dropdown-toggle), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.input-group > .input-group-append:last-child > .btn-file.hopscotch-nav-button:not(:last-child):not(.dropdown-toggle), .fileinput.input-group > .input-group-append:not(:last-child) > .btn.btn-file, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.input-group > .input-group-append:not(:last-child) > .btn-file.hopscotch-nav-button, .fileinput.input-group > .input-group-prepend > .btn.btn-file, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.input-group > .input-group-prepend > .btn-file.hopscotch-nav-button {

  border-top-right-radius: 0.5rem;

  border-bottom-right-radius: 0.5rem;

}

.fileinput.fileinput-exists.input-group > .input-group-append:last-child > .btn.btn-file:not(:last-child):not(.dropdown-toggle), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.fileinput-exists.input-group > .input-group-append:last-child > .btn-file.hopscotch-nav-button:not(:last-child):not(.dropdown-toggle), .fileinput.fileinput-exists.input-group > .input-group-append:not(:last-child) > .btn.btn-file, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.fileinput-exists.input-group > .input-group-append:not(:last-child) > .btn-file.hopscotch-nav-button, .fileinput.fileinput-exists.input-group > .input-group-prepend > .btn.btn-file, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.fileinput-exists.input-group > .input-group-prepend > .btn-file.hopscotch-nav-button {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}



.dropzone {

  border: 1px dashed #d8d8d8;

  color: #262a2e;

  border-radius: 0.25rem;

}

.dropzone .dz-message {

  margin: 3em 0;

  font-weight: 500;

  color: #262a2e;

}

.dropzone .dz-preview .dz-details {

  color: #262a2e;

}

.dropzone .dz-preview .dz-filename span {

  background-color: transparent;

}

.dropzone .dz-preview .dz-image {

  border-radius: 0.25rem;

}

.dropzone .dz-preview.dz-file-preview .dz-image {

  border-radius: 0.25rem;

}



.dropify-wrapper {

  border: 1px dashed #d8d8d8;

  border-radius: 0.25rem;

  font-family: inherit;

  color: #262a2e;

  font-size: 1rem;

  padding: 1rem;

}

.dropify-wrapper .dropify-message p .main-text {

  display: block;

  color: #262a2e;

  font-weight: 500;

}

.dropify-wrapper .dropify-message p .sub-text {

  font-size: 0.875rem;

  display: block;

  color: #6f6f6f;

}

.dropify-wrapper .dropify-message span.file-icon {

  font-size: 2rem;

  color: #fff;

  height: 3rem;

  width: 3rem;

  display: block;

  margin: auto;

  color: #9e9e9e;

  position: relative;

}

.dropify-wrapper .dropify-message span.file-icon:before {

  content: "\F603";

  display: inline-block;

  font-family: bootstrap-icons !important;

  font-style: normal;

  font-weight: normal !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  vertical-align: -0.125em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  top: 50%;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.dropify-wrapper .dropify-preview .dropify-infos {

  background: rgba(47, 52, 58, 0.85);

}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {

  font-weight: 500;

}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {

  margin-top: 0px;

  padding-top: 0px;

  opacity: 1;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.5px;

  color: #9e9e9e;

  font-size: 0.875rem;

}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message:before {

  display: none;

}

.dropify-wrapper .dropify-clear {

  border: none;

  font-size: 0.75rem;

  padding: .125rem .375rem;

  font-weight: 500;

  letter-spacing: 0.5px;

  top: 8px;

  right: 8px;

}

.dropify-wrapper .dropify-clear:hover {

  border-radius: 1rem;

}

.dropify-wrapper:hover {

  background-image: none;

}



.dropify-square .dropify-wrapper,

.dropify-circle .dropify-wrapper {

  height: 7.5rem;

  width: 7.5rem;

  overflow: visible;

}

.dropify-square .dropify-wrapper .dropify-message,

.dropify-circle .dropify-wrapper .dropify-message {

  font-size: 0.875rem;

}

.dropify-square .dropify-wrapper .dropify-message span.file-icon,

.dropify-circle .dropify-wrapper .dropify-message span.file-icon {

  font-size: 1.25rem;

  height: 1.25rem;

  width: 1.25rem;

}

.dropify-square .dropify-wrapper .dropify-message p,

.dropify-circle .dropify-wrapper .dropify-message p {

  font-size: 0.875rem;

}

.dropify-square .dropify-wrapper .dropify-preview,

.dropify-circle .dropify-wrapper .dropify-preview {

  border-radius: 50%;

  padding: 0;

}

.dropify-square .dropify-wrapper:hover .dropify-clear, .dropify-square .dropify-wrapper:hover .dropify-preview .dropify-infos,

.dropify-circle .dropify-wrapper:hover .dropify-clear,

.dropify-circle .dropify-wrapper:hover .dropify-preview .dropify-infos {

  opacity: 0;

}



.dropify-circle .dropify-wrapper {

  border-radius: 50%;

}



/*Form-Wizard*/

.wizard > .steps li > a {

  border: 1px solid #d8d8d8;

  border-radius: 0 !important;

  background: #fff !important;

  font-weight: 500;

  position: relative;

}

.wizard > .steps li > a:after {

  content: "\eb74";

  font-family: 'remixicon';

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  height: 1rem;

  width: 1rem;

  background: #d8d8d8;

  border-radius: 50%;

  right: 0.5rem;

  top: 0.5rem;

  color: #fff;

  font-size: 0.875rem;

  -webkit-transition: all 0.1s ease;

  -moz-transition: all 0.1s ease;

  transition: all 0.1s ease;

}

.wizard > .steps li > a:before {

  content: "";

  position: absolute;

  background: transparent;

  height: 3px;

  width: 100%;

  left: 0;

  bottom: 0;

  -webkit-transition: all 0.1s ease;

  -moz-transition: all 0.1s ease;

  transition: all 0.1s ease;

}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {

  color: #262a2e;

}

.wizard > .steps .current a:before, .wizard > .steps .current a:hover:before, .wizard > .steps .current a:active:before {

  background: #007D88;

}

.wizard > .steps .current.error a, .wizard > .steps .current.error a:hover, .wizard > .steps .current.error a:active {

  color: #FF0000;

}

.wizard > .steps .current.error a:before, .wizard > .steps .current.error a:hover:before, .wizard > .steps .current.error a:active:before {

  background: #FF0000;

}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {

  color: #262a2e;

  overflow: hidden;

}

.wizard > .steps .done a:after, .wizard > .steps .done a:hover:after, .wizard > .steps .done a:active:after {

  background: #00D67F;

}

.wizard > .steps .done a:before, .wizard > .steps .done a:hover:before, .wizard > .steps .done a:active:before {

  background: transparent;

}

.wizard > .content {

  background: #fff;

  border-radius: 0;

  min-height: 100px;

  margin: 0;

  border: none;

  padding-bottom: .625rem;

}

.wizard > .content > .body {

  width: 100%;

  height: auto;

  padding: 1.875rem;

  position: static;

}

.wizard > .content > .body label.error {

  color: #FF0000;

}

.wizard > .content > .body input.error {

  background: #fff;

  border-color: #FF0000 !important;

  color: #262a2e;

}

.wizard > .content > .body input.error:focus {

  box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);

}

.wizard > .actions {

  background: #fff;

  padding: .625rem 1.875rem;

}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {

  display: inline-block;

  font-weight: 400;

  text-align: center;

  white-space: nowrap;

  background: #007D88;

  vertical-align: middle;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  border: 1px solid #007D88;

  text-transform: capitalize;

  outline: none;

  font-size: 1rem;

  padding: 0.375rem 1rem;

  border-radius: 0.5rem;

}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {

  color: #fff;

  background-color: #99cbcf;

  border-color: #99cbcf;

}



@media (max-width: 991px) {

  .wizard .steps ul > li {

    width: 100%;

  }

}

/*Popover*/

.popover {

  border: none;

  border-radius: 0.5rem;

  font-family: var(--bs-body-font-family);

  box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1);

}



.popover-header {

  color: #262a2e;

  background-color: #fff;

  padding: 0.65rem .75rem;

  border-radius: 0.5rem 0.5rem 0 0;

  border-color: #d8d8d8;

}



.popover-body {

  padding: .65rem .75rem;

  color: #6f6f6f;

  border-radius: 0.5rem;

  font-size: 1rem;

}



.bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-top > .arrow::before {

  border-top-color: transparent;

}



.bs-popover-auto[x-placement^="bottom"] > .arrow::before, .bs-popover-bottom > .arrow::before {

  border-bottom-color: transparent;

}



.bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before {

  border-left-color: transparent;

}



.bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before {

  border-right-color: transparent;

}



/*Collapse*/

.collapse-simple > .card {

  margin-bottom: 0;

  box-shadow: none;

  border: 0;

  border-bottom: 1px solid #eaeaea;

  border-radius: 0;

  padding: 0.5rem 0;

}

.collapse-simple > .card:last-child {

  border-bottom: 0;

}

.collapse-simple > .card > .card-header {

  padding: 0;

  border: 0;

}

.collapse-simple > .card > .card-header > * {

  font-size: 0.875rem;

  font-weight: 500;

  padding: .5rem 0;

  display: block;

  width: 100%;

  color: #007D88;

  text-align: left;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background: transparent;

  border: none;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.collapse-simple > .card > .card-header > *::before {

  content: '\f2f9';

  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';

  font-size: 1.25rem;

  text-rendering: auto;

  position: absolute;

  top: 8px;

  right: 0;

  color: rgba(38, 42, 46, 0.3);

}

.collapse-simple > .card > .card-header > *.collapsed:before {

  content: '\f2fc';

}

.collapse-simple > .card > div > .card-body {

  padding: .5rem 0;

}



/*Accordion*/

.accordion .accordion-button {

  color: #262a2e;

  font-weight: 500;

  padding: .75rem 1.25rem;

}

.accordion .accordion-button:not(.collapsed) {

  background: #007D88;

  color: #fff;

  box-shadow: none;

  border-bottom: 1px solid #d8d8d8;

}

.accordion .accordion-button:not(.collapsed)::after {

  background: none;

  color: rgba(255, 255, 255, 0.3);

}

.accordion .accordion-button:focus {

  box-shadow: none;

}

.accordion .accordion-button::after {

  width: auto;

  height: auto;

  background: none;

  content: '\f2f9';

  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';

  font-size: 1.25rem;

  text-rendering: auto;

  position: absolute;

  top: 12px;

  right: 20px;

  color: rgba(38, 42, 46, 0.3);

}

.accordion .accordion-item:first-of-type {

  border-top-left-radius: calc(0.5rem - 1px);

  border-top-right-radius: calc(0.5rem - 1px);

}

.accordion .accordion-item:first-of-type .accordion-button {

  border-top-left-radius: calc(0.5rem - 1px);

  border-top-right-radius: calc(0.5rem - 1px);

}

.accordion .accordion-item:last-of-type {

  border-bottom-left-radius: calc(0.5rem - 1px);

  border-bottom-right-radius: calc(0.5rem - 1px);

}

.accordion .accordion-item:last-of-type .accordion-button.collapsed {

  border-bottom-right-radius: calc(0.5rem - 1px);

  border-bottom-left-radius: calc(0.5rem - 1px);

}

.accordion.accordion-flush .accordion-item:first-of-type {

  border-radius: 0;

}

.accordion.accordion-flush .accordion-item:first-of-type .accordion-button {

  border-radius: 0;

}

.accordion.accordion-flush .accordion-item:last-of-type {

  border-radius: 0;

}

.accordion.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {

  border-radius: 0;

}

.accordion.accordion-card > .accordion-item {

  margin-bottom: 1.875rem;

  border-bottom: 1px;

  border: 1px solid #d8d8d8;

  border-radius: calc(0.5rem - 1px);

  overflow: hidden;

}

.accordion.accordion-card.accordion-card-shadow > .accordion-item {

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

}

.accordion.accordion-card.accordion-card-bold > .accordion-item .accordion-body {

  background: #007D88;

  color: #fff;

}

.accordion.accordion-soft .accordion-button:not(.collapsed) {

  background: #ebf5f5;

  color: #007D88;

}

.accordion.accordion-soft .accordion-button:not(.collapsed):after {

  color: rgba(38, 42, 46, 0.3);

}

.accordion.accordion-soft.accordion-card.accordion-card-bold > .accordion-item .accordion-body {

  background: #ebf5f5;

  color: #007D88;

}

.accordion.accordion-soft.accordion-soft-content .accordion-button:not(.collapsed) {

  background: transparent;

}

.accordion.accordion-soft.accordion-soft-content > .accordion-item .accordion-body {

  background: #ebf5f5;

  color: #262a2e;

}

.accordion.accordion-simple .accordion-button:not(.collapsed) {

  background: transparent;

  color: #007D88;

}

.accordion.accordion-simple .accordion-button:not(.collapsed)::after {

  color: rgba(38, 42, 46, 0.3);

}

.accordion.accordion-simple.accordion-card.accordion-card-bold .accordion-button {

  border-color: transparent;

}

.accordion.accordion-simple.accordion-card.accordion-card-bold .accordion-item .accordion-body {

  background: transparent;

  color: inherit;

}

.accordion.accordion-icon .accordion-button .acon-icon {

  min-width: 30px;

  display: inline-block;

  margin-right: .625rem;

  font-size: 1.5rem;

}



/*Table*/

.table {

  --bs-table-striped-color: #262a2e;

  --bs-table-active-color: #262a2e;

  --bs-table-hover-color: #262a2e;

  --bs-table-hover-bg: #f7f7f7;

  color: #6f6f6f;

  border-color: #eaeaea;

}

.table thead th,

.table tfoot th {

  vertical-align: middle;

  font-weight: 500;

  color: #262a2e;

  font-size: 0.875rem;

  text-transform: capitalize;

}

.table thead th .form-check,

.table tfoot th .form-check {

  font-size: 1rem;

}

.table td, .table th {

  vertical-align: middle;

  padding: .75rem 1.25rem;

}

.table td a.table-link-text:hover, .table th a.table-link-text:hover {

  text-decoration: underline;

}

.table.table-fixed {

  table-layout: fixed;

}

.table.table-lg td, .table.table-lg th {

  padding: 1rem 1.5rem;

}

.table:not(.table-borderless) > :not(:first-child) {

  border-top: 0;

}

.table.table-sm td, .table.table-sm th {

  padding: .625rem 1rem;

}

.table.nowrap th, .table.nowrap td {

  white-space: nowrap;

}

.table .tb-truncate {

  max-width: 1px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.table .tb-truncate > * {

  overflow: hidden;

  text-overflow: ellipsis;

}

.table .thead-primary th,

.table .thead-success th,

.table .thead-info th,

.table .thead-warning th,

.table .thead-danger th,

.table .thead-secondary th,

.table .thead-dark th {

  color: #fff;

}

.table .thead-success th {

  background-color: #00D67F;

}

.table .thead-info th {

  background-color: #18DDEF;

}

.table .thead-warning th {

  background-color: #FFC400;

}

.table .thead-danger th {

  background-color: #FF0000;

}

.table .thead-secondary th {

  background-color: #6f6f6f;

}

.table .thead-primary th {

  background-color: #008977;

}

.table .thead-light th {

  background-color: #f7f7f7;

}

.table .thead-dark th {

  background-color: #262a2e;

}

.table.table-dark thead th, .table.table-dark tfoot th {

  color: #fff;

}

.table.table-fc-fixed thead th:first-child {

  position: sticky;

  left: 0;

  z-index: 2;

  background: #fff;

}

.table.table-fc-fixed tbody th, .table.table-fc-fixed tbody tr td:first-child {

  position: sticky;

  left: 0;

  z-index: 2;

  background: #fff;

}

.table.table-lc-fixed thead th:last-child {

  position: sticky;

  right: 0;

  z-index: 2;

  background: #fff;

}

.table.table-lc-fixed tbody tr td:last-child {

  position: sticky;

  right: 0;

  z-index: 2;

  background: #fff;

}

.table table thead th:first-child {

  position: sticky;

  left: 0;

  z-index: 2;

}



.table-row-gap td {

  border: 0 !important;

}



table.sticky-table-header thead tr th {

  position: sticky;

  top: 64px;

  z-index: 99;

}



.table-action-hover .table-action {

  opacity: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: #fff;

  right: 1.25rem;

  transition: all 0.1s;

}

.table-action-hover .table-action::before {

  width: 120px;

  content: "";

  height: 100%;

  margin-left: -120px;

  position: absolute;

  top: 0;

  left: 0;

  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);

}

.table-action-hover tr:hover .table-action {

  opacity: 1;

}

.table-action-hover.table-hover .table-action {

  background-color: var(--bs-table-hover-bg);

}

.table-action-hover.table-hover .table-action::before {

  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--bs-table-hover-bg) 100%);

}



.table-primary {

  --bs-table-bg: #e6f2f3;

  --bs-table-striped-bg: #b3d8db;

  --bs-table-striped-color: color-contrast(#b3d8db);

  --bs-table-active-bg: #d9eced;

  --bs-table-active-color: color-contrast(#d9eced);

  --bs-table-hover-bg: #cce5e7;

  --bs-table-hover-color: color-contrast(#cce5e7);

  color: #008977;

  border-color: #80bec4;

}



.table-secondary {

  --bs-table-bg: #f1f1f1;

  --bs-table-striped-bg: #d4d4d4;

  --bs-table-striped-color: color-contrast(#d4d4d4);

  --bs-table-active-bg: #e9e9e9;

  --bs-table-active-color: color-contrast(#e9e9e9);

  --bs-table-hover-bg: #e2e2e2;

  --bs-table-hover-color: color-contrast(#e2e2e2);

  color: #6f6f6f;

  border-color: #b7b7b7;

}



.table-success {

  --bs-table-bg: #e6fbf2;

  --bs-table-striped-bg: #b3f3d9;

  --bs-table-striped-color: color-contrast(#b3f3d9);

  --bs-table-active-bg: #d9f9ec;

  --bs-table-active-color: color-contrast(#d9f9ec);

  --bs-table-hover-bg: #ccf7e5;

  --bs-table-hover-color: color-contrast(#ccf7e5);

  color: #00D67F;

  border-color: #80ebbf;

}



.table-info {

  --bs-table-bg: #e8fcfd;

  --bs-table-striped-bg: #baf5fa;

  --bs-table-striped-color: color-contrast(#baf5fa);

  --bs-table-active-bg: #dcfafd;

  --bs-table-active-color: color-contrast(#dcfafd);

  --bs-table-hover-bg: #d1f8fc;

  --bs-table-hover-color: color-contrast(#d1f8fc);

  color: #18DDEF;

  border-color: #8ceef7;

}



.table-warning {

  --bs-table-bg: #fff9e6;

  --bs-table-striped-bg: #ffedb3;

  --bs-table-striped-color: color-contrast(#ffedb3);

  --bs-table-active-bg: #fff6d9;

  --bs-table-active-color: color-contrast(#fff6d9);

  --bs-table-hover-bg: #fff3cc;

  --bs-table-hover-color: color-contrast(#fff3cc);

  color: #FFC400;

  border-color: #ffe280;

}



.table-danger {

  --bs-table-bg: #ffe6e6;

  --bs-table-striped-bg: #ffb3b3;

  --bs-table-striped-color: color-contrast(#ffb3b3);

  --bs-table-active-bg: #ffd9d9;

  --bs-table-active-color: color-contrast(#ffd9d9);

  --bs-table-hover-bg: #ffcccc;

  --bs-table-hover-color: color-contrast(#ffcccc);

  color: #FF0000;

  border-color: #ff8080;

}



.table-light {

  --bs-table-bg: #f7f7f7;

  --bs-table-striped-bg: #eaeaea;

  --bs-table-striped-color: color-contrast(#eaeaea);

  --bs-table-active-bg: #e9e9e9;

  --bs-table-active-color: color-contrast(#e9e9e9);

  --bs-table-hover-bg: #d8d8d8;

  --bs-table-hover-color: color-contrast(#d8d8d8);

  color: #6f6f6f;

  border-color: #d8d8d8;

}



.table-dark {

  --bs-table-bg: #262a2e;

  --bs-table-striped-bg: #2a2f34;

  --bs-table-striped-color: color-contrast(#2a2f34);

  --bs-table-active-bg: #3c3f43;

  --bs-table-active-color: color-contrast(#3c3f43);

  --bs-table-hover-bg: #2a2f34;

  --bs-table-hover-color: color-contrast(#2a2f34);

  color: #fff;

  border-color: #2a2f34;

}



@media (max-width: 1200px) {

  .table-responsive .table > tbody > tr > td,

  .table-responsive .table > tbody > tr > th,

  .table-responsive .table > tfoot > tr > td,

  .table-responsive .table > tfoot > tr > th,

  .table-responsive .table > thead > tr > td,

  .table-responsive .table > thead > tr > th {

    white-space: nowrap;

  }

}

/*Data Table*/

table.dataTable thead td, table.dataTable thead th {

  position: relative;

  background-image: none !important;

}

table.dataTable thead td.sorting_asc, table.dataTable thead td.sorting_desc, table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc {

  color: #007D88;

  background-image: none !important;

}

table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {

  display: inline-block;

  font-family: remixicon;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 0.875rem;

  text-transform: none;

  text-rendering: auto;

  line-height: 1;

  position: absolute;

  z-index: 10;

  right: 7px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {

  content: "";

  bottom: auto;

  opacity: 1;

}

table.dataTable thead td.sorting::before, table.dataTable thead th.sorting::before {

  content: "\ea72";

}

table.dataTable thead td.sorting.sorting_asc::before, table.dataTable thead th.sorting.sorting_asc::before {

  content: "\f0fa"

}

table.dataTable thead td.sorting.sorting_desc::after, table.dataTable thead th.sorting.sorting_desc::after {

  content: "\f0fa";

}

table.dataTable thead td.sorting.sorting_desc::before, table.dataTable thead th.sorting.sorting_desc::before {

  content: "";

}

table.dataTable tbody tr.selected td {

  background-color: #ebf5f5;

  color: #262a2e;

}

table.dataTable tbody tr.group, table.dataTable tbody tr.group:hover {

  color: #007D88 !important;

  font-weight: 600;

  text-transform: uppercase;

}

table.dt-rowReorder-float {

  outline-offset: 0;

  outline-color: #007D88;

}



div.dataTables_wrapper .dataTables_length select {

  margin-right: .625rem;

}

div.dataTables_wrapper div.dataTables_filter input {

  margin-left: 0 !important;

  width: 100% !important;

}

div.dataTables_wrapper .dataTables_scrollBody {

  border-left: 0 !important;

}

div.dataTables_wrapper .dataTables_scrollBody thead th {

  overflow: hidden;

}

div.dataTables_wrapper .dataTables_scrollBody table {

  margin-bottom: 1rem !important;

}

div.dataTables_wrapper div.dataTables_info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  height: 100%;

  padding-top: 0;

}



/*Advance Table*/

.table-advance th, .table-advance td {

  border: none;

}

.table-advance tbody tr {

  -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);

  -moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);

  border-radius: 0.5rem;

}

.table-advance tbody tr th, .table-advance tbody tr td {

  border: none;

  position: relative;

}

.table-advance tbody tr th:after, .table-advance tbody tr td:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  border-top: 1px solid #d8d8d8;

  border-bottom: 1px solid #d8d8d8;

  left: 0;

  top: 0;

  pointer-events: none;

}

.table-advance tbody tr th:first-child:after, .table-advance tbody tr td:first-child:after {

  border-left: 1px solid #d8d8d8;

  border-radius: 0.5rem 0 0 0.5rem;

}

.table-advance tbody tr th:last-child:after, .table-advance tbody tr td:last-child:after {

  border-right: 1px solid #d8d8d8;

  border-radius: 0 0.5rem 0.5rem 0;

}

.table-advance tbody tr.table-row-gap {

  box-shadow: none;

  pointer-events: none;

}

.table-advance tbody tr.table-row-gap th, .table-advance tbody tr.table-row-gap td {

  padding: .5rem;

}

.table-advance tbody tr.table-row-gap th:after, .table-advance tbody tr.table-row-gap td:after {

  display: none;

}

.table-advance.table-striped tbody tr:nth-of-type(odd) {

  background-color: transparent;

}



/*Apex Chart*/

.apexcharts-legend .apexcharts-legend-marker {

  margin-right: .625rem;

}



.apexcharts-toolbar {

  max-width: inherit !important;

}

.apexcharts-toolbar .apexcharts-zoom-icon,

.apexcharts-toolbar .apexcharts-zoomin-icon,

.apexcharts-toolbar .apexcharts-zoomout-icon,

.apexcharts-toolbar .apexcharts-reset-icon,

.apexcharts-toolbar .apexcharts-pan-icon,

.apexcharts-toolbar .apexcharts-selection-icon,

.apexcharts-toolbar .apexcharts-menu-icon,

.apexcharts-toolbar .apexcharts-toolbar-custom-icon {

  height: auto;

  width: auto;

  color: #262a2e;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  margin-left: 1rem;

  margin-right: 0;

}

.apexcharts-toolbar svg {

  fill: none !important;

  height: 18px;

  width: 18px;

}

.apexcharts-toolbar .apexcharts-menu {

  min-width: 10rem;

  padding: .5rem 0;

  margin: .125rem 0 0;

}

.apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {

  padding: .25rem 1.5rem;

  text-align: left;

  color: #262a2e;

  font-size: 1rem;

}

.apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item:hover {

  background-color: #f7f7f7;

}



.apexcharts-canvas .apexcharts-xaxistooltip,

.apexcharts-canvas .apexcharts-yaxistooltip {

  font-size: 0.75rem;

  background: #262a2e;

  color: #fff;

  border-radius: 0.5rem;

  max-width: 200px;

  padding: .25rem .5rem;

  text-align: center;

}

.apexcharts-canvas .apexcharts-xaxistooltip:before, .apexcharts-canvas .apexcharts-xaxistooltip:after,

.apexcharts-canvas .apexcharts-yaxistooltip:before,

.apexcharts-canvas .apexcharts-yaxistooltip:after {

  display: none;

}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {

  border-radius: 0.5rem;

  max-width: 200px;

  text-align: center;

  font-size: 0.75rem;

}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {

  border-radius: 0.5rem;

  font-size: 1rem;

  color: #6f6f6f;

  border: none;

  box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1);

}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {

  color: #fff;

  background-color: #007D88;

  border-bottom: none;

  padding: 0.65rem .75rem;

  border-radius: 0.5rem 0.5rem 0 0;

}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group {

  padding-left: .75rem;

  padding-right: .75rem;

}



#chart_year,

#chart_quarter {

  width: 96%;

  max-width: 48%;

  box-shadow: none;

  padding-left: 0;

  padding-top: 1.25rem;

  background: #fff;

}



#chart_year {

  float: left;

  position: relative;

  -webkit-transition: 1s ease transform;

  -moz-transition: 1s ease transform;

  transition: 1s ease transform;

  z-index: 3;

}



#chart_year.chart_quarter-activated {

  transform: translateX(0);

  -webkit-transition: 1s ease transform;

  -moz-transition: 1s ease transform;

  transition: 1s ease transform;

}



#chart_quarter {

  float: left;

  position: relative;

  z-index: -2;

  -webkit-transition: 1s ease transform;

  -moz-transition: 1s ease transform;

  transition: 1s ease transform;

}



#chart_quarter.active {

  -webkit-transition: 1.1s ease-in-out transform;

  -moz-transition: 1.1s ease-in-out transform;

  transition: 1.1s ease-in-out transform;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  z-index: 1;

}



.apexcharts-datalabel-value {

  fill: #262a2e !important;

}



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

  #chart_year {

    -webkit-transform: translateX(50%);

    -moz-transform: translateX(50%);

    -ms-transform: translateX(50%);

    -o-transform: translateX(50%);

    transform: translateX(50%);

  }



  #chart_quarter {

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

  }

}

/*charts*/

.hk-charts-pg .hk-container-mwlg .card .card-footer {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  min-height: 139px;

}

.hk-charts-pg .hk-container-mwlg .card:hover .card-footer {

  background: #f7f7f7;

}



/*Nestable*/

.dd-handle {

  font-weight: 500;

  margin: 0 0 .375rem;

  padding: .5rem 1rem;

  background: #fff;

  color: #262a2e;

  height: 37px;

  border-width: 1px;

  border-color: #d8d8d8;

}

.dd-handle:hover, .dd-handle:focus, .dd-handle:active {

  color: #262a2e;

  background: #f7f7f7;

}



.dd-item > button {

  margin: 0;

  height: 37px;

  font-size: 1.5rem;

  width: 42px;

  color: #9e9e9e;

  outline: none;

}

.dd-item > button.dd-expand:before, .dd-item > button.dd-collapse:before {

  font-family: 'Line Awesome Free';

  font-weight: 900;

  line-height: 1;

}

.dd-item > button.dd-expand::before {

  content: "\f067";

}

.dd-item > button.dd-collapse::before {

  content: "\f068";

}

.dd-item > button:hover, .dd-item > button:focus, .dd-item > button:active {

  outline: none;

}



.dd-placeholder {

  background: transparent;

  border-color: #d8d8d8;

}



.dd3-content {

  display: block;

  width: 100%;

  border-radius: 0.5rem;

  font-weight: 500;

  margin: 0 0 .375rem;

  font-size: 0.875rem;

  padding: .5rem 1rem .5rem 4rem;

  background: #fff;

  color: #262a2e;

  border: 1px solid #d8d8d8;

}

.dd3-content:hover, .dd3-content:focus, .dd3-content:active {

  color: #262a2e;

  background: #f7f7f7;

}



.dd-dragel > .dd3-item > .dd3-content {

  margin: 0;

}



.dd3-item > button {

  margin-left: 2.625rem;

}



.dd3-handle {

  position: absolute;

  margin: 0;

  left: 0;

  top: 0;

  cursor: grab;

  color: #9e9e9e;

  width: 42px;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

  padding: 1.125rem;

  border-color: #d8d8d8;

  border-radius: 0.5rem 0 0 0.5rem;

}

.dd3-handle:before {

  font-family: 'Line Awesome Free';

  font-weight: 900;

  color: #9e9e9e;

  content: "\f2a1";

  font-size: 1.625rem;

  color: #d8d8d8;

  display: block;

  position: absolute;

  left: 0;

  top: 8px;

  width: 100%;

  text-align: center;

  text-indent: 0;

}



/*Treeview*/

.jstree-default .jstree-clicked,

.jstree-default .jstree-hovered {

  background: none;

  box-shadow: none;

  color: #298DFF;

}



/*Modals*/

.modal-content,

.modal-header,

.modal-footer {

  border-color: #d8d8d8;

}



.modal-content {

  border-radius: 0.5rem;

  overflow: hidden;

  border: none;

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);

}



.modal-header {

  border-top-left-radius: calc(0.5rem - 1px);

  border-top-right-radius: calc(0.5rem - 1px);

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.modal-header.header-wth-bg {

  background: #f7f7f7;

  border-bottom: 0;

}

.modal-header.header-wth-bg-inv {

  background: #007D88;

  border-bottom: 0;

}

.modal-header.header-wth-bg-inv .modal-title {

  color: #fff;

}



.modal-body > .btn-close {

  position: absolute;

  right: 1.5rem;

  top: 1.25rem;

}

.modal-body > .btn-close ~ :is(h1, h2, h3, h4, h5, h6) {

  padding-right: 1.5rem;

  margin-top: 0.5rem;

}



.modal-footer {

  border-bottom-right-radius: calc(0.5rem- 1px);

  border-bottom-left-radius: calc(0.5rem - 1px);

}



.modal-backdrop {

  background-color: #262a2e;

}



body.modal-open {

  padding-right: 0 !important;

  overflow:hidden!important;
}

body.modal-open .hk-navbar {

  padding-right: 1rem !important;

}



/*Close*/

.btn-close {

  color: #262a2e;

  opacity: .6;

  outline: none;

  height: auto;

  width: auto;

  text-shadow: none;

  font: normal normal normal 0/1 'Material-Design-Iconic-Font';

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.btn-close:before {

  content: "\f136";

  font-size: 1rem;

}

.btn-close:focus {

  box-shadow: none;

}

.btn-close:not(:disabled):not(.disabled):not(.btn-close-white):focus, .btn-close:not(:disabled):not(.disabled):not(.btn-close-white):hover {

  color: #6f6f6f;

  opacity: 1;

}

.btn-close span {

  display: none;

}



.close-over .btn-close {

  height: 22px;

  width: 22px;

  background: #6f6f6f;

  color: #fff !important;

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  cursor: pointer;

  position: absolute;

  right: -11px;

  top: -11px;

  opacity: 1;

}

.close-over .btn-close:before {

  content: "\f136";

  font-size: 1rem;

  line-height: 0;

}

.close-over .btn-close:hover {

  background: #262a2e;

}



/*Sweet-alert*/

.swal2-container .swal2-content {

  color: #6f6f6f;

}

.swal2-container .swal2-title {

  color: #262a2e;

}

.swal2-container .swal2-popup {

  border-radius: 0.5rem;

}

.swal2-container .swal2-popup .swal2-validation-message {

  background: transparent;

  align-items: start;

  border: none;

  color: #FF0000;

}

.swal2-container .swal2-popup .swal2-validation-message:before {

  content: "\ED77";

  font-family: remixicon !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  background: transparent;

  color: #FF0000;

  min-width: auto;

}

.swal2-container .swal2-popup .swal2-image {

  border-radius: 2rem;

}

.swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step {

  background: #00D67F;

}

.swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {

  background: #298DFF;

}

.swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {

  background: #d8d8d8;

}

.swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step-line {

  height: .2rem;

  background: #298DFF;

}

.swal2-container .swal2-popup .swal2-close {

  outline: none;

}

.swal2-container .swal2-title {

  font-size: 1.1rem;

}

.swal2-container .swal2-title span {

  display: -ms-flexbox;

  display: flex;

}

.swal2-container.swal2-has-header .swal2-popup .swal2-header {

  padding-right: 1rem;

  padding-left: 1rem;

  padding-bottom: 1rem;

  margin-left: -1rem;

  margin-right: -1rem;

  margin-bottom: 1rem;

  border-bottom: 1px solid #d8d8d8;

}

.swal2-container.swal2-has-footer .swal2-popup.swal2-modal {

  padding-bottom: 0;

}

.swal2-container.swal2-has-footer .swal2-popup.swal2-modal .swal2-footer {

  margin-left: -1rem;

  margin-right: -1rem;

  border-top: 1px solid #d8d8d8;

}

.swal2-container.swal2-has-bg .swal2-popup .swal2-content {

  background: #f7f7f7;

  margin-left: -1rem;

  margin-right: -1rem;

  margin-top: -1rem;

  padding-bottom: 2rem;

  padding-top: 2rem;

}

.swal2-container.swal2-has-bg .swal2-popup .swal2-actions .btn, .swal2-container.swal2-has-bg .swal2-popup .swal2-actions div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .hopscotch-nav-button {

  flex: 1;

  border: 0;

  padding: 0;

}

.swal2-container.swal2-has-bg .swal2-popup .swal2-actions .btn:hover, .swal2-container.swal2-has-bg .swal2-popup .swal2-actions div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .hopscotch-nav-button:hover, .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .btn:focus, .swal2-container.swal2-has-bg .swal2-popup .swal2-actions div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .hopscotch-nav-button:focus {

  background: transparent;

  color: #9e9e9e;

}



.swal2-shown {

  padding-right: 0 !important;

}



/*Notification*/

.alert {

  color: #262a2e;

  border-radius: 0.5rem;

  padding: 0.75rem 1rem;

}

.alert .alert-link {

  font-weight: normal;

  color: inherit;

  text-decoration: underline;

}

.alert.alert-dismissible .btn-close {

  padding: 0.9rem 1rem;

  color: inherit;

}

.alert.alert-dismissible .btn-close:before {

  position: relative;

  top: -2px;

}

.alert.alert-dismissible .btn-close:hover {

  opacity: 1;

  color: inherit;

}

.alert.alert-primary {

  color: #008977;

  background: #ebf5f5;

  border-color: rgba(199, 226, 229, 0.3);

}

.alert.alert-success {

  color: #00D67F;

  background: #ebfcf5;

  border-color: rgba(199, 246, 227, 0.3);

}

.alert.alert-info {

  color: #16c7d7;

  background: #edfcfe;

  border-color: rgba(204, 248, 251, 0.3);

}

.alert.alert-danger {

  color: #FF0000;

  background: #ffebeb;

  border-color: rgba(255, 199, 199, 0.3);

}

.alert.alert-warning {

  color: #cc9d00;

  background: #fffaeb;

  border-color: rgba(255, 242, 199, 0.3);

}

.alert.alert-secondary {

  color: #6f6f6f;

  background: #f3f3f3;

  border-color: rgba(223, 223, 223, 0.3);

}

.alert.alert-light {

  color: #5f5f5f;

  background: #f7f7f7;

  border-color: #eaeaea;

}

.alert.alert-dark {

  color: #fff;

  background: #262a2e;

  border-color: #262a2e;

}

.alert.alert-dark.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-dark.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {

  color: #fff;

  text-decoration: none;

  opacity: 1;

}

.alert.alert-inv {

  color: #fff;

}

.alert.alert-inv.alert-inv-primary {

  background: #008977;

  color: #ebf5f5;

}

.alert.alert-inv.alert-inv-primary.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-primary.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {

  color: #fff;

  text-decoration: none;

  opacity: 1;

}

.alert.alert-inv.alert-inv-info {

  background: #18DDEF;

  color: #edfcfe;

}

.alert.alert-inv.alert-inv-info.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-info.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {

  color: #fff;

  text-decoration: none;

  opacity: 1;

}

.alert.alert-inv.alert-inv-success {

  background: #00D67F;

  color: #ebfcf5;

}

.alert.alert-inv.alert-inv-success.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-success.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {

  color: #fff;

  text-decoration: none;

  opacity: 1;

}

.alert.alert-inv.alert-inv-warning {

  background: #FFC400;

  color: #fffaeb;

}

.alert.alert-inv.alert-inv-warning.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-warning.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {

  color: #fff;

  text-decoration: none;

  opacity: 1;

}

.alert.alert-inv.alert-inv-danger {

  background: #FF0000;

  color: #ffebeb;

}

.alert.alert-inv.alert-inv-danger.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-danger.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {

  color: #fff;

  text-decoration: none;

  opacity: 1;

}

.alert.alert-inv.alert-inv-secondary {

  background: #6f6f6f;

  color: #f3f3f3;

}

.alert.alert-inv.alert-inv-secondary.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-secondary.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {

  color: #fff;

  text-decoration: none;

  opacity: 1;

}

.alert.alert-border-primary {

  border-color: #008977;

  color: #008977;

}

.alert.alert-border-info {

  border-color: #18DDEF;

  color: #18DDEF;

}

.alert.alert-border-success {

  border-color: #00D67F;

  color: #00D67F;

}

.alert.alert-border-warning {

  border-color: #FFC400;

  color: #FFC400;

}

.alert.alert-border-danger {

  border-color: #FF0000;

  color: #FF0000;

}

.alert.alert-border-secondary {

  border-color: #6f6f6f;

  color: #6f6f6f;

}

.alert.alert-wth-icon {

  padding-left: 3.375rem;

  position: relative;

}

.alert.alert-wth-icon .alert-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 1.5rem;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  height: 100%;

  width: 54px;

  left: 0;

  top: 0;

  position: absolute;

}

.alert.alert-square {

  border-radius: 0;

}



.alert-dismissible {

  padding-right: 3rem;

}



.jq-toast-wrap {

  width: 300px;

}

.jq-toast-wrap .jq-toast-single {

  color: #262a2e;

  border-radius: 0.5rem;

  margin: 0;

  border: none;

  background: #fff;

  font-size: 0.875rem;

  line-height: 1.3;

}

.jq-toast-wrap .jq-toast-single .jq-toast-loader {

  border-radius: 2px 2px 0 0;

  height: 2px;

}

.jq-toast-wrap .jq-toast-single a {

  color: inherit;

  text-decoration: underline;

  font-weight: inherit;

  border-bottom: none;

  padding-bottom: 0;

  font-size: inherit;

}

.jq-toast-wrap .jq-toast-single .close-jq-toast-single {

  font-size: 1.5rem;

  top: 0;

}

.jq-toast-wrap .jq-toast-single .jq-toast-heading {

  font-size: 1rem !important;

  color: inherit;

  font-weight: 500;

}

.jq-toast-wrap .jq-toast-single.jq-toast-primary {

  background: #ebf5f5;

  color: #008977;

  border: 1px solid;

  border-color: rgba(199, 226, 229, 0.3);

}

.jq-toast-wrap .jq-toast-single.jq-toast-secondary {

  background: #f3f3f3;

  color: #6f6f6f;

  border: 1px solid;

  border-color: rgba(223, 223, 223, 0.3);

}

.jq-toast-wrap .jq-toast-single.jq-toast-info {

  background: #edfcfe;

  color: #18DDEF;

  border: 1px solid;

  border-color: rgba(204, 248, 251, 0.3);

}

.jq-toast-wrap .jq-toast-single.jq-toast-success {

  background: #ebfcf5;

  color: #00D67F;

  border: 1px solid;

  border-color: rgba(199, 246, 227, 0.3);

}

.jq-toast-wrap .jq-toast-single.jq-toast-warning {

  background: #fffaeb;

  color: #FFC400;

  border: 1px solid;

  border-color: rgba(255, 242, 199, 0.3);

}

.jq-toast-wrap .jq-toast-single.jq-toast-danger {

  background: #ffebeb;

  color: #FF0000;

  border: 1px solid;

  border-color: rgba(255, 199, 199, 0.3);

}

.jq-toast-wrap .jq-toast-single.jq-toast-light {

  background: #f7f7f7;

  color: #5f5f5f;

  border: 1px solid;

  border-color: #d8d8d8;

}

.jq-toast-wrap .jq-toast-single.jq-toast-dark {

  background: #262a2e;

  color: #fff;

  border: 1px solid;

  border-color: #2a2f34;

}

.jq-toast-wrap .jq-toast-single.jq-has-icon {

  padding: .75rem 1.5rem .875rem 2.75rem;

}

.jq-toast-wrap .jq-toast-single.jq-has-icon .jq-toast-icon {

  position: absolute;

  font-size: 1rem;

  left: 11px;

  top: 14px;

}

.jq-toast-wrap .jq-toast-single.jq-toast-inv {

  color: #fff;

  border: none;

  background: #262a2e;

}

.jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-primary {

  background: #008977;

  color: #ebf5f5;

}

.jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-danger {

  background: #FF0000;

  color: #ffebeb;

}

.jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-warning {

  background: #FFC400;

  color: #fffaeb;

}

.jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-info {

  background: #18DDEF;

  color: #edfcfe;

}

.jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-success {

  background: #00D67F;

  color: #ebfcf5;

}



.bottom-center-fullwidth .jq-toast-wrap {

  left: 0 !important;

  right: 0 !important;

  width: 100% !important;

  bottom: 0 !important;

}

.bottom-center-fullwidth .jq-toast-wrap .jq-toast-single {

  border-radius: 0;

}



.top-center-fullwidth .jq-toast-wrap {

  left: 0 !important;

  right: 0 !important;

  width: 100% !important;

  top: 2px !important;

}

.top-center-fullwidth .jq-toast-wrap .jq-toast-single {

  border-radius: 0;

}



@media (max-width: 576px) {

  .jq-toast-wrap.top-right, .jq-toast-wrap.top-left, .jq-toast-wrap.bottom-right, .jq-toast-wrap.bottom-left {

    left: 0;

    right: 0;

    width: 100%;

  }

}

/*Toast*/

.toast {

  border: none;

  border-radius: 0.5rem;

}



/*Bootstrap Notify*/

span[data-notify="icon"] {

  position: relative;

  top: 3px;

  line-height: 0;

  font-size: 1rem;

}



/*Tooltop*/

.tooltip {

  font-size: 0.75rem;

  font-family: var(--bs-body-font-family);

}

.tooltip .tooltip-inner {

  background: #262a2e;

  border-radius: 0.5rem;

}

.tooltip.show {

  opacity: 1;

}

.tooltip .tooltip-arrow {

  display: none;

}



@media (max-width: 1024px) {

  .tooltip {

    display: none !important;

  }

}

/*Images*/

.img-thumbnail {

  border-color: #d8d8d8;

  border-radius: 0;

}



.img-background {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



/*Icons*/

.font-icons-wrap li {

  text-align: center;

  vertical-align: middle;

  padding: 1.875rem .625rem 1.875rem .625rem;

  height: 100px;

  width: 100px;

  margin: .625rem;

  min-height: 60px;

  border: solid 1px #eee;

  border-radius: 0.5rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  cursor: pointer;

}

.font-icons-wrap li a {

  color: #262a2e;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  font-size: 1.25rem;

}

.font-icons-wrap li a > i {

  font-size: 1.625rem;

  line-height: 20px;

}

.font-icons-wrap li a span {

  display: inline-block;

  position: absolute;

  background-color: #298DFF;

  color: #fff;

  padding: .25rem .5rem;

  font-size: 0.75rem;

  white-space: nowrap;

  top: 45px;

  left: 50%;

  min-width: 98px;

  display: none;

  border-radius: .25rem;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}

.font-icons-wrap li:hover {

  background: #262a2e;

}

.font-icons-wrap li:hover a {

  color: #fff;

}

.font-icons-wrap li:hover a span {

  display: block;

}



.feather {

  stroke: currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

  fill: none;

}



.svg-icon {

  line-height: 0 !important;

}



.feather-icon {

  line-height: 0 !important;

}

.feather-icon.fe-x > svg {

  height: 16px;

  width: 16px;

}

.feather-icon.fe-2x > svg {

  height: 32px;

  width: 32px;

}



.feather-icon > svg,

.svg-icon > svg {

  height: 1em;

  width: 1em;

}



.flag-icon {

  height: 20px;

  width: 20px;

}



/*Carousel*/

.carousel-control-prev,

.carousel-control-next {

  opacity: 1;

}

.carousel-control-prev:hover .carousel-control-next-icon,

.carousel-control-prev:hover .carousel-control-prev-icon,

.carousel-control-next:hover .carousel-control-next-icon,

.carousel-control-next:hover .carousel-control-prev-icon {

  border-color: white;

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

  height: 50px;

  width: 50px;

  border: 2px solid;

  border-color: rgba(255, 255, 255, 0.5);

  border-radius: 50%;

  background: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  font-size: 1.25rem;

}

.carousel-control-next-icon:before,

.carousel-control-prev-icon:before {

  display: inline-block;

  font: normal normal normal 22px/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

  padding-left: .25rem;

  speak: none;

  text-transform: none;

  text-rendering: auto;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.carousel-control-next-icon:before {

  content: "\f2fb";

}



.carousel-control-prev-icon:before {

  content: "\f2fa";

}



.custom-carousel-nav .carousel-text-nav {

  position: static;

  color: #262a2e;

}

.custom-carousel-nav .carousel-text-nav:hover, .custom-carousel-nav .carousel-text-nav:focus {

  color: #262a2e;

}

.custom-carousel-nav .carousel-indicators {

  position: static;

}



.carousel-indicators {

  bottom: 20px;

}

.carousel-indicators li[data-bs-target] {

  width: 6px;

  height: 6px;

  margin-right: .25rem;

  margin-left: .25rem;

  border: 1px solid #fff;

  border-radius: 50%;

  background: transparent;

}

.carousel-indicators li[data-bs-target].active {

  background: #b5b5b5;

}

.carousel-indicators.dark-indicators li {

  border-color: #262a2e;

}

.carousel-indicators.dark-indicators li.active {

  background: #2f343a;

}

.carousel-indicators.theme-indicators li {

  border-color: #007D88;

}

.carousel-indicators.theme-indicators li.active {

  background: #007d88;

}



.carousel-caption {

  bottom: 30px;

}



.owl-carousel .item-video {

  height: auto;

}

.owl-carousel .owl-video-tn {

  background-size: cover;

}

.owl-carousel .owl-dots .owl-dot span {

  width: 8px;

  height: 8px;

  margin: 0 .25rem;

  background: transparent;

  border: 1px solid #262a2e;

}

.owl-carousel .owl-dots .owl-dot:focus {

  outline: none;

}

.owl-carousel .owl-dots .owl-dot:hover span {

  background: #262a2e;

}

.owl-carousel .owl-dots .owl-dot.active span {

  background: #262a2e;

}

.owl-carousel.light-owl-dots .owl-dots .owl-dot span {

  border: 1px solid #fff;

}

.owl-carousel.light-owl-dots .owl-dots .owl-dot:focus {

  outline: none;

}

.owl-carousel.light-owl-dots .owl-dots .owl-dot:hover span {

  background: #fff;

}

.owl-carousel.light-owl-dots .owl-dots .owl-dot.active span {

  background: #fff;

}

.owl-carousel.theme-owl-dots .owl-dots .owl-dot span {

  border: 1px solid #007D88;

}

.owl-carousel.theme-owl-dots .owl-dots .owl-dot:focus {

  outline: none;

}

.owl-carousel.theme-owl-dots .owl-dots .owl-dot:hover span {

  background: #007D88;

}

.owl-carousel.theme-owl-dots .owl-dots .owl-dot.active span {

  background: #007D88;

}

.owl-carousel .owl-video-play-icon {

  background: rgba(255, 255, 255, 0.8);

  left: 20px;

  bottom: 20px;

  margin: 0;

  height: 35px;

  width: 35px;

  border-radius: 50%;

  top: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  color: #298DFF;

}

.owl-carousel .owl-video-play-icon:before {

  display: inline-block;

  font: normal normal normal 22px/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

  padding-left: .25rem;

  speak: none;

  text-transform: none;

  text-rendering: auto;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\f3aa";

}

.owl-carousel .owl-video-play-icon:hover {

  -webkit-transform: scale(1.1, 1.1);

  -moz-transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  -o-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

}

.owl-carousel.dots-on-item .owl-dots {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 15px;

}



@media (max-width: 991px) {

  .carousel-control-next-icon, .carousel-control-prev-icon {

    height: 30px;

    width: 30px;

    font-size: 1rem;

  }

}

/*Twitter slider*/

.twitter-slider-wrap i.fa-twitter {

  font-size: 1.875rem;

  color: #fff;

}

.twitter-slider-wrap .owl-carousel {

  text-align: center;

}

.twitter-slider-wrap .owl-carousel .user, .twitter-slider-wrap .owl-carousel .interact {

  display: none;

}

.twitter-slider-wrap .owl-carousel .tweet {

  font-size: 1rem;

  color: #fff;

  margin-bottom: 1.875rem;

}

.twitter-slider-wrap .owl-carousel .tweet > a {

  color: #fff;

}

.twitter-slider-wrap .owl-carousel .timePosted > a {

  font-size: 0.75rem;

  color: #fff;

}



.product-detail-slider .owl-carousel {

  border-radius: 0.5rem;

  overflow: hidden;

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

}

.product-detail-slider .thumb-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  margin-top: 1rem;

}

.product-detail-slider .thumb-wrap > a {

  display: block;

  background-size: cover;

  background-position: center;

  box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

  height: 50px;

  width: 100px;

  border-radius: 0.5rem;

  margin: 0 .625rem;

  background-color: #d8d8d8;

  border: 1px solid transparent;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.product-detail-slider .thumb-wrap > a.active-thumb {

  border: 1px solid #298DFF;

}



/*Color Pickr*/

.form-control-color {

  padding: .375rem;

}



.colorpicker-input-addon {

  padding: 0;

}

.colorpicker-input-addon i {

  height: 100%;

  width: 100%;

}



.pickr .pcr-app {

  z-index: 1035;

}

.pickr .pcr-app .pcr-interaction input {

  padding: .3em .5em;

  letter-spacing: inherit;

  border-radius: .25rem;

  background: #f7f7f7;

  color: #b5b5b5;

}

.pickr .pcr-app .pcr-interaction .pcr-save {

  background: #298DFF;

  color: #fff;

}

.pickr .pcr-app .pcr-interaction .pcr-clear {

  background: #FF0000;

  color: #fff;

}

.pickr .pcr-app .pcr-interaction .pcr-type.active {

  background: #eef6ff;

  color: #298DFF;

}

.pickr .pcr-app .pcr-interaction .pcr-result {

  color: #262a2e;

  border: 1px solid #d8d8d8;

  background: #fff;

  border-radius: 0.5rem;

}

.pickr .pcr-app .pcr-interaction .pcr-result:focus {

  box-shadow: none;

  border-color: #298DFF;

}

.pickr .pcr-button {

  width: 100%;

  border-radius: 0;

}



@media (max-width: 414px) {

  .pcr-app {

    max-width: 310px;

  }

}

/*Range Slider*/

.irs-line {

  height: 7px;

  background: #f7f7f7;

  border: none;

}



.irs-bar {

  height: 7px;

  border: none;

  background: #007D88;

}



.irs-slider {

  top: 24px;

  width: 25px;

  height: 25px;

  border: none;

  background: #007D88;

  border-radius: 50%;

}

.irs-slider.state_hover, .irs-slider:hover {

  background: #007D88;

}



.irs-bar-edge {

  height: 7px;

  top: 33px;

  width: 14px;

  border: none;

  background: #007D88;

}



.irs-from, .irs-to, .irs-single {

  font-size: 0.75rem;

  font-weight: 500;

  background: #262a2e;

  line-height: 1.5;

  padding: .0625rem .5rem;

  border-radius: 0.5rem;

}



.irs-min, .irs-max {

  color: inherit;

  font-size: 0.75rem;

  background: none;

  line-height: 1.5;

  border-radius: .25rem;

  -moz-border-radius: .25rem;

  font-weight: 500;

}



.irs.irs-sm .irs-line {

  height: 3px;

}

.irs.irs-sm .irs-bar {

  height: 3px;

}

.irs.irs-sm .irs-slider {

  top: 25px;

  width: 18px;

  height: 18px;

}

.irs.irs-sm .irs-bar-edge {

  height: 3px;

}



/*Daterangepicker*/

.daterangepicker {

  font-family: inherit;

  border-color: #d8d8d8;

}

.daterangepicker:before, .daterangepicker:after {

  display: none;

}

.daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .daterangepicker .drp-buttons .hopscotch-nav-button {

  margin-left: .5rem;

  padding: .25rem .5rem;

  font-size: .875rem;

  font-weight: 400;

}

.daterangepicker td.active, .daterangepicker td.active:hover {

  background-color: #007D88;

}

.daterangepicker td.active.available:hover, .daterangepicker td.active:hover.available:hover {

  background-color: #007D88;

}

.daterangepicker td.in-range {

  background-color: #ebf5f5;

  color: #262a2e;

}

.daterangepicker td.in-range.active, .daterangepicker td.in-range.active:hover {

  background-color: #007D88;

}

.daterangepicker td.available:hover {

  background-color: #f7f7f7;

}

.daterangepicker th.available:hover {

  background-color: transparent;

}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {

  min-width: 33px;

  width: 33px;

  height: 33px;

  font-size: 0.875rem;

  position: relative;

  border: none;

}

.daterangepicker .calendar-table th.active, .daterangepicker .calendar-table th.active:hover, .daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td.active:hover {

  color: #fff;

}

.daterangepicker .calendar-table th.active.available:hover, .daterangepicker .calendar-table th.active:hover.available:hover, .daterangepicker .calendar-table td.active.available:hover, .daterangepicker .calendar-table td.active:hover.available:hover {

  color: #fff;

}

.daterangepicker .calendar-table th.next span, .daterangepicker .calendar-table th.prev span {

  border-color: #b5b5b5;

}

.daterangepicker .calendar-table th:hover.next span, .daterangepicker .calendar-table th:hover.prev span {

  border-color: #262a2e;

}

.daterangepicker th.month {

  width: auto;

  font-size: 0.875rem;

  color: #262a2e;

  letter-spacing: .5px;

  text-transform: uppercase;

  font-weight: 600;

}

.daterangepicker .drp-selected {

  font-size: 0.875rem;

  padding-right: .25rem;

  color: #262a2e;

  font-weight: 500;

  letter-spacing: 0.5px;

}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {

  color: #d8d8d8;

}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {

  background: #fff;

  width: 60px;

  margin: .625rem auto;

  border: 1px solid #d8d8d8;

  padding: .25rem;

  border-radius: .25rem;

  font-size: 0.875rem;

  color: #262a2e;

}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {

  background: #fff;

  border: 1px solid #d8d8d8;

  padding: .25rem;

  border-radius: .25rem;

  font-size: 0.875rem;

  color: #262a2e;

}

.daterangepicker .ranges li {

  font-size: 0.875rem;

  padding: .625rem .75rem;

}

.daterangepicker .ranges li:hover {

  background-color: #f7f7f7;

}

.daterangepicker .ranges li.active {

  background-color: #007D88;

}

.daterangepicker.show-ranges .drp-calendar.left {

  border-color: #d8d8d8;

}

.daterangepicker .drp-calendar.single .calendar-time {

  padding-right: 8px;

}



@media (max-width: 767px) {

  .daterangepicker {

    width: 281px;

  }

  .daterangepicker.show-ranges .drp-calendar.left {

    border: none;

  }

  .daterangepicker .drp-buttons {

    text-align: left;

  }

  .daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .daterangepicker .drp-buttons .hopscotch-nav-button {

    margin-left: 0;

    margin-right: .5rem;

  }

  .daterangepicker .drp-buttons .drp-selected {

    display: block;

    margin-bottom: .625rem;

  }

  .daterangepicker.ltr .ranges {

    width: 100%;

  }

  .daterangepicker.ltr .ranges ul {

    width: 100%;

  }

  .daterangepicker.ltr .drp-calendar {

    width: 100%;

  }

  .daterangepicker.ltr .drp-calendar.left .calendar-table {

    padding-right: 0;

  }

}

/*Profile*/

.profile-wrap .profile-intro {

  position: relative;

  z-index: 1;

  margin-top: -6rem;

}

.profile-wrap .profile-img-wrap {

  height: 10rem;

  position: relative;

}

.profile-wrap .profile-img-wrap > img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.profile-wrap header.profile-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  background: #fff;

  border-bottom: 1px solid #d8d8d8;

  position: relative;

}

.profile-wrap header.profile-header .profile-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.profile-wrap header.profile-header .profile-options-wrap > a {

  margin-left: .5rem;

  display: inline-block;

}

.profile-wrap header.profile-header .profile-options-wrap > a:first-child {

  margin-left: 0;

}

.profile-wrap .comment-block .media .media-head {

  margin-right: 1rem;

}

.profile-wrap .comment-block .media .media-body > div:first-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: .25rem;

}

.profile-wrap .comment-block .media .media-body > div:first-child .cm-name {

  font-weight: 500;

  color: #262a2e;

}

.profile-wrap .comment-block .media .media-body > div:first-child .badge {

  margin-left: .625rem;

  flex-shrink: 0;

}

.profile-wrap .comment-block .media .media-body .comment-action-wrap span, .profile-wrap .comment-block .media .media-body .comment-action-wrap a {

  color: #6f6f6f;

  font-size: 0.75rem;

}

.profile-wrap .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {

  margin: 0 .25rem;

  color: #d8d8d8;

}

.profile-wrap .comment-block .media .media-body > .media {

  margin-top: 1.875rem;

}

.profile-wrap .comment-block .media .media-head {

  margin-right: 1rem;

}

.profile-wrap .comment-block .media .media-body > div:first-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: .25rem;

}

.profile-wrap .comment-block .media .media-body > div:first-child .cm-name {

  font-weight: 500;

  color: #262a2e;

}

.profile-wrap .comment-block .media .media-body > div:first-child .badge {

  margin-left: .625rem;

  flex-shrink: 0;

}

.profile-wrap .comment-block .media .media-body .comment-action-wrap span, .profile-wrap .comment-block .media .media-body .comment-action-wrap a {

  color: #6f6f6f;

  font-size: 0.75rem;

}

.profile-wrap .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {

  margin: 0 .25rem;

  color: #d8d8d8;

}

.profile-wrap .comment-block .media .media-body > .media {

  margin-top: 1.875rem;

}

.profile-wrap .card.card-profile-feed .btn-pg-link {

  position: absolute;

  bottom: 25px;

  left: 25px;

}

.profile-wrap .card.card-profile-feed .feed-img-layout .row {

  margin-right: -0.25rem;

  margin-left: -0.25rem;

}

.profile-wrap .card.card-profile-feed .feed-img-layout .row > [class*="col-"] {

  padding-right: .25rem;

  padding-left: .25rem;

}

.profile-wrap .card.card-profile-feed .feed-img-layout .feed-img {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  width: 100%;

}

.profile-wrap .card.card-profile-feed .btn-video-link {

  background: rgba(47, 52, 58, 0.5);

  height: 45px;

  width: 45px;

  position: absolute;

  border-radius: 50%;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  color: #fff;

}

.profile-wrap .card.card-profile-feed .btn-video-link:before {

  display: inline-block;

  font: normal normal normal 1.5rem/1 'Material-Design-Iconic-Font';

  padding-left: .25rem;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  text-rendering: auto;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\f3aa";

}

.profile-wrap .card.card-profile-feed .card-footer > div a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #9e9e9e;

  font-size: .875rem;

}

.profile-wrap .card.card-profile-feed .card-footer > div a > i {

  line-height: 1;

  margin-right: .5rem;

}

.profile-wrap .card.card-profile-feed .card-footer > div:last-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.profile-wrap .card.card-profile-feed .card-footer > div:last-child a {

  margin-right: .625rem;

}

.profile-wrap .card.card-profile-feed .card-footer > div:last-child a:last-child {

  margin-right: 0;

}



.edit-profile-wrap .nav-profile .nav-header {

  font-size: .75rem;

  text-transform: uppercase;

  font-weight: 600;

  color: #9e9e9e;

}

.edit-profile-wrap .nav-profile .nav {

  margin: 1rem 0;

  font-size: .875rem;

  flex-wrap: nowrap;

  border: 0;

}

.edit-profile-wrap .nav-profile .nav .nav-item {

  margin-bottom: .25rem;

}

.edit-profile-wrap .nav-profile .nav .nav-item:last-child {

  margin-bottom: 0;

}

.edit-profile-wrap .nav-profile .nav .nav-item a.nav-link {

  color: #262a2e;

  border: 0;

  padding: 0;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.edit-profile-wrap .nav-profile .nav .nav-item a.nav-link:hover, .edit-profile-wrap .nav-profile .nav .nav-item a.nav-link:focus {

  color: #0083A5;

}

.edit-profile-wrap .nav-profile .nav .nav-item a.nav-link.active {

  color: #007D88;

}



/*Activity*/

.activity-list .list-group-item {

  padding: 0;

  border: none;

}

.activity-list .list-group-item .media {

  position: relative;

  align-items: inherit;

}

.activity-list .list-group-item .media .media-head {

  position: relative;

  margin-right: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  min-width: 48px;

  align-items: center;

}

.activity-list .list-group-item .media .media-head > .avatar {

  flex-shrink: 0;

}

.activity-list .list-group-item .media .media-body {

  padding-bottom: 1.5rem;

}

.activity-list .list-group-item .media .media-body .last-activity-time {

  font-size: 0.75rem;

  margin-top: .25rem;

}

.activity-list .list-group-item.toggle-activity .media .media-body {

  padding-bottom: 0;

  display: flex;

  align-items: center;

}

.activity-list .list-group-item:last-child .media .media-head:after {

  display: none;

}

.activity-list.activity-wth-line .list-group-item .media .media-head:after {

  content: "";

  background: #d8d8d8;

  width: 2.5px;

  height: 100%;

  border-radius: 50rem;

  margin: .5rem auto;

  min-height: 25px;

}



.activity-list-h {

  flex-direction: row;

}

.activity-list-h .list-group-item {

  padding: 0;

  border: none;

  display: flex;

  flex-direction: column;

  padding-bottom: 6.25rem;

  align-items: center;

}

.activity-list-h .list-group-item .media {

  flex-flow: column;

  align-items: center;

  flex: 1;

}

.activity-list-h .list-group-item .media .media-body {

  width: 400px;

  padding: 0 .625rem;

  display: flex;

}

.activity-list-h .list-group-item .media .media-body .last-activity-time {

  font-size: 0.75rem;

  margin-top: .25rem;

}

.activity-list-h .list-group-item .media .media-body .card {

  width: 100%;

}

.activity-list-h .list-group-item .media .media-head {

  width: 100%;

  display: flex;

  justify-content: center;

  position: relative;

  min-height: 48px;

  align-items: center;

  position: absolute;

  bottom: 45px;

}

.activity-list-h .list-group-item .media .media-head:after, .activity-list-h .list-group-item .media .media-head:before {

  content: "";

  height: 2.5px;

  background: #d8d8d8;

  width: 100%;

  position: absolute;

  margin: .5rem auto;

  right: 0;

  width: 50%;

  top: 0;

  bottom: 0;

  margin: auto 0;

}

.activity-list-h .list-group-item .media .media-head:before {

  left: 0;

}

.activity-list-h .list-group-item .media .media-head .avatar {

  z-index: 1;

  outline: 7px solid #fff;

}

.activity-list-h .list-group-item:first-child .media .media-head:before {

  display: none;

}

.activity-list-h .list-group-item:last-child .media .media-head:after {

  display: none;

}

.activity-list-h .list-group-item .activity-time {

  text-align: center;

  font-size: 0.875rem;

  font-weight: 500;

  padding: .5rem 0;

  color: #007D88;

  text-align: center;

  position: absolute;

  bottom: 0;

}



.user-activity .media {

  position: relative;

  padding-bottom: 1.25rem;

  margin-left: 1.25rem;

}

.user-activity .media .media-head {

  position: absolute;

  left: -20px;

}

.user-activity .media:after {

  content: "";

  position: absolute;

  width: 1px;

  height: calc(100% - 77px);

  background: #d8d8d8;

  top: 60px;

}

.user-activity .media .media-body {

  padding-bottom: 1.875rem;

  margin-left: 2.5rem;

  min-width: 0;

}

.user-activity .media:last-child .media-body {

  border-bottom: none;

}

.user-activity.user-activity-sm .media {

  padding-bottom: .625rem;

  margin-left: 1rem;

}

.user-activity.user-activity-sm .media .media-head {

  left: -16px;

}

.user-activity.user-activity-sm .media .media-body {

  padding-bottom: .625rem;

  margin-left: 1.875rem;

}



@media (max-width: 576px) {

  .user-activity .media .media-body {

    margin-left: 2.125rem;

  }

}

/*Wizards*/

.hk-wizard {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

  font-size: 0.875rem;

  font-variant: tabular-nums;

  line-height: 1.5715;

  list-style: none;

  font-feature-settings: "tnum";

  display: flex;

  width: 100%;

  font-size: 0;

  text-align: initial;

}

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] {

  cursor: pointer;

}

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-title .hk-wizard-icon,

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-subtitle .hk-wizard-icon,

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-description .hk-wizard-icon,

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-icon .hk-wizard-icon {

  -webkit-transition: color 0.3s;

  -moz-transition: color 0.3s;

  transition: color 0.3s;

}

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-title,

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-subtitle,

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-description {

  color: #007D88;

}

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active):not(.hk-wizard-item-process) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-icon {

  border-color: #007D88;

}

.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active):not(.hk-wizard-item-process) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-icon .hk-wizard-icon {

  color: #007D88;

}

.hk-wizard:not(.hk-wizard-vertical) .hk-wizard-item-custom .hk-wizard-item-icon {

  width: auto;

  background: 0 0;

}



.hk-wizard-item {

  position: relative;

  display: inline-block;

  flex: 1;

  overflow: hidden;

  vertical-align: top;

}

.hk-wizard-item:last-child {

  flex: none;

}

.hk-wizard-item:last-child > .hk-wizard-item-container > .hk-wizard-item-tail {

  display: none;

}

.hk-wizard-item:last-child > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {

  display: none;

}



.hk-wizard-item-container {

  outline: none;

}



.hk-wizard-item-icon {

  display: inline-block;

  vertical-align: top;

  width: 32px;

  height: 32px;

  margin: 0 .5rem 0 0;

  font-size: 1rem;

  line-height: 32px;

  text-align: center;

  border: 1px solid #c7c7c7;

  border-radius: 2rem;

  transition: background-color .3s, border-color .3s;

}

.hk-wizard-item-icon .hk-wizard-icon {

  position: relative;

  top: -.5px;

  color: #007D88;

}



.hk-wizard-item-content {

  display: inline-block;

  vertical-align: top;

}



.hk-wizard-item-tail {

  position: absolute;

  top: 12px;

  left: 0;

  width: 100%;

  padding: 0 .625rem;

}

.hk-wizard-item-tail:after {

  display: inline-block;

  width: 100%;

  height: 1px;

  background: #d8d8d8;

  border-radius: 1px;

  -webkit-transition: background 0.3s;

  -moz-transition: background 0.3s;

  transition: background 0.3s;

  content: "";

}



.hk-wizard-item-title {

  position: relative;

  display: inline-block;

  padding-right: 1rem;

  font-size: 1rem;

  line-height: 32px;

  color: #262a2e;

}

.hk-wizard-item-title:after {

  position: absolute;

  top: 16px;

  left: 100%;

  display: block;

  width: 9999px;

  height: 1px;

  background: #d8d8d8;

  content: "";

}



.hk-wizard-item-subtitle {

  display: inline;

  margin-left: .5rem;

  font-weight: 400;

  font-size: 0.875rem;

}



.hk-wizard-item-description {

  font-size: 0.875rem;

}



.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {

  color: #6f6f6f;

}

.hk-wizard-item-wait .hk-wizard-item-icon {

  background-color: #fff;

  border-color: #c7c7c7;

}

.hk-wizard-item-wait .hk-wizard-item-icon > .hk-wizard-icon {

  color: #c7c7c7;

}

.hk-wizard-item-wait .hk-wizard-item-icon > .hk-wizard-icon .hk-wizard-icon-dot {

  background: #c7c7c7;

}

.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {

  background-color: #d8d8d8;

}

.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-tail:after {

  background-color: #d8d8d8;

}



.hk-wizard-item-process .hk-wizard-item-icon {

  background-color: #fff;

  border-color: #007D88;

}

.hk-wizard-item-process .hk-wizard-item-icon > .hk-wizard-icon {

  color: #007D88;

}

.hk-wizard-item-process .hk-wizard-item-icon > .hk-wizard-icon .hk-wizard-icon-dot {

  background: #007D88;

}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {

  color: #262a2e;

}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {

  background-color: #d8d8d8;

}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-description {

  color: #262a2e;

}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-tail:after {

  background-color: #d8d8d8;

}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-icon {

  background: #007D88;

}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-icon .hk-wizard-icon {

  color: #fff;

}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-title {

  font-weight: 500;

}



.hk-wizard-item-finish .hk-wizard-item-icon {

  background-color: #fff;

  border-color: #007D88;

}

.hk-wizard-item-finish .hk-wizard-item-icon > .hk-wizard-icon {

  color: #007D88;

}

.hk-wizard-item-finish .hk-wizard-item-icon > .hk-wizard-icon .hk-wizard-icon-dot {

  background: #007D88;

}

.hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {

  color: #262a2e;

}

.hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {

  background-color: #007D88;

}

.hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-tail:after {

  background-color: #007D88;

}



.hk-wizard-item-error .hk-wizard-item-icon {

  background-color: #fff;

  border-color: #FF0000;

}

.hk-wizard-item-error .hk-wizard-item-icon > .hk-wizard-icon {

  color: #FF0000;

}

.hk-wizard-item-error .hk-wizard-item-icon > .hk-wizard-icon .hk-wizard-icon-dot {

  background: #FF0000;

}

.hk-wizard-item-error > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {

  color: #FF0000;

}

.hk-wizard-item-error > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {

  background-color: #d8d8d8;

}

.hk-wizard-item-error > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-description {

  color: #FF0000;

}

.hk-wizard-item-error > .hk-wizard-item-container > .hk-wizard-item-tail:after {

  background-color: #d8d8d8;

}



.hk-wizard-item.hk-wizard-next-error .hk-wizard-item-title:after {

  background: #FF0000;

}



.hk-wizard-item-disabled {

  cursor: not-allowed;

}



.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item {

  padding-left: 1rem;

  white-space: nowrap;

}

.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item:first-child {

  padding-left: 0;

}

.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item:last-child .hk-wizard-item-title {

  padding-right: 0;

}

.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item-tail {

  display: none;

}

.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item-description {

  max-width: 140px;

  white-space: normal;

}



.hk-wizard-item-custom > .hk-wizard-item-container > .hk-wizard-item-icon {

  height: auto;

  background: 0 0;

  border: 0;

}

.hk-wizard-item-custom > .hk-wizard-item-container > .hk-wizard-item-icon > .hk-wizard-icon {

  top: 0;

  left: .5px;

  width: 32px;

  height: 32px;

  font-size: 1.5rem;

  line-height: 32px;

}



.hk-wizard-item-custom.hk-wizard-item-process .hk-wizard-item-icon > .hk-wizard-icon {

  color: #007D88;

}



.hk-wizard-sm.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item {

  padding-left: .75rem;

}

.hk-wizard-sm.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item:first-child {

  padding-left: 0;

}



.hk-wizard-sm .hk-wizard-item-icon {

  width: 24px;

  height: 24px;

  margin: 0 .5rem 0 0;

  font-size: 0.75rem;

  line-height: 24px;

  text-align: center;

  border-radius: 1.5rem;

}

.hk-wizard-sm .hk-wizard-item-title {

  padding-right: .75rem;

  font-size: 0.875rem;

  line-height: 24px;

}

.hk-wizard-sm .hk-wizard-item-title:after {

  top: 12px;

}

.hk-wizard-sm .hk-wizard-item-description {

  font-size: 0.875rem;

}

.hk-wizard-sm .hk-wizard-item-tail {

  top: 8px;

}

.hk-wizard-sm .hk-wizard-item-custom .hk-wizard-item-icon {

  width: inherit;

  height: inherit;

  line-height: inherit;

  background: 0 0;

  border: 0;

  border-radius: 0;

}

.hk-wizard-sm .hk-wizard-item-custom .hk-wizard-item-icon > .hk-wizard-icon {

  font-size: 1.5rem;

  line-height: 24px;

  transform: none;

}



.hk-wizard-vertical {

  display: flex;

  flex-direction: column;

}

.hk-wizard-vertical > .hk-wizard-item {

  display: block;

  flex: 1 0 auto;

  padding-left: 0;

  overflow: visible;

}

.hk-wizard-vertical > .hk-wizard-item .hk-wizard-item-icon {

  float: left;

  margin-right: 1rem;

}

.hk-wizard-vertical > .hk-wizard-item .hk-wizard-item-content {

  display: block;

  min-height: 48px;

  overflow: hidden;

}

.hk-wizard-vertical > .hk-wizard-item .hk-wizard-item-title {

  line-height: 32px;

}

.hk-wizard-vertical > .hk-wizard-item .hk-wizard-item-description {

  padding-bottom: .75rem;

}

.hk-wizard-vertical > .hk-wizard-item > .hk-wizard-item-container > .hk-wizard-item-tail {

  position: absolute;

  top: 0;

  left: 16px;

  width: 1px;

  height: 100%;

  padding: 2.375rem 0 .375rem;

}

.hk-wizard-vertical > .hk-wizard-item > .hk-wizard-item-container > .hk-wizard-item-tail:after {

  width: 1px;

  height: 100%;

}

.hk-wizard-vertical > .hk-wizard-item > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {

  display: none;

}

.hk-wizard-vertical > .hk-wizard-item:not(:last-child) > .hk-wizard-item-container > .hk-wizard-item-tail {

  display: block;

}



.hk-wizard-vertical.hk-wizard-sm .hk-wizard-item-container .hk-wizard-item-tail {

  position: absolute;

  top: 0;

  left: 12px;

  padding: 1.875rem 0 .375rem;

}

.hk-wizard-vertical.hk-wizard-sm .hk-wizard-item-container .hk-wizard-item-title {

  line-height: 24px;

}



.hk-wizard-label-vertical .hk-wizard-item {

  overflow: visible;

}

.hk-wizard-label-vertical .hk-wizard-item-tail {

  margin-left: 3.625rem;

  padding: .25rem 1.5rem;

}

.hk-wizard-label-vertical .hk-wizard-item-content {

  display: block;

  width: 116px;

  margin-top: .5rem;

  text-align: center;

}

.hk-wizard-label-vertical .hk-wizard-item-icon {

  display: inline-block;

  margin-left: 2.625rem;

}

.hk-wizard-label-vertical .hk-wizard-item-title {

  padding-right: 0;

  padding-left: 0;

}

.hk-wizard-label-vertical .hk-wizard-item-title:after {

  display: none;

}

.hk-wizard-label-vertical .hk-wizard-item-subtitle {

  display: block;

  margin-bottom: 4px;

  margin-left: 0;

  line-height: 1.5715;

}



.hk-wizard-label-vertical.hk-wizard-sm:not(.hk-wizard-dot) .hk-wizard-item-icon {

  margin-left: 2.875rem;

}



.hk-wizard-dot .hk-wizard-item-title {

  line-height: 1.5715;

}

.hk-wizard-dot .hk-wizard-item-tail {

  top: 2px;

  width: 100%;

  margin: 0 0 0 4.375rem;

  padding: 0;

}

.hk-wizard-dot .hk-wizard-item-tail:after {

  width: calc(100% - 20px);

  height: 3px;

  margin-left: .75rem;

}

.hk-wizard-dot .hk-wizard-item:first-child .hk-wizard-icon-dot {

  left: 2px;

}

.hk-wizard-dot .hk-wizard-item-icon {

  width: 8px;

  height: 8px;

  margin-left: 4.25rem;

  padding-right: 0;

  line-height: 8px;

  background: 0 0;

  border: 0;

}

.hk-wizard-dot .hk-wizard-item-icon .hk-wizard-icon-dot {

  position: relative;

  float: left;

  width: 100%;

  height: 100%;

  border-radius: 6.25rem;

  transition: all .3s;

}

.hk-wizard-dot .hk-wizard-item-icon .hk-wizard-icon-dot:after {

  position: absolute;

  top: -12px;

  left: -26px;

  width: 60px;

  height: 32px;

  content: "";

}

.hk-wizard-dot .hk-wizard-item-content {

  width: 140px;

}

.hk-wizard-dot .hk-wizard-item-process .hk-wizard-item-icon {

  position: relative;

  top: -1px;

  width: 10px;

  height: 10px;

  line-height: 10px;

  background: 0 0;

}

.hk-wizard-dot .hk-wizard-item-process .hk-wizard-icon:first-child .hk-wizard-icon-dot {

  left: 0;

}



.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-title {

  line-height: 1.5715;

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-tail {

  top: 2px;

  width: 100%;

  margin: 0 0 0 4.375rem;

  padding: 0;

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-tail:after {

  width: calc(100% - 20px);

  height: 3px;

  margin-left: .75rem;

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item:first-child .hk-wizard-icon-dot {

  left: 2px;

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-icon {

  width: 8px;

  height: 8px;

  margin-left: 4.25rem;

  padding-right: 0;

  line-height: 8px;

  background: 0 0;

  border: 0;

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-icon .hk-wizard-icon-dot {

  position: relative;

  float: left;

  width: 100%;

  height: 100%;

  border-radius: 6.25rem;

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-icon .hk-wizard-icon-dot:after {

  position: absolute;

  top: -12px;

  left: -26px;

  width: 60px;

  height: 32px;

  content: "";

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-content {

  width: 140px;

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-process .hk-wizard-item-icon {

  position: relative;

  top: -1px;

  width: 10px;

  height: 10px;

  line-height: 10px;

  background: 0 0;

}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-process .hk-wizard-icon:first-child .hk-wizard-icon-dot {

  left: 0;

}



.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item-icon {

  margin-top: .75rem;

  margin-left: 0;

  background: 0 0;

}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item > .hk-wizard-item-container > .hk-wizard-item-tail {

  top: 6.5px;

  left: -9px;

  margin: 0;

  padding: 1.375rem 0 .25rem;

}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item:first-child .hk-wizard-icon-dot {

  left: 0;

}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item-content {

  width: inherit;

}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item-process .hk-wizard-item-container .hk-wizard-item-icon .hk-wizard-icon-dot {

  top: -1px;

  left: -1px;

}



/*Pricing Table*/

.hk-pricing-table-1 .table th {

  font-size: 1rem;

  white-space: inherit !important;

}

.hk-pricing-table-1 .table thead tr th h5 {

  padding: .75rem 1.25rem;

  margin: 0 -1.25rem;

  border-bottom: 1px solid #d8d8d8;

}

.hk-pricing-table-1 .table thead tr th.pricing-highlighted h5 {

  background: #007D88;

  color: #fff;

}

.hk-pricing-table-1 .table tbody .monthly-price {

  text-align: center;

}

.hk-pricing-table-1 .table tbody .monthly-price .money {

  display: inline-block;

  vertical-align: top;

  padding-top: 1rem;

}

.hk-pricing-table-1 .table tbody .monthly-price .price sup {

  display: inline-block;

  vertical-align: top;

  padding-top: 1.5rem;

  font-size: 1.125rem;

}

.hk-pricing-table-1 .table tbody .monthly-price .price .price-number {

  font-size: 3.3rem;

  font-weight: 500;

}

.hk-pricing-table-1 .table tbody .monthly-price .duration {

  position: relative;

  top: 10px;

}



.hk-pricing-table-2 .table-responsive {

  padding-top: 3.125rem;

}

.hk-pricing-table-2 .table th {

  font-size: 1rem;

  white-space: inherit !important;

}

.hk-pricing-table-2 .table .pricing-highlighted {

  background: rgba(0, 125, 136, 0.15);

}

.hk-pricing-table-2 .table thead tr th {

  position: relative;

}

.hk-pricing-table-2 .table thead tr th.pricing-highlighted h5 {

  padding: .75rem 1.25rem;

  top: -47px;

  position: absolute;

  border-bottom: 1px solid #d8d8d8;

  background: #007D88;

  color: #fff;

  left: -1px;

  right: -1px;

}

.hk-pricing-table-2 .table tbody .monthly-price {

  text-align: center;

}

.hk-pricing-table-2 .table tbody .monthly-price .money {

  display: inline-block;

  vertical-align: top;

  padding-top: 1rem;

}

.hk-pricing-table-2 .table tbody .monthly-price .price sup {

  display: inline-block;

  vertical-align: top;

  padding-top: 1.5rem;

  font-size: 1.125rem;

}

.hk-pricing-table-2 .table tbody .monthly-price .price .price-number {

  font-size: 3.3rem;

  font-weight: 500;

}

.hk-pricing-table-2 .table tbody .monthly-price .duration {

  position: relative;

  top: 10px;

}



.hk-pricing-table-3 {

  text-align: center;

}

.hk-pricing-table-3 .table-responsive {

  padding-top: 3.125rem;

}

.hk-pricing-table-3 .table th {

  font-size: 1rem;

  white-space: inherit !important;

}

.hk-pricing-table-3 .table th .icon-wrap {

  margin-top: 1.5rem;

  font-size: 2.5rem;

}

.hk-pricing-table-3 .table tbody .monthly-price .money {

  display: inline-block;

  vertical-align: top;

  padding-top: 1rem;

}

.hk-pricing-table-3 .table tbody .monthly-price .price sup {

  display: inline-block;

  vertical-align: top;

  padding-top: 1.5rem;

  font-size: 1.125rem;

}

.hk-pricing-table-3 .table tbody .monthly-price .price .price-number {

  font-size: 2.6rem;

  font-weight: 500;

}

.hk-pricing-table-3 .table tbody .monthly-price .duration {

  display: inline-block;

  vertical-align: top;

  padding-top: 1.125rem;

}



/*Dropdown*/

.dropdown-toggle.no-caret:after {

  display: none;

}

.dropdown-toggle:after {

  content: '\f2f9';

  font: normal normal normal 1rem/1 'Material-Design-Iconic-Font';

  border: none !important;

  vertical-align: 0 !important;

  margin-left: .4em;

}

.dropdown-toggle.dropdown-toggle-split:after, .dropdown-toggle.dropdown-toggle-split:before {

  margin: 0 !important;

}



.dropup .dropdown-toggle::after {

  content: '\f2fc';

  margin-left: .4em;

}



.dropstart .dropdown-toggle::before {

  content: '\f2fa';

  vertical-align: 0 !important;

  font: normal normal normal 1rem/1 'Material-Design-Iconic-Font';

  border: none !important;

  margin-right: .4em;

}

.dropstart .dropdown-toggle::after {

  display: none;

}



.dropend .dropdown-toggle::after {

  content: '\f2fb';

  vertical-align: 0;

  margin-left: .4em;

}



.btn.btn-lg.dropdown-toggle:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-lg.dropdown-toggle.hopscotch-nav-button:after, .btn.btn-lg.dropdown-toggle:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-lg.dropdown-toggle.hopscotch-nav-button:before, .btn.btn-sm.dropdown-toggle:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .dropdown-toggle.hopscotch-nav-button:after, .btn.btn-sm.dropdown-toggle:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .dropdown-toggle.hopscotch-nav-button:before, .btn.btn-xs.dropdown-toggle:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-xs.dropdown-toggle.hopscotch-nav-button:after, .btn.btn-xs.dropdown-toggle:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-xs.dropdown-toggle.hopscotch-nav-button:before {

  font-size: inherit;

}



.dropdown-menu, .apexcharts-toolbar .apexcharts-menu {

  color: #6f6f6f;

  border: none;

  border-radius: 0.5rem;

  padding: .5rem;

  box-shadow: 0px 6px 16px rgba(47, 52, 58, 0.1);

}

.dropdown-menu .dropdown-item-text, .apexcharts-toolbar .apexcharts-menu .dropdown-item-text {

  color: #6f6f6f;

  padding: .5rem .75rem;

}

.dropdown-menu .dropdown-header, .apexcharts-toolbar .apexcharts-menu .dropdown-header {

  color: #9e9e9e;

  padding: .5rem .75rem;

  font-weight: 500;

}

.dropdown-menu .dropdown-header.dropdown-header-bold, .apexcharts-toolbar .apexcharts-menu .dropdown-header.dropdown-header-bold {

  font-size: 0.75rem;

  text-transform: uppercase;

  font-weight: 600;

}

.dropdown-menu .dropdown-header.header-wth-bg, .apexcharts-toolbar .apexcharts-menu .dropdown-header.header-wth-bg {

  background: #262a2e;

  color: #fff;

  margin-top: -.5rem;

  margin-left: -.5rem;

  margin-right: -.5rem;

  margin-bottom: .5rem;

  border-top-left-radius: 0.5rem;

  border-top-right-radius: 0.5rem;

  padding-top: .8rem;

  padding-bottom: .8rem;

}

.dropdown-menu.dropdown-bordered, .apexcharts-toolbar .dropdown-bordered.apexcharts-menu {

  border: 1px solid #d8d8d8;

  box-shadow: none;

}

.dropdown-menu.dropdown-menu-icon-text .dropdown-item .dropdown-item-text, .apexcharts-toolbar .dropdown-menu-icon-text.apexcharts-menu .dropdown-item .dropdown-item-text {

  padding: 0;

}

.dropdown-menu.dropdown-menu-avatar .dropdown-item, .apexcharts-toolbar .dropdown-menu-avatar.apexcharts-menu .dropdown-item {

  padding-top: .3rem;

  padding-bottom: .3rem;

}

.dropdown-menu.dropdown-menu-avatar .dropdown-item .dropdown-item-text, .apexcharts-toolbar .dropdown-menu-avatar.apexcharts-menu .dropdown-item .dropdown-item-text {

  padding: 0;

}

.dropdown-menu.dropdown-menu-avatar .dropdown-item .avatar, .apexcharts-toolbar .dropdown-menu-avatar.apexcharts-menu .dropdown-item .avatar {

  margin-right: 1rem;

}

.dropdown-menu .dropdown-item, .apexcharts-toolbar .apexcharts-menu .dropdown-item {

  color: #262a2e;

  cursor: pointer;

  border-radius: .25rem;

  padding: .25rem .75rem;

}

.dropdown-menu .dropdown-item .dropdown-icon, .apexcharts-toolbar .apexcharts-menu .dropdown-item .dropdown-icon {

  font-size: 1.125rem;

  margin-right: .625rem;

  width: 21px;

  position: relative;

  top: 2px;

}

.dropdown-menu .dropdown-item .dropdown-icon.feather-icon, .apexcharts-toolbar .apexcharts-menu .dropdown-item .dropdown-icon.feather-icon, .dropdown-menu .dropdown-item .dropdown-icon .svg-icon, .apexcharts-toolbar .apexcharts-menu .dropdown-item .dropdown-icon .svg-icon {

  top: -2px;

}

.dropdown-menu .dropdown-item.active, .apexcharts-toolbar .apexcharts-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .apexcharts-toolbar .apexcharts-menu .dropdown-item:active {

  background-color: #007D88;

  color: #fff;

}

.dropdown-menu .dropdown-item:focus:not(.active):not(.disabled), .apexcharts-toolbar .apexcharts-menu .dropdown-item:focus:not(.active):not(.disabled), .dropdown-menu .dropdown-item:hover:not(.active):not(.disabled), .apexcharts-toolbar .apexcharts-menu .dropdown-item:hover:not(.active):not(.disabled) {

  background-color: #f7f7f7;

  color: #262a2e;

}

.dropdown-menu .dropdown-item:disabled, .apexcharts-toolbar .apexcharts-menu .dropdown-item:disabled, .dropdown-menu .dropdown-item.disabled, .apexcharts-toolbar .apexcharts-menu .dropdown-item.disabled {

  color: #b5b5b5;

  background-color: transparent;

}

.dropdown-menu .sub-dropdown-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu {

  position: relative;

}

.dropdown-menu .sub-dropdown-menu .dropdown-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .apexcharts-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .apexcharts-menu {

  top: 0;

}

.dropdown-menu .sub-dropdown-menu .dropdown-menu:before, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu:before, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .apexcharts-menu:before, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .apexcharts-menu:before, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .apexcharts-menu:before, .dropdown-menu .sub-dropdown-menu .dropdown-menu:after, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu:after, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .apexcharts-menu:after, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .apexcharts-menu:after, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .apexcharts-menu:after {

  display: none !important;

}

.dropdown-menu .sub-dropdown-menu .dropdown-menu.open-left-side, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu.open-left-side, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .open-left-side.apexcharts-menu, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .open-left-side.apexcharts-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .open-left-side.apexcharts-menu {

  right: 100% !important;

  left: auto !important;

}

.dropdown-menu .sub-dropdown-menu .dropdown-menu.open-right-side, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu.open-right-side, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .open-right-side.apexcharts-menu, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .open-right-side.apexcharts-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .open-right-side.apexcharts-menu {

  left: 100% !important;

}

.dropdown-menu.dropdown-menu-dark, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu {

  background: #262a2e;

  border-color: #262a2e;

  color: #fff;

}

.dropdown-menu.dropdown-menu-dark .dropdown-header, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-header,

.dropdown-menu.dropdown-menu-dark .dropdown-item-text,

.apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item-text {

  color: #6f6f6f;

}

.dropdown-menu.dropdown-menu-dark .dropdown-item, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item {

  color: #eaeaea;

}

.dropdown-menu.dropdown-menu-dark .dropdown-item:focus:not(.active):not(.disabled), .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item:focus:not(.active):not(.disabled), .dropdown-menu.dropdown-menu-dark .dropdown-item:hover:not(.active):not(.disabled), .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item:hover:not(.active):not(.disabled) {

  background-color: #4f4f4f;

  color: #fff;

}

.dropdown-menu.dropdown-menu-dark .dropdown-item.active, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item.active, .dropdown-menu.dropdown-menu-dark .dropdown-item:active, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item:active {

  color: #fff;

}

.dropdown-menu.dropdown-menu-dark .dropdown-item:disabled, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item:disabled, .dropdown-menu.dropdown-menu-dark .dropdown-item.disabled, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item.disabled {

  color: #5f5f5f;

}

.dropdown-menu.dropdown-menu-dark .dropdown-divider, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-divider {

  border-color: #262a2e;

}



.dropdown-divider {

  border-color: #eaeaea;

  margin-right: -.5rem;

  margin-left: -.5rem;

}



.show-on-hover:hover > .dropdown-menu, .apexcharts-toolbar .show-on-hover:hover > .apexcharts-menu {

  display: block;

}

.show-on-hover > .dropdown-toggle:active {

  pointer-events: none;

}



.dropdown-menu.animated, .apexcharts-toolbar .animated.apexcharts-menu {

  -webkit-animation-duration: 0.55s;

  animation-duration: 0.55s;

  -webkit-animation-timing-function: ease;

  animation-timing-function: ease;

}



.custom-caret svg {

  height: 19px;

  width: 19px;

}



.btn-sm .custom-caret svg, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button .custom-caret svg {

  height: 17px;

  width: 17px;

}



.btn-group-lg > .btn + .dropdown-toggle-split, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-lg > .hopscotch-nav-button + .dropdown-toggle-split,

.btn-lg + .dropdown-toggle-split {

  padding-right: 1.3rem;

  padding-left: 1.3rem;

}



.btn-group-sm > .btn + .dropdown-toggle-split, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-sm > .hopscotch-nav-button + .dropdown-toggle-split,

.btn-sm + .dropdown-toggle-split,

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button + .dropdown-toggle-split {

  padding-right: .8rem;

  padding-left: .8rem;

}



/*Avatar*/

.avatar {

  position: relative;

  display: inline-block;

  width: 4rem;

  height: 4rem;

  vertical-align: middle;

  background-color: transparent;

}

.avatar .avatar-img,

.avatar .initial-wrap {

  width: 100%;

  height: 100%;

  border-radius: 0.5rem;

  -o-object-fit: cover;

  object-fit: cover;

}

.avatar > .initial-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  font-size: 1.1rem;

  font-weight: 600;

}

.avatar.avatar-rounded .avatar-img,

.avatar.avatar-rounded .initial-wrap {

  border-radius: 50%;

}

.avatar.avatar-square .avatar-img,

.avatar.avatar-square .initial-wrap {

  border-radius: 0;

}

.avatar.avatar-xxxl {

  width: 9rem;

  height: 9rem;

}

.avatar.avatar-xxxl > .initial-wrap {

  font-size: 2.25rem;

}

.avatar.avatar-xxl {

  width: 8rem;

  height: 8rem;

}

.avatar.avatar-xxl > .initial-wrap {

  font-size: 2rem;

}

.avatar.avatar-xl {

  width: 7rem;

  height: 7rem;

}

.avatar.avatar-xl > .initial-wrap {

  font-size: 1.75rem;

}

.avatar.avatar-lg {

  width: 6rem;

  height: 6rem;

}

.avatar.avatar-lg > .initial-wrap {

  font-size: 1.5rem;

}

.avatar.avatar-md {

  width: 5rem;

  height: 5rem;

}

.avatar.avatar-md > .initial-wrap {

  font-size: 1.25rem;

}

.avatar.avatar-sm {

  width: 3rem;

  height: 3rem;

}

.avatar.avatar-sm > .initial-wrap {

  font-size: 1rem;

}

.avatar.avatar-xs {

  width: 2rem;

  height: 2rem;

}

.avatar.avatar-xs > .initial-wrap {

  font-size: 0.75rem;

}

.avatar.avatar-xxs {

  width: 1.5rem;

  height: 1.5rem;

}

.avatar.avatar-xxs > .initial-wrap {

  font-size: 0.6rem;

}

.avatar.avatar-icon > .initial-wrap {

  font-size: 1.5rem;

  font-weight: inherit;

}

.avatar.avatar-icon.avatar-xxxl > .initial-wrap {

  font-size: 2.75rem;

}

.avatar.avatar-icon.avatar-xxl > .initial-wrap {

  font-size: 2.5rem;

}

.avatar.avatar-icon.avatar-xl > .initial-wrap {

  font-size: 2.25rem;

}

.avatar.avatar-icon.avatar-lg > .initial-wrap {

  font-size: 2rem;

}

.avatar.avatar-icon.avatar-md > .initial-wrap {

  font-size: 1.75rem;

}

.avatar.avatar-icon.avatar-sm > .initial-wrap {

  font-size: 1.25rem;

}

.avatar.avatar-icon.avatar-xs > .initial-wrap {

  font-size: 1.25rem;

}

.avatar.avatar-icon.avatar-xxs > .initial-wrap {

  font-size: 1rem;

}

.avatar.avatar-logo > .initial-wrap {

  background: #f7f7f7;

}

.avatar.avatar-logo > .initial-wrap > img {

  height: 50%;

}

.avatar.avatar-cyan > .initial-wrap {

  background-color: #18DDEF !important;

  color: #fff;

}

.avatar.avatar-info > .initial-wrap {

  background-color: #18DDEF !important;

  color: #fff;

}

.avatar.avatar-sky > .initial-wrap {

  background-color: #00B0FF !important;

  color: #fff;

}

.avatar.avatar-green > .initial-wrap {

  background-color: #00D67F !important;

  color: #fff;

}

.avatar.avatar-success > .initial-wrap {

  background-color: #00D67F !important;

  color: #fff;

}

.avatar.avatar-red > .initial-wrap {

  background-color: #FF0000 !important;

  color: #fff;

}

.avatar.avatar-danger > .initial-wrap {

  background-color: #FF0000 !important;

  color: #fff;

}

.avatar.avatar-yellow > .initial-wrap {

  background-color: #FFC400 !important;

  color: #fff;

}

.avatar.avatar-warning > .initial-wrap {

  background-color: #FFC400 !important;

  color: #fff;

}

.avatar.avatar-pink > .initial-wrap {

  background-color: #E92990 !important;

  color: #fff;

}

.avatar.avatar-purple > .initial-wrap {

  background-color: #C02FF3 !important;

  color: #fff;

}

.avatar.avatar-violet > .initial-wrap {

  background-color: #7429F8 !important;

  color: #fff;

}

.avatar.avatar-indigo > .initial-wrap {

  background-color: #0069F7 !important;

  color: #fff;

}

.avatar.avatar-blue > .initial-wrap {

  background-color: #298DFF !important;

  color: #fff;

}

.avatar.avatar-primary > .initial-wrap {

  background-color: #008977 !important;

  color: #fff;

}

.avatar.avatar-teal > .initial-wrap {

  background-color: #008977 !important;

  color: #fff;

}

.avatar.avatar-neon > .initial-wrap {

  background-color: #81E230 !important;

  color: #fff;

}

.avatar.avatar-lime > .initial-wrap {

  background-color: #C2E939 !important;

  color: #fff;

}

.avatar.avatar-sun > .initial-wrap {

  background-color: #FFEA00 !important;

  color: #262a2e;

}

.avatar.avatar-orange > .initial-wrap {

  background-color: #FF9100 !important;

  color: #fff;

}

.avatar.avatar-pumpkin > .initial-wrap {

  background-color: #FF5700 !important;

  color: #fff;

}

.avatar.avatar-brown > .initial-wrap {

  background-color: #954D15 !important;

  color: #fff;

}

.avatar.avatar-gold > .initial-wrap {

  background-color: #C39749 !important;

  color: #fff;

}

.avatar.avatar-dark > .initial-wrap {

  background-color: #262a2e !important;

  color: #fff;

}

.avatar.avatar-light > .initial-wrap {

  background-color: #eaeaea !important;

  color: #262a2e;

}

.avatar.avatar-grey > .initial-wrap {

  background-color: #9e9e9e !important;

  color: #fff;

}

.avatar.avatar-secondary > .initial-wrap {

  background-color: #6f6f6f !important;

  color: #fff;

}

.avatar.avatar-soft-cyan > .initial-wrap {

  background-color: #edfcfe !important;

  color: #18DDEF;

}

.avatar.avatar-soft-info > .initial-wrap {

  background-color: #edfcfe !important;

  color: #18DDEF;

}

.avatar.avatar-soft-sky > .initial-wrap {

  background-color: #ebf9ff !important;

  color: #00B0FF;

}

.avatar.avatar-soft-green > .initial-wrap {

  background-color: #ebfcf5 !important;

  color: #00D67F;

}

.avatar.avatar-soft-success > .initial-wrap {

  background-color: #ebfcf5 !important;

  color: #00D67F;

}

.avatar.avatar-soft-red > .initial-wrap {

  background-color: #ffebeb !important;

  color: #FF0000;

}

.avatar.avatar-soft-danger > .initial-wrap {

  background-color: #ffebeb !important;

  color: #FF0000;

}

.avatar.avatar-soft-yellow > .initial-wrap {

  background-color: #fffaeb !important;

  color: #FFC400;

}

.avatar.avatar-soft-warning > .initial-wrap {

  background-color: #fffaeb !important;

  color: #FFC400;

}

.avatar.avatar-soft-pink > .initial-wrap {

  background-color: #fdeef6 !important;

  color: #E92990;

}

.avatar.avatar-soft-purple > .initial-wrap {

  background-color: #faeefe !important;

  color: #C02FF3;

}

.avatar.avatar-soft-violet > .initial-wrap {

  background-color: #f4eefe !important;

  color: #7429F8;

}

.avatar.avatar-soft-indigo > .initial-wrap {

  background-color: #ebf3fe !important;

  color: #0069F7;

}

.avatar.avatar-soft-blue > .initial-wrap {

  background-color: #eef6ff !important;

  color: #298DFF;

}

.avatar.avatar-soft-primary > .initial-wrap {

  background-color: #ebf5f5 !important;

  color: #007D88;

}

.avatar.avatar-soft-teal > .initial-wrap {

  background-color: #ebf5f5 !important;

  color: #007D88;

}

.avatar.avatar-soft-neon > .initial-wrap {

  background-color: #f5fdee !important;

  color: #81E230;

}

.avatar.avatar-soft-lime > .initial-wrap {

  background-color: #fafdef !important;

  color: #C2E939;

}

.avatar.avatar-soft-sun > .initial-wrap {

  background-color: #fffdeb !important;

  color: #FFEA00;

}

.avatar.avatar-soft-orange > .initial-wrap {

  background-color: #fff6eb !important;

  color: #FF9100;

}

.avatar.avatar-soft-pumpkin > .initial-wrap {

  background-color: #fff2eb !important;

  color: #FF5700;

}

.avatar.avatar-soft-brown > .initial-wrap {

  background-color: #f7f1ec !important;

  color: #954D15;

}

.avatar.avatar-soft-gold > .initial-wrap {

  background-color: #faf7f0 !important;

  color: #C39749;

}

.avatar.avatar-soft-dark > .initial-wrap {

  background-color: #d8d8d8 !important;

  color: #262a2e;

}

.avatar.avatar-soft-light > .initial-wrap {

  background-color: #f7f7f7 !important;

  color: #6f6f6f;

}

.avatar.avatar-soft-grey > .initial-wrap {

  background-color: #f7f7f7 !important;

  color: #9e9e9e;

}

.avatar.avatar-soft-secondary > .initial-wrap {

  background-color: #f3f3f3 !important;

  color: #6f6f6f;

}



.avatar-group {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

.avatar-group .avatar {

  width: 2.625rem;

  height: 2.625rem;

}

.avatar-group .avatar .avatar-img,

.avatar-group .avatar > .initial-wrap {

  border: 2px solid #fff;

  font-size: .9rem;

}

.avatar-group.avatar-group-overlapped .avatar {

  margin-right: -.875rem;

}

.avatar-group.avatar-group-overlapped .avatar:hover {

  z-index: 1;

}

.avatar-group.avatar-group-lg .avatar {

  width: 3.25rem;

  height: 3.25rem;

}

.avatar-group.avatar-group-lg .avatar > .initial-wrap {

  font-size: .95rem;

}

.avatar-group.avatar-group-lg.avatar-group-overlapped .avatar {

  margin-right: -1rem;

}

.avatar-group.avatar-group-sm .avatar {

  width: 2rem;

  height: 2rem;

}

.avatar-group.avatar-group-sm .avatar > .initial-wrap {

  font-size: .6rem;

}

.avatar-group.avatar-group-sm.avatar-group-overlapped .avatar {

  margin-right: -0.625rem;

}



/*Pagination*/

.pagination-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.page-link {

  color: #262a2e;

  border-color: #d8d8d8;

  min-width: 40px;

  min-height: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

}

.page-link:focus, .page-link:hover {

  color: #262a2e;

  box-shadow: none;

  background-color: #eaeaea;

  border-color: #d8d8d8;

}



.pagination .page-item.active .page-link {

  background: var(--primary) !important;

  border-color: #007D88;

  color: #fff;

}

.pagination .page-item.disabled .page-link {

  color: #b5b5b5;

}

.pagination .page-item:first-child .page-link {

  border-top-left-radius: 0.5rem;

  border-bottom-left-radius: 0.5rem;

}

.pagination .page-item:last-child .page-link {

  border-top-right-radius: 0.5rem;

  border-bottom-right-radius: 0.5rem;

}

.pagination.custom-pagination .page-item + .page-item {

  padding-left: .5rem;

  margin: 0;

}

.pagination.custom-pagination .page-link {

  padding: .5rem .8rem;

  border-radius: 0.5rem;

}

.pagination.custom-pagination.pagination-rounded .page-link {

  border-radius: 50rem;

}

.pagination.custom-pagination.pagination-rounded .page-item:first-child .page-link,

.pagination.custom-pagination.pagination-rounded .page-item:last-child .page-link {

  border-radius: 50rem;

}

.pagination.custom-pagination.pagination-filled .page-item:not(.active) .page-link {

  background: #f7f7f7;

  border-color: #f7f7f7;

}

.pagination.custom-pagination.pagination-filled .page-item:not(.active):hover .page-link {

  background-color: #eaeaea;

}

.pagination.custom-pagination.pagination-simple .page-item:not(.active) .page-link {

  border-color: transparent;

}

.pagination.pagination-sm .page-link {

  padding: .3rem .6rem;

  min-height: 30px;

  min-width: 30px;

}



/*Badge*/

.badge {

  font-weight: 500;

  border-radius: 0.5rem;

  padding: .5rem .625rem;

  font-size: 70%;

  min-width: 25px;

  letter-spacing: 0.3px;

  vertical-align: middle;

  display: inline-block;

  text-align: center;

  text-transform: capitalize;

}

.badge.badge-indicator {

  width: 10px;

  height: 10px;

  min-width: initial;

  border: 2px solid #fff;

  border-radius: 50%;

  padding: 0;

  position: relative;

}

.badge.badge-indicator:empty {

  display: inline-block;

}

.badge.badge-indicator.badge-indicator-sm {

  width: 7px;

  height: 7px;

}

.badge.badge-indicator.badge-indicator-lg {

  width: 12px;

  height: 12px;

}

.badge.badge-indicator.badge-indicator-xl {

  width: 16px;

  height: 16px;

}

.badge.badge-indicator.badge-indicator-nobdr {

  width: 8px;

  height: 8px;

  border: none;

}

.badge.badge-indicator.badge-indicator-nobdr-sm {

  width: 5px;

  height: 5px;

  border: none;

}

@-webkit-keyframes ripple {

  0% {

    transform: scale(0.8);

    opacity: 0.5;

  }

  to {

    transform: scale(2.4);

    opacity: 0;

  }

}

@keyframes ripple {

  0% {

    transform: scale(0.8);

    opacity: 0.5;

  }

  to {

    transform: scale(2.4);

    opacity: 0;

  }

}

.badge.badge-indicator.badge-indicator-processing {

  position: relative;

}

.badge.badge-indicator.badge-indicator-processing::after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 1px solid;

  border-radius: 50%;

  -webkit-animation: ripple 1.2s infinite ease-in-out;

  animation: ripple 1.2s infinite ease-in-out;

  content: "";

}

.badge > span {

  display: flex;

  align-items: center;

}

.badge > span .icon {

  display: flex;

  font-size: 0.875rem;

  margin-right: .25rem;

}

.badge > span .badge-dot {

  display: flex;

  font-size: 8px;

  margin-right: .25rem;

}

.badge.badge-sm {

  font-size: 60%;

  padding: .25rem .5rem;

  min-width: 19px;

}

.badge.badge-sm > span .badge-dot {

  font-size: .375rem;

}

.badge.badge-sm > span .icon {

  font-size: 0.75rem;

}

.badge.badge-cyan {

  background: #18DDEF;

  color: #fff;

}

.badge.badge-cyan.badge-indicator-processing:after {

  border-color: #18DDEF;

}

.badge.badge-info {

  background: #18DDEF;

  color: #fff;

}

.badge.badge-info.badge-indicator-processing:after {

  border-color: #18DDEF;

}

.badge.badge-sky {

  background: #00B0FF;

  color: #fff;

}

.badge.badge-sky.badge-indicator-processing:after {

  border-color: #00B0FF;

}

.badge.badge-green {

  background: #00D67F;

  color: #fff;

}

.badge.badge-green.badge-indicator-processing:after {

  border-color: #00D67F;

}

.badge.badge-success {

  background: #00D67F;

  color: #fff;

}

.badge.badge-success.badge-indicator-processing:after {

  border-color: #00D67F;

}

.badge.badge-red {

  background: #FF0000;

  color: #fff;

}

.badge.badge-red.badge-indicator-processing:after {

  border-color: #FF0000;

}

.badge.badge-danger {

  background: #FF0000;

  color: #fff;

}

.badge.badge-danger.badge-indicator-processing:after {

  border-color: #FF0000;

}

.badge.badge-yellow {

  background: #FFC400;

  color: #fff;

}

.badge.badge-yellow.badge-indicator-processing:after {

  border-color: #FFC400;

}

.badge.badge-warning {

  background: #FFC400;

  color: #fff;

}

.badge.badge-warning.badge-indicator-processing:after {

  border-color: #FFC400;

}

.badge.badge-pink {

  background: #E92990;

  color: #fff;

}

.badge.badge-pink.badge-indicator-processing:after {

  border-color: #E92990;

}

.badge.badge-purple {

  background: #C02FF3;

  color: #fff;

}

.badge.badge-purple.badge-indicator-processing:after {

  border-color: #C02FF3;

}

.badge.badge-violet {

  background: #7429F8;

  color: #fff;

}

.badge.badge-violet.badge-indicator-processing:after {

  border-color: #7429F8;

}

.badge.badge-indigo {

  background: #0069F7;

  color: #fff;

}

.badge.badge-indigo.badge-indicator-processing:after {

  border-color: #0069F7;

}

.badge.badge-blue {

  background: #298DFF;

  color: #fff;

}

.badge.badge-blue.badge-indicator-processing:after {

  border-color: #298DFF;

}

.badge.badge-primary {

  background: #008977;

  color: #fff;

}

.badge.badge-primary.badge-indicator-processing:after {

  border-color: #008977;

}

.badge.badge-teal {

  background: #008977;

  color: #fff;

}

.badge.badge-teal.badge-indicator-processing:after {

  border-color: #008977;

}

.badge.badge-neon {

  background: #81E230;

  color: #fff;

}

.badge.badge-neon.badge-indicator-processing:after {

  border-color: #81E230;

}

.badge.badge-lime {

  background: #C2E939;

  color: #fff;

}

.badge.badge-lime.badge-indicator-processing:after {

  border-color: #C2E939;

}

.badge.badge-sun {

  background: #FFEA00;

  color: #262a2e;

}

.badge.badge-sun.badge-indicator-processing:after {

  border-color: #FFEA00;

}

.badge.badge-orange {

  background: #FF9100;

  color: #fff;

}

.badge.badge-orange.badge-indicator-processing:after {

  border-color: #FF9100;

}

.badge.badge-pumpkin {

  background: #FF5700;

  color: #fff;

}

.badge.badge-pumpkin.badge-indicator-processing:after {

  border-color: #FF5700;

}

.badge.badge-smoke {

  background: #5e7d8a;

  color: #fff;

}

.badge.badge-smoke.badge-indicator-processing:after {

  border-color: #5e7d8a;

}

.badge.badge-brown {

  background: #954D15;

  color: #fff;

}

.badge.badge-brown.badge-indicator-processing:after {

  border-color: #954D15;

}

.badge.badge-gold {

  background: #C39749;

  color: #fff;

}

.badge.badge-gold.badge-indicator-processing:after {

  border-color: #C39749;

}

.badge.badge-grey {

  background: #9e9e9e;

  color: #fff;

}

.badge.badge-grey.badge-indicator-processing:after {

  border-color: #9e9e9e;

}

.badge.badge-secondary {

  background: #6f6f6f;

  color: #fff;

}

.badge.badge-secondary.badge-indicator-processing:after {

  border-color: #6f6f6f;

}

.badge.badge-light {

  background: #eaeaea;

  color: #262a2e;

}

.badge.badge-light.badge-indicator-processing:after {

  border-color: #eaeaea;

}

.badge.badge-dark {

  background: #262a2e;

  color: #fff;

}

.badge.badge-dark.badge-indicator-processing:after {

  border-color: #262a2e;

}

.badge.badge-outline {

  background: transparent;

  border: 1px solid;

}

.badge.badge-outline.badge-cyan {

  border-color: #18DDEF;

  color: #18DDEF;

}

.badge.badge-outline.badge-info {

  border-color: #18DDEF;

  color: #18DDEF;

}

.badge.badge-outline.badge-sky {

  border-color: #00B0FF;

  color: #00B0FF;

}

.badge.badge-outline.badge-green {

  border-color: #00D67F;

  color: #00ab66;

}

.badge.badge-outline.badge-success {

  border-color: #00D67F;

  color: #00ab66;

}

.badge.badge-outline.badge-red {

  border-color: #FF0000;

  color: #e60000;

}

.badge.badge-outline.badge-danger {

  border-color: #FF0000;

  color: #e60000;

}

.badge.badge-outline.badge-yellow {

  border-color: #FFC400;

  color: #cc9d00;

}

.badge.badge-outline.badge-warning {

  border-color: #FFC400;

  color: #cc9d00;

}

.badge.badge-outline.badge-grey {

  border-color: #9e9e9e;

  color: #9e9e9e;

}

.badge.badge-outline.badge-secondary {

  border-color: #6f6f6f;

  color: #6f6f6f;

}

.badge.badge-outline.badge-light {

  border-color: #eaeaea;

  color: #262a2e;

}

.badge.badge-outline.badge-dark {

  border-color: #262a2e;

  color: #262a2e;

}

.badge.badge-outline.badge-pink {

  border-color: #E92990;

  color: #E92990;

}

.badge.badge-outline.badge-purple {

  border-color: #C02FF3;

  color: #C02FF3;

}

.badge.badge-outline.badge-violet {

  border-color: #7429F8;

  color: #7429F8;

}

.badge.badge-outline.badge-indigo {

  border-color: #0069F7;

  color: #0069F7;

}

.badge.badge-outline.badge-blue {

  border-color: #298DFF;

  color: #298DFF;

}

.badge.badge-outline.badge-primary {

  border-color: #008977;

  color: #008977;

}

.badge.badge-outline.badge-teal {

  border-color: #008977;

  color: #008977;

}

.badge.badge-outline.badge-neon {

  border-color: #81E230;

  color: #81E230;

}

.badge.badge-outline.badge-lime {

  border-color: #C2E939;

  color: #C2E939;

}

.badge.badge-outline.badge-sun {

  border-color: #FFEA00;

  color: #FFEA00;

}

.badge.badge-outline.badge-orange {

  border-color: #FF9100;

  color: #FF9100;

}

.badge.badge-outline.badge-pumpkin {

  border-color: #FF5700;

  color: #FF5700;

}

.badge.badge-outline.badge-smoke {

  border-color: #5e7d8a;

  color: #5e7d8a;

}

.badge.badge-outline.badge-brown {

  border-color: #954D15;

  color: #954D15;

}

.badge.badge-outline.badge-gold {

  border-color: #C39749;

  color: #C39749;

}

.badge.badge-soft-cyan {

  background: #edfcfe;

  color: #18DDEF;

}

.badge.badge-soft-cyan.badge-indicator-processing:after {

  border-color: #edfcfe;

}

.badge.badge-soft-info {

  background: #edfcfe;

  color: #18DDEF;

}

.badge.badge-soft-info.badge-indicator-processing:after {

  border-color: #edfcfe;

}

.badge.badge-soft-sky {

  background: #ebf9ff;

  color: #00B0FF;

}

.badge.badge-soft-sky.badge-indicator-processing:after {

  border-color: #ebf9ff;

}

.badge.badge-soft-green {

  background: #ebfcf5;

  color: #00ab66;

}

.badge.badge-soft-green.badge-indicator-processing:after {

  border-color: #ebfcf5;

}

.badge.badge-soft-success {

  background: #ebfcf5;

  color: #00ab66;

}

.badge.badge-soft-success.badge-indicator-processing:after {

  border-color: #ebfcf5;

}

.badge.badge-soft-red {

  background: #ffebeb;

  color: #e60000;

}

.badge.badge-soft-red.badge-indicator-processing:after {

  border-color: #ffebeb;

}

.badge.badge-soft-danger {

  background: #ffebeb;

  color: #e60000;

}

.badge.badge-soft-danger.badge-indicator-processing:after {

  border-color: #ffebeb;

}

.badge.badge-soft-yellow {

  background: #fffaeb;

  color: #cc9d00;

}

.badge.badge-soft-yellow.badge-indicator-processing:after {

  border-color: #fffaeb;

}

.badge.badge-soft-warning {

  background: #fffaeb;

  color: #cc9d00;

}

.badge.badge-soft-warning.badge-indicator-processing:after {

  border-color: #fffaeb;

}

.badge.badge-soft-pink {

  background: #fdeef6;

  color: #E92990;

}

.badge.badge-soft-pink.badge-indicator-processing:after {

  border-color: #fdeef6;

}

.badge.badge-soft-purple {

  background: #faeefe;

  color: #C02FF3;

}

.badge.badge-soft-purple.badge-indicator-processing:after {

  border-color: #faeefe;

}

.badge.badge-soft-violet {

  background: #f4eefe;

  color: #7429F8;

}

.badge.badge-soft-violet.badge-indicator-processing:after {

  border-color: #f4eefe;

}

.badge.badge-soft-indigo {

  background: #ebf3fe;

  color: #0069F7;

}

.badge.badge-soft-indigo.badge-indicator-processing:after {

  border-color: #ebf3fe;

}

.badge.badge-soft-blue {

  background: #eef6ff;

  color: #298DFF;

}

.badge.badge-soft-blue.badge-indicator-processing:after {

  border-color: #eef6ff;

}

.badge.badge-soft-primary {

  background: #ebf5f5;

  color: #007D88;

}

.badge.badge-soft-primary.badge-indicator-processing:after {

  border-color: #ebf5f5;

}

.badge.badge-soft-teal {

  background: #ebf5f5;

  color: #007D88;

}

.badge.badge-soft-teal.badge-indicator-processing:after {

  border-color: #ebf5f5;

}

.badge.badge-soft-neon {

  background: #f5fdee;

  color: #81E230;

}

.badge.badge-soft-neon.badge-indicator-processing:after {

  border-color: #f5fdee;

}

.badge.badge-soft-lime {

  background: #fafdef;

  color: #C2E939;

}

.badge.badge-soft-lime.badge-indicator-processing:after {

  border-color: #fafdef;

}

.badge.badge-soft-sun {

  background: #fffdeb;

  color: #FFEA00;

}

.badge.badge-soft-sun.badge-indicator-processing:after {

  border-color: #fffdeb;

}

.badge.badge-soft-orange {

  background: #fff6eb;

  color: #FF9100;

}

.badge.badge-soft-orange.badge-indicator-processing:after {

  border-color: #fff6eb;

}

.badge.badge-soft-pumpkin {

  background: #fff2eb;

  color: #FF5700;

}

.badge.badge-soft-pumpkin.badge-indicator-processing:after {

  border-color: #fff2eb;

}

.badge.badge-soft-smoke {

  background: #f2f5f6;

  color: #5e7d8a;

}

.badge.badge-soft-smoke.badge-indicator-processing:after {

  border-color: #f2f5f6;

}

.badge.badge-soft-brown {

  background: #f7f1ec;

  color: #954D15;

}

.badge.badge-soft-brown.badge-indicator-processing:after {

  border-color: #f7f1ec;

}

.badge.badge-soft-gold {

  background: #faf7f0;

  color: #C39749;

}

.badge.badge-soft-gold.badge-indicator-processing:after {

  border-color: #faf7f0;

}

.badge.badge-soft-grey {

  background: #f7f7f7;

  color: #9e9e9e;

}

.badge.badge-soft-grey.badge-indicator-processing:after {

  border-color: #f7f7f7;

}

.badge.badge-soft-secondary {

  background: #f3f3f3;

  color: #6f6f6f;

}

.badge.badge-soft-secondary.badge-indicator-processing:after {

  border-color: #f3f3f3;

}

.badge.badge-soft-light {

  background: #f7f7f7;

  color: #6f6f6f;

}

.badge.badge-soft-light.badge-indicator-processing:after {

  border-color: #f7f7f7;

}

.badge.badge-soft-dark {

  background: #d8d8d8;

  color: #262a2e;

}

.badge.badge-soft-dark.badge-indicator-processing:after {

  border-color: #d8d8d8;

}

.badge.badge-pill {

  border-radius: 50rem;

}



a.badge {

  -webkit-transition: all 0.15s ease;

  -moz-transition: all 0.15s ease;

  transition: all 0.15s ease;

}

a.badge:hover, a.badge:focus {

  -webkit-transform: translateY(-3px);

  -moz-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  -o-transform: translateY(-3px);

  transform: translateY(-3px);

  box-shadow: 0 0.1875rem 0.5rem rgba(47, 52, 58, 0.3) !important;

}

a.badge-sky:hover, a.badge-sky:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(0, 176, 255, 0.3) !important;

}

a.badge-cyan:hover, a.badge-cyan:focus {

  background: #18DDEF;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(24, 221, 239, 0.3) !important;

}

a.badge-info:hover, a.badge-info:focus {

  background: #18DDEF;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(24, 221, 239, 0.3) !important;

}

a.badge-blue:hover, a.badge-blue:focus {

  background: #298DFF;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(41, 141, 255, 0.3) !important;

}

a.badge-primary:hover, a.badge-primary:focus {

  background: #008977;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(0, 125, 136, 0.3) !important;

}

a.badge-green:hover, a.badge-green:focus {

  background: #00D67F;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(0, 214, 127, 0.3) !important;

}

a.badge-success:hover, a.badge-success:focus {

  background: #00D67F;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(0, 214, 127, 0.3) !important;

}

a.badge-red:hover, a.badge-red:focus {

  background: #FF0000;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(255, 0, 0, 0.3) !important;

}

a.badge-danger:hover, a.badge-danger:focus {

  background: #FF0000;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(255, 0, 0, 0.3) !important;

}

a.badge-yellow:hover, a.badge-yellow:focus {

  background: #FFC400;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(255, 196, 0, 0.3) !important;

}

a.badge-warning:hover, a.badge-warning:focus {

  background: #FFC400;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(255, 196, 0, 0.3) !important;

}

a.badge-grey:hover, a.badge-grey:focus {

  background: #9e9e9e;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(158, 158, 158, 0.3) !important;

}

a.badge-secondary:hover, a.badge-secondary:focus {

  background: #6f6f6f;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(111, 111, 111, 0.3) !important;

}

a.badge-pink:hover, a.badge-pink:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(233, 41, 144, 0.3) !important;

}

a.badge-purple:hover, a.badge-purple:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(192, 47, 243, 0.3) !important;

}

a.badge-violet:hover, a.badge-violet:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(116, 41, 248, 0.3) !important;

}

a.badge-indigo:hover, a.badge-indigo:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(0, 105, 247, 0.3) !important;

}

a.badge-teal:hover, a.badge-teal:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(0, 125, 136, 0.3) !important;

}

a.badge-neon:hover, a.badge-neon:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(129, 226, 48, 0.3) !important;

}

a.badge-lime:hover, a.badge-lime:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(194, 233, 57, 0.3) !important;

}

a.badge-sun:hover, a.badge-sun:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(255, 234, 0, 0.3) !important;

}

a.badge-orange:hover, a.badge-orange:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(255, 145, 0, 0.3) !important;

}

a.badge-pumpkin:hover, a.badge-pumpkin:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(255, 87, 0, 0.3) !important;

}

a.badge-smoke:hover, a.badge-smoke:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(94, 125, 138, 0.3) !important;

}

a.badge-brown:hover, a.badge-brown:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(149, 77, 21, 0.3) !important;

}

a.badge-gold:hover, a.badge-gold:focus {

  box-shadow: 0 0.1875rem 0.5rem rgba(195, 151, 73, 0.3) !important;

}

a.badge-light:hover, a.badge-light:focus {

  background: #eaeaea;

  color: #262a2e;

  box-shadow: 0 0.1875rem 0.5rem #d8d8d8 !important;

}

a.badge-dark:hover, a.badge-dark:focus {

  background: #262a2e;

  color: #fff;

  box-shadow: 0 0.1875rem 0.5rem rgba(38, 42, 46, 0.3) !important;

}

a.badge-outline:hover, a.badge-outline:focus {

  background: transparent;

  box-shadow: none;

}



.badge-status .badge-label {

  margin-left: .25rem;

  font-size: 0.875rem;

}



.badge-on-text .badge {

  position: relative;

  top: -5px;

  right: 0;

}



.badge-on-text-end .badge {

  margin-left: .5rem;

  position: relative;

  top: -1px;

}



/*List Group*/

.list-group-item {

  border-color: #d8d8d8;

}

.list-group-item:first-child {

  border-top-left-radius: 0.5rem;

  border-top-right-radius: 0.5rem;

}

.list-group-item:last-child {

  border-bottom-right-radius: 0.5rem;

  border-bottom-left-radius: 0.5rem;

}

.list-group-item.active {

  background-color: #007D88;

  border-color: #007D88;

}

.list-group-item.active h1, .list-group-item.active h2, .list-group-item.active h3, .list-group-item.active h4, .list-group-item.active h5, .list-group-item.active h6 {

  color: #fff;

}

.list-group-item.disabled, .list-group-item:disabled {

  color: #b5b5b5;

}

.list-group-item.list-group-item-action:not(.active):focus, .list-group-item.list-group-item-action:not(.active):hover {

  background-color: #f7f7f7;

}

.list-group-item.list-group-item-primary:not(.active) {

  color: #008977;

  background-color: #ebf5f5;

}

.list-group-item.list-group-item-info:not(.active) {

  color: #18DDEF;

  background-color: #edfcfe;

}

.list-group-item.list-group-item-success:not(.active) {

  color: #00D67F;

  background-color: #ebfcf5;

}

.list-group-item.list-group-item-warning:not(.active) {

  color: #FFC400;

  background-color: #fffaeb;

}

.list-group-item.list-group-item-danger:not(.active) {

  color: #FF0000;

  background-color: #ffebeb;

}

.list-group-item.list-group-item-secondary:not(.active) {

  color: #6f6f6f;

  background-color: #f3f3f3;

}

.list-group-item.list-group-item-light:not(.active) {

  color: #5f5f5f;

  background-color: #f7f7f7;

}

.list-group-item.list-group-item-dark:not(.active) {

  color: #fff;

  background-color: #262a2e;

}

.list-group-item.list-group-inv {

  color: #fff;

}

.list-group-item.list-group-inv.list-group-inv-primary:not(.active) {

  background-color: #008977;

  border-color: #008977;

}

.list-group-item.list-group-inv.list-group-inv-info:not(.active) {

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.list-group-item.list-group-inv.list-group-inv-success:not(.active) {

  background-color: #00D67F;

  border-color: #00D67F;

}

.list-group-item.list-group-inv.list-group-inv-warning:not(.active) {

  background-color: #FFC400;

  border-color: #FFC400;

}

.list-group-item.list-group-inv.list-group-inv-danger:not(.active) {

  background-color: #FF0000;

  border-color: #FF0000;

}

.list-group-item.list-group-inv.list-group-inv-secondary:not(.active) {

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}



.list-group-horizontal-xxl > .list-group-item:first-child,

.list-group-horizontal-xl > .list-group-item:first-child,

.list-group-horizontal-lg > .list-group-item:first-child,

.list-group-horizontal-md > .list-group-item:first-child,

.list-group-horizontal-sm > .list-group-item:first-child,

.list-group-horizontal > .list-group-item:first-child {

  border-bottom-left-radius: 0.5rem;

}

.list-group-horizontal-xxl > .list-group-item:last-child,

.list-group-horizontal-xl > .list-group-item:last-child,

.list-group-horizontal-lg > .list-group-item:last-child,

.list-group-horizontal-md > .list-group-item:last-child,

.list-group-horizontal-sm > .list-group-item:last-child,

.list-group-horizontal > .list-group-item:last-child {

  border-top-right-radius: 0.5rem;

}



.list-group.active-info .list-group-item.active {

  background-color: #18DDEF;

  border-color: #18DDEF;

}

.list-group.active-success .list-group-item.active {

  background-color: #00D67F;

  border-color: #00D67F;

}

.list-group.active-warning .list-group-item.active {

  background-color: #FFC400;

  border-color: #FFC400;

}

.list-group.active-danger .list-group-item.active {

  background-color: #FF0000;

  border-color: #FF0000;

}

.list-group.active-primary .list-group-item.active {

  background-color: #008977;

  border-color: #008977;

}

.list-group.active-secondary .list-group-item.active {

  background-color: #6f6f6f;

  border-color: #6f6f6f;

}



/*Google Map*/

.infowindow-wrap .infowindow-header {

  color: #262a2e;

  padding: 0 5px;

}

.infowindow-wrap .infowindow-body {

  padding: 0 .25rem;

  color: #6f6f6f;

  font-size: 1rem;

}



/*Vecotor Map*/

.jvectormap-zoomin,

.jvectormap-zoomout {

  line-height: 9px;

  background: #262a2e;

  padding: .25rem;

  width: .75rem;

  height: 13px;

  border-radius: 0;

}



.jvectormap-zoomout {

  top: 31px;

}



.jvectormap-goback {

  padding: .15rem .4rem;

  font-size: .75rem;

  background: #007D88;

  border-radius: 0.2rem;

}



.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {

  height: 23px;

}

.jvectormap-legend-cnt-h .jvectormap-legend {

  background: #262a2e;

  padding: .25rem;

  border-radius: .125rem;

}

.jvectormap-legend-cnt-h .jvectormap-legend.jvectormap-legend-icons {

  color: #262a2e;

  background: #fff;

  border: #c7c7c7 1px solid;

}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-title {

  font-weight: 500;

  margin-bottom: 0.625rem;

}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {

  width: 55px;

}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick .jvectormap-legend-tick-text {

  font-size: 0.75rem;

  font-weight: 500;

  text-transform: capitalize;

  margin-top: .25rem;

}



/*Progressbar*/

.progress {

  border-radius: 0;

}

.progress.progress-bar-rounded {

  border-radius: 50rem;

}

.progress.progress-bar-rounded .progress-bar {

  border-radius: 50rem;

}

.progress.progress-bar-xs {

  height: 5px;

}

.progress.progress-bar-sm {

  height: 9px;

}

.progress.progress-bar-md {

  height: 13px;

}

.progress.progress-bar-lg {

  height: 18px;

}

.progress.progress-bar-xl {

  height: 20px;

}

.progress .progress-bar {

  background-color: #007D88;

}

.progress .progress-bar .progress-tooltip {

  position: absolute;

  right: -20px;

  width: 50px;

  background: #262a2e;

  bottom: 25px;

  border-radius: .3rem;

  padding: .25rem .625rem;

  font-size: 0.75rem;

  height: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

}

.progress .progress-bar .progress-tooltip:after {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  bottom: -10px;

  left: -5px;

  right: 0;

  margin: auto;

  box-sizing: border-box;

  border: 0.6em solid rgba(240, 210, 210, 0.1);

  border-color: transparent transparent #262a2e #262a2e;

  transform-origin: 0 0;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.progress.progress-width-animated {

  overflow: visible !important;

}

.progress.progress-width-animated .progress-bar {

  overflow: visible !important;

  position: relative;

}



.progress-label {

  text-transform: capitalize;

  font-size: 0.875rem;

  font-weight: 400;

  margin-bottom: .5rem;

}



.progress-wrap.lb-side-left .progress-lb-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.progress-wrap.lb-side-left .progress-lb-wrap .progress-label {

  display: inline-block;

  padding-right: 1rem;

  flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  margin-bottom: 0;

}

.progress-wrap.lb-side-left .progress-lb-wrap .progress {

  flex: 1 1 100%;

  -ms-flex: 1 1 100%;

  max-width: 100%;

}



/*Togglable*/

.hk-sidebar-togglable {

  height: 25px;

  width: 25px;

  left: -12.5px;

  border-radius: 50%;

  top: 52px;

  position: absolute;

  background: #fff;

  cursor: pointer;

  border: 1px solid #d8d8d8;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;

  -webkit-transition: -webkit-transform 0.3s ease-in-out;

  -moz-transition: -moz-transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out;

  z-index: 2;

  line-height: 1 !important;


}

.hk-sidebar-togglable:after {

  content: url('../../Code/Src/Svg/arrow-drop-left-line.svg');

  /*font-family: remixicon;*/

  text-rendering: auto;

}

.hk-sidebar-togglable.active {

  -webkit-transform: translateX(32px);

  -moz-transform: translateX(32px);

  -ms-transform: translateX(32px);

  -o-transform: translateX(32px);

  transform: translateX(32px);

}

.hk-sidebar-togglable.active:after {

  content: url('../../Code/Src/Svg/arrow-drop-right-line.svg');

}



/*Advance List*/

.advance-list {

  padding-left: 0;

}

.advance-list > li {

  margin-bottom: 1.25rem;

}

.advance-list > li:last-child {

  margin-bottom: 0;

}



.advance-list-item {

  padding: .5rem 1.25rem;

  min-height: 50px;

  border: 1px solid #d8d8d8;

  border-radius: 0.5rem;

  list-style: none;

  background: #fff;

  position: relative;

  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}

.advance-list-item:hover {

  -webkit-transform: scale(1.02, 1.02);

  -moz-transform: scale(1.02, 1.02);

  -ms-transform: scale(1.02, 1.02);

  -o-transform: scale(1.02, 1.02);

  transform: scale(1.02, 1.02);

  z-index: 1;

  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

}

.advance-list-item.drp-open {

  z-index: 4;

}



/*Light Gallery*/

.lg-outer .lg-img-wrap {

  padding: 0;

}



.lg-outer .lg-video .lg-object {

  display: inline-block;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: auto !important;

  height: 100% !important;

}



/*Cropperjs*/

.img-container, .img-preview {

  background-color: #f7f7f7;

  width: 100%;

  text-align: center;

}



.img-container {

  min-height: 200px;

  max-height: 469px;

  margin-bottom: 1rem;

}

.img-container > img {

  max-width: 100%;

}



.docs-preview {

  margin-right: -1rem;

}



.img-preview {

  float: left;

  margin-right: .5rem;

  margin-bottom: .5rem;

  overflow: hidden;

}

.img-preview > img {

  max-width: 100%;

}



.preview-lg {

  width: 255px;

  height: 143px;

}



.preview-md {

  width: 128px;

  height: 72px;

}



.preview-sm {

  width: 72px;

  height: 41px;

}



.preview-xs {

  width: 40px;

  height: 24px;

  margin-right: 0;

}



.docs-data > .input-group {

  margin-bottom: .5rem;

}

.docs-data > .input-group > label {

  min-width: 80px;

}



.docs-buttons > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .docs-buttons > .hopscotch-nav-button, .docs-buttons > .btn-group, .docs-buttons > .form-control, .docs-buttons > .form-select, .wizard > .content > .body .docs-buttons > input, .docs-buttons > .dd-handle {

  margin-right: .25rem;

  margin-bottom: .5rem;

}



.docs-toggles > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .docs-toggles > .hopscotch-nav-button, .docs-toggles > .btn-group, .docs-toggles > .dropdown {

  margin-bottom: .5rem;

}



.docs-tooltip {

  display: block;

  margin: -0.5rem -0.75rem;

  padding: .5rem .75rem;

}



.docs-aspect-ratios, .docs-view-modes {

  width: 100%;

}



.docs-aspect-ratios > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .docs-aspect-ratios > .hopscotch-nav-button {

  width: 20%;

}



.docs-view-modes > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .docs-view-modes > .hopscotch-nav-button {

  width: 25%;

}



.docs-options .dropdown-menu, .docs-options .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .docs-options .apexcharts-menu {

  width: 100%;

}

.docs-options .dropdown-menu > li, .docs-options .apexcharts-toolbar .apexcharts-menu > li, .apexcharts-toolbar .docs-options .apexcharts-menu > li {

  padding: .25rem 1rem;

}

.docs-options .dropdown-menu > li:hover, .docs-options .apexcharts-toolbar .apexcharts-menu > li:hover, .apexcharts-toolbar .docs-options .apexcharts-menu > li:hover {

  background-color: #f7f7f7;

}

.docs-options .dropdown-menu > li > label, .docs-options .apexcharts-toolbar .apexcharts-menu > li > label, .apexcharts-toolbar .docs-options .apexcharts-menu > li > label {

  margin-bottom: 0;

}



.docs-cropped .modal-body {

  text-align: center;

}

.docs-cropped .modal-body > img, .docs-cropped .modal-body > canvas {

  max-width: 100%;

}



.common-credits > li {

  display: block;

  margin-bottom: 1rem;

}

.common-credits > li:last-child {

  margin-bottom: 0;

}



/*Bootstrap TimeOut*/

#session-timeout-dialog .modal-header {

  background: #FF0000;

}

#session-timeout-dialog .modal-header .modal-title {

  color: #fff;

}

#session-timeout-dialog .modal-header button.btn-close {

  color: #fff;

}

#session-timeout-dialog .modal-body p.mb-10 {

  font-size: 1.1rem;

}

#session-timeout-dialog .modal-body .countdown-holder {

  color: #FF0000;

}

#session-timeout-dialog .modal-body .progress {

  margin-top: 1.25rem;

}

#session-timeout-dialog .modal-footer {

  border-top: none;

}



/*Hopscotch*/

div.hopscotch-bubble {

  border: none;

  box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.12);

  border-radius: 0.25rem;

  font-size: 0.875rem;

  font-family: var(--bs-body-font-family);

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number {

  display: none;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-content {

  margin: 0;

}

div.hopscotch-bubble .hopscotch-bubble-container h3 {

  color: #262a2e;

  font-family: var(--bs-body-font-family);

  font-size: 1.1rem;

  font-weight: 500;

  line-height: 1.2;

  margin: -1px 16px 4px 0;

  padding: 0;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-content {

  color: #6f6f6f;

  font-family: var(--bs-body-font-family);

  line-height: inherit;

  margin: .5rem 0;

  font-weight: inherit;

  padding: 0;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions {

  margin: 1.25rem 0 0;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {

  outline: none;

  background-image: none;

  font-weight: 400;

  margin: 0;

  overflow: visible;

  text-decoration: none !important;

  width: auto;

  height: auto;

  line-height: inherit;

  text-shadow: none;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:hover {

  box-shadow: none !important;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev {

  margin-right: .625rem;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close {

  text-shadow: none;

  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

  outline: none;

  color: #262a2e;

  background: transparent;

  webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-indent: inherit;

  width: auto;

  height: auto;

  font-size: 0;

  z-index: 1;

  opacity: .6;

  right: 3px;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close:before {

  content: "\f136";

  font-size: 1.125rem;

}

div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close:hover {

  opacity: 1;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {

  top: 2px;

  left: 32px;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {

  bottom: -32px;

  left: 4px;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down:after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {

  top: 30px;

  right: -32px;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right:after {

  -webkit-transform: rotate(225deg);

  -moz-transform: rotate(225deg);

  -ms-transform: rotate(225deg);

  -o-transform: rotate(225deg);

  transform: rotate(225deg);

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {

  top: 10px;

  left: 2px;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left:after {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border,

div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow {

  display: none;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container:after {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  margin-left: 0;

  top: 0;

  left: 0;

  box-sizing: border-box;

  border: 0.6em solid rgba(0, 0, 0, 0.1);

  border-color: transparent transparent #fff #fff;

  transform-origin: 0 0;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

  box-shadow: -2px 2px 16px rgba(0, 0, 0, 0.05);

}

div.hopscotch-bubble.animated {

  -webkit-animation-fill-mode: both;

  -moz-animation-fill-mode: both;

  -ms-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

  -ms-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

}

div.hopscotch-bubble.tour-hopscotch-dark {

  background: #00585f;

}

div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container h3 {

  color: #fff;

}

div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-content {

  color: #fff;

}

div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev {

  margin-right: .625rem;

}

div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-bubble-close {

  outline: none;

  color: #fff;

}

div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-arrow-container::after {

  border-color: transparent transparent #00585f #00585f;

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@-moz-keyframes fadeInUp {

  0% {

    opacity: 0;

    -moz-transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -moz-transform: translateY(0);

  }

}

@-o-keyframes fadeInUp {

  0% {

    opacity: 0;

    -o-transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -o-transform: translateY(0);

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

div.hopscotch-bubble.fade-in-up {

  -webkit-animation-name: fadeInUp;

  -moz-animation-name: fadeInUp;

  -o-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@-moz-keyframes fadeInDown {

  0% {

    opacity: 0;

    -moz-transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    -moz-transform: translateY(0);

  }

}

@-o-keyframes fadeInDown {

  0% {

    opacity: 0;

    -ms-transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    -ms-transform: translateY(0);

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

div.hopscotch-bubble.fade-in-down {

  -webkit-animation-name: fadeInDown;

  -moz-animation-name: fadeInDown;

  -o-animation-name: fadeInDown;

  animation-name: fadeInDown;

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

  }

}

@-moz-keyframes fadeInRight {

  0% {

    opacity: 0;

    -moz-transform: translateX(-20px);

  }

  100% {

    opacity: 1;

    -moz-transform: translateX(0);

  }

}

@-o-keyframes fadeInRight {

  0% {

    opacity: 0;

    -o-transform: translateX(-20px);

  }

  100% {

    opacity: 1;

    -o-transform: translateX(0);

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    transform: translateX(-20px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

div.hopscotch-bubble.fade-in-right {

  -webkit-animation-name: fadeInRight;

  -moz-animation-name: fadeInRight;

  -o-animation-name: fadeInRight;

  animation-name: fadeInRight;

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

  }

}

@-moz-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -moz-transform: translateX(20px);

  }

  100% {

    opacity: 1;

    -moz-transform: translateX(0);

  }

}

@-o-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -o-transform: translateX(20px);

  }

  100% {

    opacity: 1;

    -o-transform: translateX(0);

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    transform: translateX(20px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

div.hopscotch-bubble.fade-in-left {

  -webkit-animation-name: fadeInLeft;

  -moz-animation-name: fadeInLeft;

  -o-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@media (max-width: 1199px) {

  div.hopscotch-bubble {

    display: none;

  }

}

/*Rating*/

.rating .jq-star {

  width: 1rem !important;

  height: 1rem !important;

  display: inline-block;

  line-height: 0;

  cursor: pointer;

  margin-right: .25rem;

}

.rating .jq-star:last-child {

  margin-right: 0;

}

.rating .jq-star polygon[class^="svg-empty"] {

  fill: #eaeaea;

}

.rating .jq-star polygon[class^="svg-hovered"], .rating .jq-star polygon[class^="svg-rated"], .rating .jq-star polygon[class^="svg-active"] {

  fill: #007D88;

}

.rating .jq-star .jq-star-svg {

  width: 100%;

  height: 100%;

}

.rating.rating-yellow .jq-star polygon[class^="svg-hovered"], .rating.rating-yellow .jq-star polygon[class^="svg-rated"], .rating.rating-yellow .jq-star polygon[class^="svg-active"] {

  fill: #FFC400;

}

.rating.rating-progressive[data-rating="1"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="1"] .jq-star polygon[class^="svg-active"] {

  fill: #FF0000;

}

.rating.rating-progressive[data-rating="2"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="2"] .jq-star polygon[class^="svg-active"] {

  fill: #ffd23d;

}

.rating.rating-progressive[data-rating="3"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="3"] .jq-star polygon[class^="svg-active"] {

  fill: #FFC400;

}

.rating.rating-progressive[data-rating="4"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="4"] .jq-star polygon[class^="svg-active"] {

  fill: #3de09e;

}

.rating.rating-progressive[data-rating="5"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="5"] .jq-star polygon[class^="svg-active"] {

  fill: #00D67F;

}

.rating.rating-progressive.rating-level-1 .jq-star polygon[class^="svg-hovered"] {

  fill: #FF0000;

}

.rating.rating-progressive.rating-level-2 .jq-star polygon[class^="svg-hovered"] {

  fill: #ffd23d;

}

.rating.rating-progressive.rating-level-3 .jq-star polygon[class^="svg-hovered"] {

  fill: #FFC400;

}

.rating.rating-progressive.rating-level-4 .jq-star polygon[class^="svg-hovered"] {

  fill: #3de09e;

}

.rating.rating-progressive.rating-level-5 .jq-star polygon[class^="svg-hovered"] {

  fill: #00D67F;

}

.rating.rating-lg .jq-star {

  width: 1.5rem !important;

  height: 1.5rem !important;

}

.rating.rating-xl .jq-star {

  width: 2rem !important;

  height: 2rem !important;

}



/*Tinyemce*/

.editable {

  outline: none;

}



.tox.tox-tinymce {

  z-index: 11;

}



/*Chips*/

.chip {

  display: inline-block;

  position: relative;

  vertical-align: middle;

}

.chip > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  position: relative;

  padding: 0.25rem 0.75rem;

  font-size: 0.875rem;

  line-height: 1.5;

  border-radius: .5rem;

  color: #262a2e;

}

.chip .chip-text {

  pointer-events: none;

}

.chip input {

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  cursor: pointer;

}

.chip input + span {

  pointer-events: none;

}

.chip.chip-primary > span {

  background-color: #ebf5f5;

  border: 1px solid #ebf5f5;

  color: #008977;

}

.chip.chip-primary:hover input + span {

  border-color: #c7e2e5;

  background-color: #c7e2e5;

}

.chip.chip-primary input:checked + span {

  color: #fff;

  border-color: #008977;

  background-color: #008977;

}

.chip.chip-secondary > span {

  background-color: #f7f7f7;

  border: 1px solid #f7f7f7;

  color: #262a2e;

}

.chip.chip-secondary:hover input + span {

  border-color: #eaeaea;

  background-color: #eaeaea;

}

.chip.chip-secondary input:checked + span {

  color: #fff;

  border-color: #262a2e;

  background-color: #262a2e;

}

.chip.chip-outline-primary > span {

  background: transparent;

  border: 1px solid #99cbcf;

  color: #008977;

}

.chip.chip-outline-primary:hover input + span {

  border-color: #008977;

}

.chip.chip-outline-primary input:checked + span {

  color: #fff;

  border-color: #008977;

  background-color: #008977;

}

.chip.chip-outline-secondary > span {

  background: transparent;

  border: 1px solid #b5b5b5;

  color: #262a2e;

}

.chip.chip-outline-secondary:hover input + span {

  border-color: #262a2e;

}

.chip.chip-outline-secondary input:checked + span {

  color: #fff;

  border-color: #262a2e;

  background-color: #262a2e;

}

.chip.chip-wth-icon > span i, .chip.chip-wth-icon > span .feather-icon, .chip.chip-wth-icon > span .svg-icon {

  font-size: 1rem;

  line-height: 1;

  margin-right: 0.5rem;

  display: flex;

}

.chip.chip-wth-icon > span .feather-icon > svg,

.chip.chip-wth-icon > span .svg-icon > svg {

  height: 1em;

  width: 1em;

}

.chip.chip-ticked > span:before {

  font: normal normal normal 0/1 'Material-Design-Iconic-Font';

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\f26b";

  -webkit-transition: all 0.15s ease;

  -moz-transition: all 0.15s ease;

  transition: all 0.15s ease;

}

.chip.chip-ticked > span .chip-text {

  -webkit-transition: all 0.15s ease;

  -moz-transition: all 0.15s ease;

  transition: all 0.15s ease;

}

.chip.chip-ticked input:checked + span:before {

  font-size: 1rem;

}

.chip.chip-ticked input:checked + span .chip-text {

  margin-left: 0.5rem;

}

.chip.chip-dismissable .btn-close {

  margin-left: 0.5rem;

  color: inherit !important;

}

.chip.chip-pill > span {

  border-radius: 50rem;

}

.chip.chip-disabled {

  cursor: not-allowed;

}

.chip.chip-disabled input {

  pointer-events: none;

}

.chip.chip-disabled > span {

  border-color: #f7f7f7 !important;

  background-color: #f7f7f7 !important;

  color: #b5b5b5 !important;

}

.chip.chip-disabled > span .btn-close {

  color: #b5b5b5 !important;

  pointer-events: none;

}

.chip.user-chip > span {

  border-radius: 50rem;

}

.chip.user-chip > span .avatar {

  height: 100%;

  width: auto;

  padding: 0.2rem;

  position: absolute;

  left: 0;

}

.chip.user-chip > span .avatar img {

  border-radius: 50%;

}

.chip.user-chip > span .chip-text {

  margin-left: 1.375rem;

}

.chip.chip-lg > span {

  padding: 0.5rem 1rem;

  font-size: 1rem;

}

.chip.chip-lg.chip-wth-icon > span i, .chip.chip-lg.chip-wth-icon > span svg {

  font-size: 1.125rem;

}

.chip.chip-lg.chip-ticked input:checked + span:before {

  font-size: 1.25rem;

}

.chip.chip-lg.user-chip > span .chip-text {

  margin-left: 1.875rem;

}



.tag-input {

  border: none;

  outline: none;

}



.tags-container .hk-chip {

  margin-right: .625rem;

  margin-bottom: .625rem;

}



/*Playlist widget*/

.hk-playlist-wrap .media {

  cursor: pointer;

}

.hk-playlist-wrap .media .media-body .song-name {

  color: #262a2e;

}

.hk-playlist-wrap .media .media-body .palyer-action-wrap .volume-ctrl {

  opacity: 0;

  -webkit-transition: 0.15 ease-in-out;

  -moz-transition: 0.15 ease-in-out;

  transition: 0.15 ease-in-out;

}

.hk-playlist-wrap .media.active .media-body .song-name {

  color: #007D88;

}

.hk-playlist-wrap .media.active .media-body .palyer-action-wrap .volume-ctrl {

  opacity: 1;

}



/*Ribbons*/

.hk-ribbon-type-1 {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  left: 20px;

  background: #007D88;

  color: #fff;

  padding: .25rem .75rem;

  border-radius: 0.5rem;

  font-size: 0.75rem;

  min-height: 26px;

  top: 0;

  text-align: center;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.hk-ribbon-type-1 > span {

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  z-index: 1;

}

.hk-ribbon-type-1.ribbon-wth-flag:before {

  background-color: transparent;

  top: 0;

  bottom: 0;

  content: "";

  position: absolute;

  border-top: 13px solid #007D88;

  border-bottom: 13px solid #007D88;

  border-right: 13px solid #007D88;

  border-left: 0.6rem solid transparent !important;

  left: -14px;

}

.hk-ribbon-type-1.ribbon-wth-flag:after {

  background-color: transparent;

  border: 13px solid #007D88;

  top: 0;

  bottom: 0;

  content: "";

  position: absolute;

  right: -14px;

  border-top: 13px solid #007D88;

  border-bottom: 13px solid #007D88;

  border-left: 13px solid #007D88;

  border-right: 0.6rem solid transparent !important;

}

.hk-ribbon-type-1.overhead-start {

  left: 14px;

}

.hk-ribbon-type-1.overhead-start.ribbon-wth-flag {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.hk-ribbon-type-1.overhead-start.ribbon-wth-flag:before {

  display: none;

}

.hk-ribbon-type-1.overhead-end {

  right: 14px;

  left: auto;

}

.hk-ribbon-type-1.overhead-end.ribbon-wth-flag {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}

.hk-ribbon-type-1.overhead-end.ribbon-wth-flag:after {

  display: none;

}

.hk-ribbon-type-1.overhead-center {

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  right: auto;

}

.hk-ribbon-type-1.overhead-center.ribbon-wth-flag {

  border-radius: 0;

}

.hk-ribbon-type-1.start-over {

  left: -14px;

  top: 14px;

  -webkit-transform: none;

  -moz-transform: none;

  -ms-transform: none;

  -o-transform: none;

  transform: none;

}

.hk-ribbon-type-1.start-over.ribbon-wth-flag {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.hk-ribbon-type-1.start-over.ribbon-wth-flag:before {

  display: none;

}

.hk-ribbon-type-1.end-over {

  right: -14px;

  left: auto;

  top: 14px;

  -webkit-transform: none;

  -moz-transform: none;

  -ms-transform: none;

  -o-transform: none;

  transform: none;

}

.hk-ribbon-type-1.end-over.ribbon-wth-flag {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}

.hk-ribbon-type-1.end-over.ribbon-wth-flag:after {

  display: none;

}

.hk-ribbon-type-1.start-touch {

  left: 0;

  top: 14px;

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  -webkit-transform: none;

  -moz-transform: none;

  -ms-transform: none;

  -o-transform: none;

  transform: none;

}

.hk-ribbon-type-1.start-touch.ribbon-wth-flag {

  border-radius: 0;

}

.hk-ribbon-type-1.start-touch.ribbon-wth-flag:before {

  display: none;

}

.hk-ribbon-type-1.end-touch {

  right: 0;

  left: auto;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  top: 14px;

  -webkit-transform: none;

  -moz-transform: none;

  -ms-transform: none;

  -o-transform: none;

  transform: none;

}

.hk-ribbon-type-1.end-touch.ribbon-wth-flag {

  border-radius: 0;

}

.hk-ribbon-type-1.end-touch.ribbon-wth-flag:after {

  display: none;

}

.hk-ribbon-type-1.ribbon-square {

  border-radius: 0;

}

.hk-ribbon-type-1.ribbon-wth-icon > span > * {

  font-size: 1.125rem;

  margin-right: .25rem;

}

.hk-ribbon-type-1.hk-ribbon-uppercase {

  font-weight: 600;

  font-size: 0.75rem;

  text-transform: uppercase;

}

.hk-ribbon-type-1.hk-ribbon-blue {

  background: #298DFF;

}

.hk-ribbon-type-1.hk-ribbon-blue.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-blue.ribbon-wth-flag:after {

  border-color: #298DFF;

}

.hk-ribbon-type-1.hk-ribbon-primary {

  background: #008977;

}

.hk-ribbon-type-1.hk-ribbon-primary.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-primary.ribbon-wth-flag:after {

  border-color: #008977;

}

.hk-ribbon-type-1.hk-ribbon-info {

  background: #18DDEF;

}

.hk-ribbon-type-1.hk-ribbon-info.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-info.ribbon-wth-flag:after {

  border-color: #18DDEF;

}

.hk-ribbon-type-1.hk-ribbon-cyan {

  background: #18DDEF;

}

.hk-ribbon-type-1.hk-ribbon-cyan.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-cyan.ribbon-wth-flag:after {

  border-color: #18DDEF;

}

.hk-ribbon-type-1.hk-ribbon-green {

  background: #00D67F;

}

.hk-ribbon-type-1.hk-ribbon-green.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-green.ribbon-wth-flag:after {

  border-color: #00D67F;

}

.hk-ribbon-type-1.hk-ribbon-success {

  background: #00D67F;

}

.hk-ribbon-type-1.hk-ribbon-success.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-success.ribbon-wth-flag:after {

  border-color: #00D67F;

}

.hk-ribbon-type-1.hk-ribbon-red {

  background: #FF0000;

}

.hk-ribbon-type-1.hk-ribbon-red.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-red.ribbon-wth-flag:after {

  border-color: #FF0000;

}

.hk-ribbon-type-1.hk-ribbon-danger {

  background: #FF0000;

}

.hk-ribbon-type-1.hk-ribbon-danger.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-danger.ribbon-wth-flag:after {

  border-color: #FF0000;

}

.hk-ribbon-type-1.hk-ribbon-yellow {

  background: #FFC400;

}

.hk-ribbon-type-1.hk-ribbon-yellow.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-yellow.ribbon-wth-flag:after {

  border-color: #FFC400;

}

.hk-ribbon-type-1.hk-ribbon-warning {

  background: #FFC400;

}

.hk-ribbon-type-1.hk-ribbon-warning.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-warning.ribbon-wth-flag:after {

  border-color: #FFC400;

}

.hk-ribbon-type-1.hk-ribbon-sky {

  background: #00B0FF;

}

.hk-ribbon-type-1.hk-ribbon-sky.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-sky.ribbon-wth-flag:after {

  border-color: #00B0FF;

}

.hk-ribbon-type-1.hk-ribbon-pink {

  background: #E92990;

}

.hk-ribbon-type-1.hk-ribbon-pink.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-pink.ribbon-wth-flag:after {

  border-color: #E92990;

}

.hk-ribbon-type-1.hk-ribbon-purple {

  background: #C02FF3;

}

.hk-ribbon-type-1.hk-ribbon-purple.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-purple.ribbon-wth-flag:after {

  border-color: #C02FF3;

}

.hk-ribbon-type-1.hk-ribbon-violet {

  background: #7429F8;

}

.hk-ribbon-type-1.hk-ribbon-violet.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-violet.ribbon-wth-flag:after {

  border-color: #7429F8;

}

.hk-ribbon-type-1.hk-ribbon-indigo {

  background: #0069F7;

}

.hk-ribbon-type-1.hk-ribbon-indigo.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-indigo.ribbon-wth-flag:after {

  border-color: #0069F7;

}

.hk-ribbon-type-1.hk-ribbon-teal {

  background: #007D88;

}

.hk-ribbon-type-1.hk-ribbon-teal.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-teal.ribbon-wth-flag:after {

  border-color: #007D88;

}

.hk-ribbon-type-1.hk-ribbon-neon {

  background: #81E230;

}

.hk-ribbon-type-1.hk-ribbon-neon.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-neon.ribbon-wth-flag:after {

  border-color: #81E230;

}

.hk-ribbon-type-1.hk-ribbon-lime {

  background: #C2E939;

}

.hk-ribbon-type-1.hk-ribbon-lime.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-lime.ribbon-wth-flag:after {

  border-color: #C2E939;

}

.hk-ribbon-type-1.hk-ribbon-sun {

  color: #262a2e;

  background: #FFEA00;

}

.hk-ribbon-type-1.hk-ribbon-sun.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-sun.ribbon-wth-flag:after {

  border-color: #FFEA00;

}

.hk-ribbon-type-1.hk-ribbon-orange {

  background: #FF9100;

}

.hk-ribbon-type-1.hk-ribbon-orange.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-orange.ribbon-wth-flag:after {

  border-color: #FF9100;

}

.hk-ribbon-type-1.hk-ribbon-pumpkin {

  background: #FF5700;

}

.hk-ribbon-type-1.hk-ribbon-pumpkin.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-pumpkin.ribbon-wth-flag:after {

  border-color: #FF5700;

}

.hk-ribbon-type-1.hk-ribbon-brown {

  background: #954D15;

}

.hk-ribbon-type-1.hk-ribbon-brown.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-brown.ribbon-wth-flag:after {

  border-color: #954D15;

}

.hk-ribbon-type-1.hk-ribbon-gold {

  background: #C39749;

}

.hk-ribbon-type-1.hk-ribbon-gold.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-gold.ribbon-wth-flag:after {

  border-color: #C39749;

}

.hk-ribbon-type-1.hk-ribbon-smoke {

  background: #5e7d8a;

}

.hk-ribbon-type-1.hk-ribbon-smoke.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-smoke.ribbon-wth-flag:after {

  border-color: #5e7d8a;

}

.hk-ribbon-type-1.hk-ribbon-grey {

  background: #9e9e9e;

}

.hk-ribbon-type-1.hk-ribbon-grey.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-grey.ribbon-wth-flag:after {

  border-color: #9e9e9e;

}

.hk-ribbon-type-1.hk-ribbon-secondary {

  background: #6f6f6f;

}

.hk-ribbon-type-1.hk-ribbon-secondary.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-secondary.ribbon-wth-flag:after {

  border-color: #6f6f6f;

}

.hk-ribbon-type-1.hk-ribbon-light {

  background: #eaeaea;

  color: #262a2e;

}

.hk-ribbon-type-1.hk-ribbon-light.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-light.ribbon-wth-flag:after {

  border-color: #eaeaea;

}

.hk-ribbon-type-1.hk-ribbon-dark {

  background: #262a2e;

}

.hk-ribbon-type-1.hk-ribbon-dark.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-dark.ribbon-wth-flag:after {

  border-color: #262a2e;

}



.hk-ribbon-type-2 {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  left: 20px;

  background: #007D88;

  color: #fff;

  padding: .25rem .5rem;

  font-size: 1.125rem;

  font-weight: 500;

  top: -8px;

  height: 39px;

  width: 34px;

  text-align: center;

}

.hk-ribbon-type-2 > span {

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  z-index: 1;

  font-size: 1.25rem;

}

.hk-ribbon-type-2:after {

  background-color: transparent;

  border-top: 17px solid #007D88;

  border-right: 17px solid #007D88;

  border-left: 17px solid #007D88;

  border-bottom: 0.6rem solid transparent !important;

  bottom: -10px;

  content: "";

  position: absolute;

  left: 0;

  right: 0;

}

.hk-ribbon-type-2.overhead-start {

  left: 20px;

}

.hk-ribbon-type-2.overhead-end {

  right: 20px;

  left: auto;

}

.hk-ribbon-type-2.overhead-center {

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  right: auto;

}

.hk-ribbon-type-2.top-touch {

  -webkit-transform: none;

  -moz-transform: none;

  -ms-transform: none;

  -o-transform: none;

  transform: none;

  top: 0;

}

.hk-ribbon-type-2.top-touch.overhead-center {

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

}

.hk-ribbon-type-2.hk-ribbon-blue {

  background: #298DFF;

}

.hk-ribbon-type-2.hk-ribbon-blue:after {

  border-color: #298DFF;

}

.hk-ribbon-type-2.hk-ribbon-primary {

  background: #008977;

}

.hk-ribbon-type-2.hk-ribbon-primary:after {

  border-color: #008977;

}

.hk-ribbon-type-2.hk-ribbon-cyan {

  background: #18DDEF;

}

.hk-ribbon-type-2.hk-ribbon-cyan:before, .hk-ribbon-type-2.hk-ribbon-cyan:after {

  border-color: #18DDEF;

}

.hk-ribbon-type-2.hk-ribbon-info {

  background: #18DDEF;

}

.hk-ribbon-type-2.hk-ribbon-info:before, .hk-ribbon-type-2.hk-ribbon-info:after {

  border-color: #18DDEF;

}

.hk-ribbon-type-2.hk-ribbon-green {

  background: #00D67F;

}

.hk-ribbon-type-2.hk-ribbon-green:before, .hk-ribbon-type-2.hk-ribbon-green:after {

  border-color: #00D67F;

}

.hk-ribbon-type-2.hk-ribbon-success {

  background: #00D67F;

}

.hk-ribbon-type-2.hk-ribbon-success:before, .hk-ribbon-type-2.hk-ribbon-success:after {

  border-color: #00D67F;

}

.hk-ribbon-type-2.hk-ribbon-red {

  background: #FF0000;

}

.hk-ribbon-type-2.hk-ribbon-red:before, .hk-ribbon-type-2.hk-ribbon-red:after {

  border-color: #FF0000;

}

.hk-ribbon-type-2.hk-ribbon-danger {

  background: #FF0000;

}

.hk-ribbon-type-2.hk-ribbon-danger:before, .hk-ribbon-type-2.hk-ribbon-danger:after {

  border-color: #FF0000;

}

.hk-ribbon-type-2.hk-ribbon-yellow {

  background: #FFC400;

}

.hk-ribbon-type-2.hk-ribbon-yellow:before, .hk-ribbon-type-2.hk-ribbon-yellow:after {

  border-color: #FFC400;

}

.hk-ribbon-type-2.hk-ribbon-warning {

  background: #FFC400;

}

.hk-ribbon-type-2.hk-ribbon-warning:before, .hk-ribbon-type-2.hk-ribbon-warning:after {

  border-color: #FFC400;

}

.hk-ribbon-type-2.hk-ribbon-sky {

  background: #00B0FF;

}

.hk-ribbon-type-2.hk-ribbon-sky:before, .hk-ribbon-type-2.hk-ribbon-sky:after {

  border-color: #00B0FF;

}

.hk-ribbon-type-2.hk-ribbon-pink {

  background: #E92990;

}

.hk-ribbon-type-2.hk-ribbon-pink:before, .hk-ribbon-type-2.hk-ribbon-pink:after {

  border-color: #E92990;

}

.hk-ribbon-type-2.hk-ribbon-purple {

  background: #C02FF3;

}

.hk-ribbon-type-2.hk-ribbon-purple:before, .hk-ribbon-type-2.hk-ribbon-purple:after {

  border-color: #C02FF3;

}

.hk-ribbon-type-2.hk-ribbon-violet {

  background: #7429F8;

}

.hk-ribbon-type-2.hk-ribbon-violet:before, .hk-ribbon-type-2.hk-ribbon-violet:after {

  border-color: #7429F8;

}

.hk-ribbon-type-2.hk-ribbon-indigo {

  background: #0069F7;

}

.hk-ribbon-type-2.hk-ribbon-indigo:before, .hk-ribbon-type-2.hk-ribbon-indigo:after {

  border-color: #0069F7;

}

.hk-ribbon-type-2.hk-ribbon-teal {

  background: #007D88;

}

.hk-ribbon-type-2.hk-ribbon-teal:before, .hk-ribbon-type-2.hk-ribbon-teal:after {

  border-color: #007D88;

}

.hk-ribbon-type-2.hk-ribbon-neon {

  background: #81E230;

}

.hk-ribbon-type-2.hk-ribbon-neon:before, .hk-ribbon-type-2.hk-ribbon-neon:after {

  border-color: #81E230;

}

.hk-ribbon-type-2.hk-ribbon-lime {

  background: #C2E939;

}

.hk-ribbon-type-2.hk-ribbon-lime:before, .hk-ribbon-type-2.hk-ribbon-lime:after {

  border-color: #C2E939;

}

.hk-ribbon-type-2.hk-ribbon-sun {

  background: #FFEA00;

  color: #262a2e;

}

.hk-ribbon-type-2.hk-ribbon-sun:before, .hk-ribbon-type-2.hk-ribbon-sun:after {

  border-color: #FFEA00;

}

.hk-ribbon-type-2.hk-ribbon-orange {

  background: #FF9100;

}

.hk-ribbon-type-2.hk-ribbon-orange:before, .hk-ribbon-type-2.hk-ribbon-orange:after {

  border-color: #FF9100;

}

.hk-ribbon-type-2.hk-ribbon-pumpkin {

  background: #FF5700;

}

.hk-ribbon-type-2.hk-ribbon-pumpkin:before, .hk-ribbon-type-2.hk-ribbon-pumpkin:after {

  border-color: #FF5700;

}

.hk-ribbon-type-2.hk-ribbon-brown {

  background: #954D15;

}

.hk-ribbon-type-2.hk-ribbon-brown:before, .hk-ribbon-type-2.hk-ribbon-brown:after {

  border-color: #954D15;

}

.hk-ribbon-type-2.hk-ribbon-gold {

  background: #C39749;

}

.hk-ribbon-type-2.hk-ribbon-gold:before, .hk-ribbon-type-2.hk-ribbon-gold:after {

  border-color: #C39749;

}

.hk-ribbon-type-2.hk-ribbon-smoke {

  background: #5e7d8a;

}

.hk-ribbon-type-2.hk-ribbon-smoke:before, .hk-ribbon-type-2.hk-ribbon-smoke:after {

  border-color: #5e7d8a;

}

.hk-ribbon-type-2.hk-ribbon-grey {

  background: #9e9e9e;

}

.hk-ribbon-type-2.hk-ribbon-grey:before, .hk-ribbon-type-2.hk-ribbon-grey:after {

  border-color: #9e9e9e;

}

.hk-ribbon-type-2.hk-ribbon-secondary {

  background: #6f6f6f;

}

.hk-ribbon-type-2.hk-ribbon-secondary:before, .hk-ribbon-type-2.hk-ribbon-secondary:after {

  border-color: #6f6f6f;

}

.hk-ribbon-type-2.hk-ribbon-light {

  background: #eaeaea;

  color: #262a2e;

}

.hk-ribbon-type-2.hk-ribbon-light:before, .hk-ribbon-type-2.hk-ribbon-light:after {

  border-color: #eaeaea;

}

.hk-ribbon-type-2.hk-ribbon-dark {

  background: #262a2e;

}

.hk-ribbon-type-2.hk-ribbon-dark:before, .hk-ribbon-type-2.hk-ribbon-dark:after {

  border-color: #262a2e;

}



/*Advance Badges*/

.badge-icon {

  width: 4rem;

  height: 4.313rem;

  font-size: 2.25rem;

  position: relative;

  display: inline-block;

  vertical-align: middle;

}

.badge-icon > svg {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  height: 100%;

  width: 100%;

}

.badge-icon .badge-icon-wrap {

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  height: 100%;

  width: 100%;

  color: #fff;

  position: relative;

  z-index: 1;

}

.badge-icon.badge-icon-lg {

  width: 6rem;

  height: 6.031rem;

  font-size: 3.25rem;

}

.badge-icon.badge-icon-md {

  width: 5rem;

  height: 5.031rem;

  font-size: 2.75rem;

}

.badge-icon.badge-icon-sm {

  width: 3rem;

  height: 3.313rem;

  font-size: 1.75rem;

}

.badge-icon.badge-icon-xs {

  width: 2rem;

  height: 2.313rem;

  font-size: 1.25rem;

}

.badge-icon.badge-icon-xxs {

  width: 1.5rem;

  height: 1.813rem;

  font-size: 1rem;

}

.badge-icon.badge-circle {

  height: 4rem;

}

.badge-icon.badge-circle.badge-icon-lg {

  height: 6rem;

}

.badge-icon.badge-circle.badge-icon-md {

  height: 5rem;

}

.badge-icon.badge-circle.badge-icon-sm {

  height: 3rem;

}

.badge-icon.badge-circle.badge-icon-xs {

  height: 2rem;

}

.badge-icon.badge-circle.badge-icon-xxs {

  height: 1.5rem;

}

.badge-icon.badge-level {

  position: relative;

}

.badge-icon.badge-level > span {

  position: absolute;

  bottom: 0;

  right: 16%;

  z-index: 1;

  font-weight: 600;

  color: inherit;

  font-size: 40%;

  background: transparent;

}

.badge-icon.badge-level > span:before {

  content: attr(title);

  position: absolute;

  -webkit-text-stroke: 4px #fff;

  left: 0;

  z-index: -1;

}



.avatar.custom-badge-on-avatar .badge-icon {

  font-size: inherit;

}



/*Callout*/

.callout {

  margin-bottom: 0;

}

.callout.callout-floating {

  position: fixed;

  width: 300px;

  z-index: 1055;

  margin-bottom: 0;

}

.callout.callout-floating.top-end {

  top: 25px;

  right: 25px;

}

.callout.callout-floating.bottom-end {

  bottom: 25px;

  right: 25px;

}

.callout.callout-floating.top-start {

  top: 25px;

  left: 25px;

}

.callout.callout-floating.bottom-start {

  bottom: 25px;

  left: 25px;

}

.callout.callout-floating.top-center {

  top: 25px;

  left: 50%;

  width: auto;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}

.callout.callout-floating.bottom-center {

  bottom: 25px;

  left: 50%;

  width: auto;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}

.callout.callout-dark {

  color: #fff;

}

.callout.callout-dark h1, .callout.callout-dark h2, .callout.callout-dark h3, .callout.callout-dark h4, .callout.callout-dark h5, .callout.callout-dark h6, .callout.callout-dark p {

  color: inherit;

}



/*Toolbar*/

.hk-toolbar .nav {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: distribute;

  justify-content: space-around;

  height: 100%;

}

.hk-toolbar .nav .nav-item {

  height: 100%;

}

.hk-toolbar.toolbar-asymmetric {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



/*Filter Component*/

.btn-filter {

  color: #6f6f6f;

  background-color: transparent;

  background-image: none;

  border-color: #f7f7f7;

}

.btn-filter:hover, .btn-filter:focus {

  color: #6f6f6f;

  background-color: transparent;

  background-image: none;

  border-color: #f7f7f7;

}

.btn-filter.active {

  color: #007D88;

  background-color: #ebf5f5;

  border-color: #007D88;

  box-shadow: none !important;

}

.btn-filter.active:hover, .btn-filter.active:focus {

  color: #007D88;

  background-color: #ebf5f5;

  border-color: #007D88;

}



.filter-block-wrap .filter-block.card .card-img {

  -o-object-fit: cover;

  object-fit: cover;

}

.filter-block-wrap .filter-block.card .card-img-overlay {

  background-color: rgba(38, 42, 46, var(--bs-bg-opacity));

}

.filter-block-wrap .filter-block.card input {

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  margin: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  cursor: pointer;

}

.filter-block-wrap .filter-block.card input:checked ~ .card-img-overlay {

  background-color: rgba(41, 141, 255, var(--bs-bg-opacity));

}



/*Content sidebar*/

[data-content-sidebar="active"].hk-wrapper .hk-pg-wrapper {

  margin-right: 17.5rem;

}

[data-content-sidebar="active"].hk-wrapper .hk-content-sidebar {

  position: fixed;

  top: 64px;

  overflow-y: auto;

  width: 280px;

  right: 0;

  z-index: 2;

  background: #fff;

  padding-top: 1.5rem;

  border-left: 1px solid #d8d8d8;

  bottom: 0;

}

[data-content-sidebar="active"].hk-wrapper .hk-content-sidebar .sidebar-content-wrap {

  padding: 1.25rem;

}



/*Fixed Footer*/

.hk-fixed-footer {

  position: fixed;

  bottom: 0;

  z-index: 1032;

  background: #fff;

  box-shadow: 1px 1px 3px 5px rgba(0, 0, 0, 0.1);

  right: 0;

  left: 0;

}



.hk-wrapper.fixed-footer-active .hk-pg-wrapper {

  padding-bottom: 8.125rem;

}



/*Dragula*/

.gu-mirror {

  cursor: -webkit-grabbing;

  cursor: -moz-grabbing;

  cursor: grabbing;

  position: fixed !important;

  margin: 0 !important;

  z-index: 9999 !important;

  opacity: 1;

}



.dragula-demo .dragula-block {

  border: 1px dotted #b5b5b5;

  border-radius: .25rem;

  padding: .625rem;

}

.dragula-demo .dragula-block > div {

  border: 1px solid #d8d8d8;

  border-radius: .25rem;

  margin: .625rem;

  padding: .625rem;

  cursor: move;

}



/*Authantication Pages*/

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .hk-pg-body .auth-content {

  min-height: calc(100vh - 249px);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .v-separator {

  margin: 0;

  position: relative;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .v-separator:after {

  height: 100%;

  right: 0;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .v-separator.separator-sm:after {

  height: 70%;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split {

  min-height: 100vh;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content {

  min-height: 100vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  position: relative;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content mark {

  z-index: 1;

  color: #262a2e;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content mark:after {

  z-index: -1;

  background: #00D67F;

  opacity: 1;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link {

  font-size: 0.75rem;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link .feather-icon, .hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link .svg-icon {

  margin-right: .25rem;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link .feather-icon svg, .hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link .svg-icon svg {

  height: 14px;

  width: 14px;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .credit-text {

  position: absolute;

  left: 30px;

  bottom: 30px;

  mix-blend-mode: inherit;

}

.hk-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .bg-img {

  position: absolute;

  left: 0;

  top: 0;

  max-width: 100%;

  object-fit: cover;

  height: 100%;

  z-index: -1;

}



@media (max-width: 767px) {

  .hk-wrapper.hk-pg-auth .hk-pg-wrapper .hk-pg-body .container-xxl .auth-content {

    min-height: auto;

    -webkit-box-align: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

  }

  .hk-wrapper.hk-pg-auth .v-separator:after {

    display: none;

  }

}

/****************************/

/** Componets Import **/

/****************************/

/*------------------------------------------------------------------

    [Header]

    Project:	Jampack

    -------------------------------------------------------------------*/

/*Top Nav*/

.hk-wrapper .hk-navbar {

  border-bottom: 1px solid #eaeaea;

  height: 65px;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown .dropdown-menu, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown .apexcharts-menu {

  position: absolute;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu {

  width: 21.875rem;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-header, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-header, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-header {

  color: #262a2e;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  border-bottom: 1px solid #f7f7f7;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-body, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-body, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-body {

  height: 23.75rem;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-footer, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-footer, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-footer {

  border-top: 1px solid #f7f7f7;

  padding: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  color: #007D88;

  font-size: 0.875rem;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item {

  white-space: inherit;

  padding-top: .75rem;

  padding-bottom: .75rem;

  border-radius: .5rem;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item .media .media-head, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item .media .media-head, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item .media .media-head {

  margin-right: 1rem;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item .media .media-body > div .notifications-info, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: .25rem;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item .media .media-body > div .notifications-info > .badge, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info > .badge, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info > .badge {

  margin-right: .625rem;

}

.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item .media .media-body > div .notifications-info .notifications-time, .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info .notifications-time, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info .notifications-time {

  font-size: 0.75rem;

  color: #6f6f6f;

}

.hk-wrapper .hk-navbar .navbar-search {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search input.form-select > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input > span.btn-input-clear, .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle > span.btn-input-clear {

  display: none;

}

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control + .input-suffix, .hk-wrapper .hk-navbar .navbar-search .input-search input.form-select + .input-suffix, .hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input + .input-suffix, .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input + .input-suffix, .hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle + .input-suffix,

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control + .input-prefix,

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-select + .input-prefix,

.hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input + .input-prefix,

.wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input + .input-prefix,

.hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle + .input-prefix {

  pointer-events: none;

}

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control + .input-suffix > span.spinner-border, .hk-wrapper .hk-navbar .navbar-search .input-search input.form-select + .input-suffix > span.spinner-border, .hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input + .input-suffix > span.spinner-border, .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input + .input-suffix > span.spinner-border, .hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle + .input-suffix > span.spinner-border,

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control + .input-prefix > span.spinner-border,

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-select + .input-prefix > span.spinner-border,

.hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input + .input-prefix > span.spinner-border,

.wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input + .input-prefix > span.spinner-border,

.hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle + .input-prefix > span.spinner-border {

  display: none;

}

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-suffix, .hk-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-suffix, .hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-suffix, .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-suffix, .hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-suffix,

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-prefix,

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-prefix,

.hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-prefix,

.wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-prefix,

.hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-prefix {

  border: none;

  pointer-events: auto;

}

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border), .hk-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border), .hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border), .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border), .hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border),

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border),

.hk-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border),

.hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border),

.wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border),

.hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border) {

  display: none;

}

.hk-wrapper .hk-navbar .navbar-search .input-search.loading input.form-control:focus + .input-suffix > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search.loading input.form-select:focus + .input-suffix > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search.loading .wizard > .content > .body input:focus + .input-suffix > span.btn-input-clear, .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search.loading input:focus + .input-suffix > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search.loading input.dd-handle:focus + .input-suffix > span.btn-input-clear,

.hk-wrapper .hk-navbar .navbar-search .input-search.loading input.form-control:focus + .input-prefix > span.btn-input-clear,

.hk-wrapper .hk-navbar .navbar-search .input-search.loading input.form-select:focus + .input-prefix > span.btn-input-clear,

.hk-wrapper .hk-navbar .navbar-search .input-search.loading .wizard > .content > .body input:focus + .input-prefix > span.btn-input-clear,

.wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search.loading input:focus + .input-prefix > span.btn-input-clear,

.hk-wrapper .hk-navbar .navbar-search .input-search.loading input.dd-handle:focus + .input-prefix > span.btn-input-clear {

  display: none !important;

}

.hk-wrapper .hk-navbar .navbar-search .input-search.loading input.form-control:focus + .input-suffix > span.spinner-border, .hk-wrapper .hk-navbar .navbar-search .input-search.loading input.form-select:focus + .input-suffix > span.spinner-border, .hk-wrapper .hk-navbar .navbar-search .input-search.loading .wizard > .content > .body input:focus + .input-suffix > span.spinner-border, .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search.loading input:focus + .input-suffix > span.spinner-border, .hk-wrapper .hk-navbar .navbar-search .input-search.loading input.dd-handle:focus + .input-suffix > span.spinner-border,

.hk-wrapper .hk-navbar .navbar-search .input-search.loading input.form-control:focus + .input-prefix > span.spinner-border,

.hk-wrapper .hk-navbar .navbar-search .input-search.loading input.form-select:focus + .input-prefix > span.spinner-border,

.hk-wrapper .hk-navbar .navbar-search .input-search.loading .wizard > .content > .body input:focus + .input-prefix > span.spinner-border,

.wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search.loading input:focus + .input-prefix > span.spinner-border,

.hk-wrapper .hk-navbar .navbar-search .input-search.loading input.dd-handle:focus + .input-prefix > span.spinner-border {

  display: inline;

}

.hk-wrapper .hk-navbar .navbar-search .dropdown-menu, .hk-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-search .apexcharts-menu {

  width: 18rem;

}

.hk-wrapper .hk-navbar .navbar-search .dropdown-menu .dropdown-body, .hk-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu .dropdown-body, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-search .apexcharts-menu .dropdown-body {

  max-height: 19.75rem;

}

.hk-wrapper .hk-navbar .navbar-search .dropdown-menu .dropdown-footer, .hk-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu .dropdown-footer, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-search .apexcharts-menu .dropdown-footer {

  border-top: 1px solid #f7f7f7;

  padding: 1rem;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  color: #007D88;

  font-size: 0.875rem;

}

.hk-wrapper .hk-navbar .navbar-search .dropdown-menu .dropdown-item, .hk-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu .dropdown-item, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-search .apexcharts-menu .dropdown-item {

  white-space: inherit;

}

.hk-wrapper .hk-navbar .nav-start-wrap,

.hk-wrapper .hk-navbar .nav-end-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-wrapper .hk-navbar .nav-start-wrap > .navbar-nav,

.hk-wrapper .hk-navbar .nav-end-wrap > .navbar-nav {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-wrapper .hk-navbar .navbar-brand .brand-img:last-child {

  margin-left: 0.5rem;

}

.hk-wrapper[data-navbar-style="collapsed"] .hk-navbar {

  -webkit-transform: translateY(-100%);

  -moz-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  -o-transform: translateY(-100%);

  transform: translateY(-100%);

  overflow: hidden;

}

.hk-wrapper[data-navbar-style="collapsed"] .hk-pg-wrapper {

  padding-top: 0;

}



@media (min-width: 992px) {

  .hk-wrapper .hk-navbar {

    -webkit-transition: 0.2s ease;

    -moz-transition: 0.2s ease;

    transition: 0.2s ease;

  }

}

@media (min-width: 1200px) {

  .hk-wrapper .hk-navbar .navbar-search .input-search input.form-control, .hk-wrapper .hk-navbar .navbar-search .input-search input.form-select, .hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input, .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input, .hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle {

    width: 18rem;

  }

  .hk-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-suffix > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-suffix > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-suffix > span.btn-input-clear, .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-suffix > span.btn-input-clear, .hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-suffix > span.btn-input-clear,

  .hk-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-prefix > span.btn-input-clear,

  .hk-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-prefix > span.btn-input-clear,

  .hk-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-prefix > span.btn-input-clear,

  .wizard > .content > .body .hk-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-prefix > span.btn-input-clear,

  .hk-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-prefix > span.btn-input-clear {

    display: inline !important;

  }

  .hk-wrapper .hk-navbar .nav-start-wrap,

  .hk-wrapper .hk-navbar .nav-end-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .hk-wrapper .hk-navbar .nav-start-wrap > .navbar-nav,

  .hk-wrapper .hk-navbar .nav-end-wrap > .navbar-nav {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .hk-wrapper[data-navbar-style="collapsed"][data-layout="horizontal"] .hk-pg-wrapper {

    padding-top: 65px;

  }

  .hk-wrapper[data-navbar-style="collapsed"][data-layout="horizontal"][data-layout-style="default"] .hk-menu {

    top: 0;

  }

}

@media (max-width: 1199px) {

  .hk-wrapper .hk-navbar .navbar-search .mobile-search .input-search .input-suffix,

  .hk-wrapper .hk-navbar .navbar-search .mobile-search .input-search .input-prefix {

    pointer-events: auto !important;

  }

  .hk-wrapper .hk-navbar .navbar-search .mobile-search .input-search .input-suffix > span.btn-input-clear,

  .hk-wrapper .hk-navbar .navbar-search .mobile-search .input-search .input-prefix > span.btn-input-clear {

    display: inline !important;

  }

  .hk-wrapper .hk-navbar .navbar-search .dropdown-menu, .hk-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-search .apexcharts-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

  .hk-wrapper .hk-navbar .navbar-search .dropdown-menu .dropdown-body, .hk-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu .dropdown-body, .apexcharts-toolbar .hk-wrapper .hk-navbar .navbar-search .apexcharts-menu .dropdown-body {

    max-height: calc(100% - 55px);

  }

}

/*------------------------------------------------------------------

    [Footer]

    Project:	Jampack

    -------------------------------------------------------------------*/

/*Footer*/

[data-footer="simple"].hk-wrapper .hk-pg-wrapper, .footer-simple-example.hk-wrapper .hk-pg-wrapper {

  padding-bottom: 120px;

}

[data-footer="simple"] .hk-footer, .footer-simple-example .hk-footer {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  border-top: 1px solid #eaeaea;

  background: #fff;

}

[data-footer="simple"] .hk-footer .footer > .row, .footer-simple-example .hk-footer .footer > .row {

  height: 60px;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  padding: 22px 0;

}

[data-footer="simple"] .hk-footer .footer .footer-text, .footer-simple-example .hk-footer .footer .footer-text {

  font-size: 0.75rem;

}

[data-footer="simple"] .hk-footer .footer .footer-text a, .footer-simple-example .hk-footer .footer .footer-text a {

  color: #007D88;

}

[data-footer="simple"] .hk-footer .footer .footer-text .copy-text, .footer-simple-example .hk-footer .footer .footer-text .copy-text {

  padding-right: 5px;

}

[data-footer="simple"] .hk-footer .footer .footer-text .footer-link-sep, .footer-simple-example .hk-footer .footer .footer-text .footer-link-sep {

  padding: 0 5px;

  color: #d8d8d8;

}

[data-footer="simple"] .hk-footer .footer .footer-extr-link, .footer-simple-example .hk-footer .footer .footer-extr-link {

  font-size: 0.75rem;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

}

[data-footer="simple"] .hk-footer .footer .footer-extr-link .feather-icon, .footer-simple-example .hk-footer .footer .footer-extr-link .feather-icon {

  margin-right: .25rem;

  color: #007D88;

}

[data-footer="simple"] .hk-footer .footer .footer-extr-link .feather-icon svg, .footer-simple-example .hk-footer .footer .footer-extr-link .feather-icon svg {

  height: 14px;

  width: 14px;

}

[data-footer="simple"] .hk-footer.footer-wth-bg, .footer-simple-example .hk-footer.footer-wth-bg {

  background: #f7f7f7;

  border-top: none;

}



[data-footer="complex"].hk-wrapper .hk-pg-wrapper, .footer-complex-example.hk-wrapper .hk-pg-wrapper {

  padding-bottom: 400px;

}

[data-footer="complex"] .hk-footer, .footer-complex-example .hk-footer {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  background: #fff;

  border-top: 1px solid #d8d8d8;

}

[data-footer="complex"] .hk-footer.footer-wth-bg, .footer-complex-example .hk-footer.footer-wth-bg {

  background: #f7f7f7;

  border-top: none;

}

[data-footer="complex"] .hk-footer .footer, .footer-complex-example .hk-footer .footer {

  padding-top: 40px;

  padding-bottom: 30px;

}

[data-footer="complex"] .hk-footer .footer > .row:last-child, .footer-complex-example .hk-footer .footer > .row:last-child {

  margin-top: 3.375rem;

  align-items: center;

}

[data-footer="complex"] .hk-footer .footer .footer-brand, .footer-complex-example .hk-footer .footer .footer-brand {

  display: block;

  margin-bottom: .25rem;

}

[data-footer="complex"] .hk-footer .footer .footer-info-text, .footer-complex-example .hk-footer .footer .footer-info-text {

  font-size: 0.875rem;

  width: 85%;

}

[data-footer="complex"] .hk-footer .footer .quick-links-head, .footer-complex-example .hk-footer .footer .quick-links-head {

  text-transform: uppercase;

  margin-bottom: 1rem;

  font-size: .85rem;

  font-weight: 600;

}

[data-footer="complex"] .hk-footer .footer .quick-links, .footer-complex-example .hk-footer .footer .quick-links {

  display: block;

  color: #262a2e;

  margin-bottom: .25rem;

  font-size: 0.875rem;

}

[data-footer="complex"] .hk-footer .footer .quick-links:hover, .footer-complex-example .hk-footer .footer .quick-links:hover {

  color: #262a2e;

}

[data-footer="complex"] .hk-footer .footer .footer-text, .footer-complex-example .hk-footer .footer .footer-text {

  font-size: 0.75rem;

}

[data-footer="complex"] .hk-footer .footer .footer-text a, .footer-complex-example .hk-footer .footer .footer-text a {

  color: #007D88;

}

[data-footer="complex"] .hk-footer .footer .footer-text .copy-text, .footer-complex-example .hk-footer .footer .footer-text .copy-text {

  padding-right: .25rem;

}

[data-footer="complex"] .hk-footer .footer .footer-text .footer-link-sep, .footer-complex-example .hk-footer .footer .footer-text .footer-link-sep {

  padding: 0 .25rem;

  color: #d8d8d8;

}

[data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap {

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

}

[data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap .btn, [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap .hopscotch-nav-button, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap .btn, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .footer-complex-example .hk-footer .footer .footer-social-btn-wrap .hopscotch-nav-button {

  margin-left: .625rem;

  flex-shrink: 0;

}



.footer-complex-example.hk-wrapper .hk-pg-wrapper {

  padding-bottom: 120px;

}



@media (max-width: 1400px) {

  [data-footer="complex"].hk-wrapper .hk-pg-wrapper, .footer-complex-example.hk-wrapper .hk-pg-wrapper {

    padding-bottom: 31.875rem;

  }

  [data-footer="complex"] .hk-footer .footer .footer-info-text, .footer-complex-example .hk-footer .footer .footer-info-text {

    width: 100%;

  }

  [data-footer="complex"] .hk-footer .footer > .row > .col-xl-6, .footer-complex-example .hk-footer .footer > .row > .col-xl-6 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  [data-footer="complex"] .hk-footer .footer > .row > .col-xl-6:last-child, .footer-complex-example .hk-footer .footer > .row > .col-xl-6:last-child {

    margin-top: 2.125rem;

  }

  [data-footer="complex"] .hk-footer .footer > .row:last-child, .footer-complex-example .hk-footer .footer > .row:last-child {

    margin-top: 2.125rem;

  }

}

@media (max-width: 1199px) {

  [data-footer="simple"] .hk-footer .footer > .row, .footer-simple-example .hk-footer .footer > .row {

    height: auto;

  }

  [data-footer="simple"] .hk-footer .footer > .row > .col-xl-6 .col-xl-4, .footer-simple-example .hk-footer .footer > .row > .col-xl-6 .col-xl-4 {

    margin-bottom: 1.875rem;

  }

  [data-footer="simple"] .hk-footer .footer > .row > .col-xl-6 .col-xl-4:last-child, .footer-simple-example .hk-footer .footer > .row > .col-xl-6 .col-xl-4:last-child {

    margin-bottom: 0;

  }

  [data-footer="simple"] .hk-footer .footer .footer-text, .footer-simple-example .hk-footer .footer .footer-text {

    text-align: center;

    margin-bottom: .625rem;

  }

  [data-footer="simple"] .hk-footer .footer .footer-extr-link, .footer-simple-example .hk-footer .footer .footer-extr-link {

    justify-content: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

  }



  [data-footer="complex"].hk-wrapper .hk-pg-wrapper, .footer-complex-example.hk-wrapper .hk-pg-wrapper {

    padding-bottom: 34.5rem;

  }

  [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap {

    justify-content: flex-start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: flex-start;

    margin-top: 1.5rem;

  }

  [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap .btn:first-child, [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:first-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap .hopscotch-nav-button:first-child, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap .btn:first-child, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:first-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .footer-complex-example .hk-footer .footer .footer-social-btn-wrap .hopscotch-nav-button:first-child {

    margin-left: 0;

  }

}

@media (max-width: 767px) {

  [data-footer="complex"].hk-wrapper .hk-pg-wrapper, .footer-complex-example.hk-wrapper .hk-pg-wrapper {

    padding-bottom: 63rem;

  }

  [data-footer="complex"] .hk-footer .footer > .row > .col-xl-6 .col-md-4, .footer-complex-example .hk-footer .footer > .row > .col-xl-6 .col-md-4 {

    margin-bottom: 1.875rem;

  }

  [data-footer="complex"] .hk-footer .footer > .row > .col-xl-6 .col-md-4:last-child, .footer-complex-example .hk-footer .footer > .row > .col-xl-6 .col-md-4:last-child {

    margin-bottom: 0;

  }

}

@media (max-width: 666px) {

  [data-footer="simple"].hk-wrapper .hk-pg-wrapper, .footer-simple-example.hk-wrapper .hk-pg-wrapper {

    padding-bottom: 10rem;

  }

}

/*------------------------------------------------------------------

    [Nav]

    Project:	Jampack

    -------------------------------------------------------------------*/

/*Navbar*/

.navbar .navbar-toggler-menu,

.navbar .navbar-toggler {

  border: none;

  padding: 0;

}

.navbar .navbar-toggler-menu {

  align-self: center;

  margin-right: .625rem;

}

.navbar .navbar-brand {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

.navbar.navbar-dark {

  background: #262a2e;

}

.navbar.navbar-dark .badge.badge-indicator {

  border-color: #262a2e;

}

.navbar.navbar-dark .form-control, .navbar.navbar-dark .form-select, .navbar.navbar-dark .wizard > .content > .body input, .wizard > .content > .body .navbar.navbar-dark input, .navbar.navbar-dark .dd-handle {

  border-color: #fff;

  color: #fff;

}

.navbar.navbar-dark .input-affix-wrapper.affix-border .input-prefix, .navbar.navbar-dark .input-affix-wrapper.affix-border .input-suffix {

  border-color: #fff;

  color: #fff;

}

.navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button {

  color: #fff;

}

.navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:before, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:before {

  background: rgba(255, 255, 255, 0.05);

}

.navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:hover .icon, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:hover .icon, .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:focus .icon, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:focus .icon {

  color: #fff;

}

.navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.disabled, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.disabled.hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.disabled.hopscotch-nav-button, .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark:disabled, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button:disabled {

  color: rgba(255, 255, 255, 0.8);

}

.navbar.navbar-light {

  background: #fff;

}

.navbar.navbar-light .badge.badge-indicator {

  border-color: #fff;

}



/*Nav*/

.nav-link {

  color: #007D88;

}

.nav-link:hover, .nav-link:focus {

  color: #3d9ca5;

}



.nav .nav-item {

  position: relative;

}

.nav .nav-item .nav-link.no-arrow {

  padding-right: 0.75rem !important;

}

.nav .nav-item .nav-link.no-arrow:after {

  display: none;

}

.nav .nav-item .nav-link.link-with-arrow {

  padding-right: 1.8rem !important;

  position: relative;

}

.nav .nav-item .nav-link.link-with-arrow:after {

  content: '\f2f9';

  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';

  font-size: 1rem;

  text-rendering: auto;

  margin-left: auto;

  position: absolute;

  right: 1rem;

  top: calc(50% - 8px);

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.nav.nav-icon > .nav-item .nav-link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

}

.nav.nav-icon > .nav-item .nav-link > .nav-icon-wrap {

  margin-right: .875rem;

  font-size: 1.25rem;

  line-height: 0;

  position: relative;

}

.nav.nav-icon.nav-icon-top > .nav-item > .nav-link {

  text-align: center;

  display: block;

}

.nav.nav-icon.nav-icon-top > .nav-item > .nav-link > .nav-icon-wrap {

  margin-right: 0;

  margin-bottom: .5rem;

  display: block;

}

.nav.nav-pills > .nav-item > .nav-link {

  border-radius: 0.5rem;

  margin-left: .25rem;

  margin-right: .25rem;

}

.nav.nav-pills > .nav-item > .nav-link.active {

  background-color: #007D88 !important;

}

.nav.nav-pills > .nav-item > .nav-link.active.link-with-arrow:after {

  color: rgba(255, 255, 255, 0.6);

}

.nav.nav-pills > .nav-item > .nav-link.active:after {

  color: rgba(255, 255, 255, 0.6);

}

.nav.nav-pills .show > .nav-link {

  background-color: transparent;

}

.nav.nav-pills.nav-pills-square > .nav-item > .nav-link {

  border-radius: 0;

}

.nav.nav-pills.nav-pills-rounded > .nav-item > .nav-link {

  border-radius: 50rem;

}

.nav.nav-pills.nav-pills-soft > .nav-item > .nav-link.active {

  background-color: #ebf5f5 !important;

  color: #007D88 !important;

}

.nav.nav-pills.nav-pills-soft > .nav-item > .nav-link.active.link-with-arrow:after {

  color: inherit;

}

.nav.nav-pills.nav-pills-soft > .nav-item > .nav-link.active:after {

  color: inherit;

}

.nav.nav-pills.nav-icon.nav-icon-top > .nav-item > .nav-link {

  padding-top: .95rem;

  padding-bottom: .95rem;

}

.nav.nav-line > .nav-item > .nav-link {

  border-bottom: 1px solid transparent;

  -webkit-transition: 0.2s ease-in-out;

  -moz-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}

.nav.nav-line > .nav-item > .nav-link.active {

  border-color: #007D88 !important;

}

.nav.nav-vertical {

  -ms-flex-direction: column !important;

  flex-direction: column !important;

}

.nav.nav-vertical .nav-item .nav-link {

  justify-content: flex-start;

  -webkit-justify-content: flex-start;

  position: relative;

}

.nav.nav-vertical .nav-item .nav-link[data-toggle="collapse"]::after {

  content: '\f2f9';

  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';

  font-size: 1rem;

  text-rendering: auto;

  margin-left: auto;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.nav.nav-vertical .nav-item .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.nav.nav-vertical.nav-pills > .nav-item > .nav-link {

  margin: .25rem 0;

}

.nav.nav-vertical.nav-line > .nav-item > .nav-link {

  border-bottom: none;

  border-left: 1px solid transparent;

}

.nav.nav-vertical.nav-separator > .nav-item > .nav-link {

  padding: .75rem 1.5rem;

}

.nav.nav-vertical.nav-separator > .nav-item::after {

  content: "";

  position: absolute;

  width: 100%;

  left: 0;

  top: auto;

  bottom: 0;

  height: 1px;

  margin: 0;

}

.nav.nav-dark .nav-link {

  color: white;

}

.nav.nav-dark .nav-link:hover, .nav.nav-dark .nav-link:focus {

  color: rgba(255, 255, 255, 0.8);

}

.nav.nav-dark .nav-link.disabled {

  color: rgba(255, 255, 255, 0.3);

}

.nav.nav-dark .nav-link.active {

  color: #007D88;

}

.nav.nav-dark .nav-link:after {

  color: rgba(255, 255, 255, 0.3);

}

.nav.nav-dark .nav-link.link-with-arrow:after {

  color: rgba(255, 255, 255, 0.3);

}

.nav.nav-dark .nav-item.show .nav-link {

  color: #fff;

}

.nav.nav-dark.nav-pills > .nav-item > .nav-link.active {

  color: #fff;

}

.nav.nav-dark.nav-pills > .nav-item > .nav-link.active:hover, .nav.nav-dark.nav-pills > .nav-item > .nav-link.active:focus {

  color: #fff;

}

.nav.nav-dark.nav-pills > .nav-item > .nav-link {

  color: #fff;

}

.nav.nav-dark.nav-pills > .nav-item > .nav-link:hover, .nav.nav-dark.nav-pills > .nav-item > .nav-link:focus {

  background: rgba(255, 255, 255, 0.1);

}

.nav.nav-dark.nav-pills > .nav-item > .nav-link.disabled {

  color: rgba(255, 255, 255, 0.3);

}

.nav.nav-dark.nav-vertical .nav-item .nav-link[data-toggle="collapse"]::after {

  color: rgba(255, 255, 255, 0.3);

}

.nav.nav-dark.nav-line .nav-item.show .nav-link {

  color: #fff;

}

.nav.nav-light .nav-link {

  color: #262a2e;

}

.nav.nav-light .nav-link:hover, .nav.nav-light .nav-link:focus {

  color: rgba(38, 42, 46, 0.8);

}

.nav.nav-light .nav-link.disabled {

  color: rgba(38, 42, 46, 0.3);

}

.nav.nav-light .nav-link.active {

  color: #007D88;

}

.nav.nav-light .nav-link:after {

  color: rgba(38, 42, 46, 0.3);

}

.nav.nav-light .nav-link.link-with-arrow:after {

  color: rgba(38, 42, 46, 0.3);

}

.nav.nav-light .nav-item.show .nav-link {

  color: #262a2e;

}

.nav.nav-light.nav-vertical .nav-item .nav-link[data-toggle="collapse"]::after {

  color: rgba(38, 42, 46, 0.3);

}

.nav.nav-light.nav-pills > .nav-item > .nav-link.active {

  color: #fff;

}

.nav.nav-light.nav-pills > .nav-item > .nav-link.active:hover, .nav.nav-light.nav-pills > .nav-item > .nav-link.active:focus {

  color: #fff;

}

.nav.nav-light.nav-pills > .nav-item > .nav-link {

  color: #262a2e;

}

.nav.nav-light.nav-pills > .nav-item > .nav-link:hover, .nav.nav-light.nav-pills > .nav-item > .nav-link:focus {

  background: rgba(38, 42, 46, 0.08);

}

.nav.nav-light.nav-pills > .nav-item > .nav-link.disabled {

  color: rgba(38, 42, 46, 0.3);

}

.nav.nav-sm > .nav-item .nav-link > .nav-icon-wrap {

  margin-right: .875rem;

  font-size: 1rem;

}

.nav.nav-sm .nav-link {

  padding: .25rem 0.75rem;

  font-size: 0.875rem;

}



.nav-tabs {

  border-bottom: 1px solid #d8d8d8;

}

.nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-item.show .nav-link:focus,

.nav-tabs > .nav-item > .nav-link:hover,

.nav-tabs > .nav-item > .nav-link:focus {

  border-color: transparent;

}

.nav-tabs .nav-item.show .nav-link.active,

.nav-tabs > .nav-item > .nav-link.active {

  background-color: transparent;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;

}

.nav-tabs.nav-sm .nav-item.show .nav-link,

.nav-tabs.nav-sm > .nav-item > .nav-link {

  padding: .4rem 0.75rem;

}

.nav-tabs .nav-item.show .nav-link {

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;

}

.nav-tabs.nav-pills {

  border-bottom: 0;

}

.nav-tabs.nav-pills > .nav-item {

  margin-bottom: 0;

}

.nav-tabs.nav-pills > .nav-item > .nav-link {

  border: none !important;

}

.nav-tabs.nav-light > .nav-item > .nav-link.active {

  background: #fff;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;

}

.nav-tabs.nav-light .nav-item.show .nav-link {

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;

}

.nav-tabs.nav-dark {

  border-color: rgba(255, 255, 255, 0.1);

}

.nav-tabs.nav-dark > .nav-item > .nav-link.active {

  background: #fff;

  border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #fff;

}

.nav-tabs.nav-dark .nav-item.show .nav-link {

  border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #fff;

}

.nav-tabs.nav-line {

  border-bottom: 0;

}

.nav-tabs.nav-line > .nav-item {

  margin-bottom: 0;

}

.nav-tabs.nav-line > .nav-item > .nav-link {

  background: transparent;

  border-left: 0;

  border-top: 0;

  border-right: 0;

}

.nav-tabs.nav-line > .nav-item > .nav-link.active {

  background: transparent;

}

.nav-segmented-tabs {

  display: -ms-flexbox;

  display: flex;

  border-bottom: none;

}

.nav-segmented-tabs > .nav-item {

  margin-right: -1px;

}

.nav-segmented-tabs > .nav-item:first-child .nav-link {

  border-top-left-radius: 0.5rem;

  border-bottom-left-radius: 0.5rem;

}

.nav-segmented-tabs > .nav-item:last-child .nav-link {

  border-top-right-radius: 0.5rem;

  border-bottom-right-radius: 0.5rem;

}

.nav-segmented-tabs > .nav-item > .nav-link {

  border: 1px solid #d8d8d8 !important;

  border-radius: 0;

  text-align: center;

  background: transparent;

  height: 100%;

}

.nav-segmented-tabs > .nav-item > .nav-link.active {

  color: #fff !important;

  background: #007D88 !important;

  border-color: #007D88 !important;

}

.nav-segmented-tabs.segmented-tabs-rounded > .nav-item:first-child .nav-link {

  border-top-left-radius: 50px;

  border-bottom-left-radius: 50px;

}

.nav-segmented-tabs.segmented-tabs-rounded > .nav-item:last-child .nav-link {

  border-top-right-radius: 50px;

  border-bottom-right-radius: 50px;

}

.nav-segmented-tabs.segmented-tabs-square > .nav-item > .nav-link {

  border-radius: 0;

}

.nav-segmented-tabs.segmented-tabs-filled > .nav-item {

  margin-right: 0;

}

.nav-segmented-tabs.segmented-tabs-filled > .nav-item .nav-link {

  border: none !important;

  background: #f7f7f7;

}

.nav-segmented-tabs.nav-dark > .nav-item > .nav-link {

  border-color: rgba(255, 255, 255, 0.15) !important;

}

.nav-segmented-tabs.nav-dark > .nav-item.show > .nav-link {

  background: transparent;

  color: white;

}

.nav-segmented-tabs.nav-dark.segmented-tabs-filled > .nav-item .nav-link {

  background: rgba(255, 255, 255, 0.05);

}



.nav-header-bold {

  padding: 1.5rem 0 .5rem 0;

  width: 240px;

  font-size: 0.75rem;

  text-transform: uppercase;

  font-weight: 600;

  color: #007D88;

}



/*Contact-Popup nav*/



.nav-link-cp.active {

  border-radius: 0px;

  background: transparent !important;

  color: #0083A5 !important;

}



.nav-link-cp:hover {

  border-radius: 0px;

  color: #0083A5;

}



/*Section Nav*/

.hk-wrapper[data-aside="fixed"] .hk-pg-wrapper {

  margin-right: 180px;

}

.hk-wrapper[data-aside="fixed"] .hk-aside {

  position: fixed;

  top: 65px;

  overflow-y: auto;

  width: 180px;

  right: 0;

  z-index: 1;

  background: #fff;

  border-left: 1px solid #d8d8d8;

  bottom: 0;

}

.hk-wrapper[data-aside="fixed"] .hk-aside .nicescroll-bar {

  padding: 1.5rem;

}

.hk-wrapper[data-aside="sticky"] .hk-aside {

  position: sticky;

  top: 70px;

  overflow-y: auto;

  height: calc(100vh - 250px);

  z-index: 1;

  margin-top: 3rem;

}

.hk-wrapper .nav-toc .nav-header {

  font-size: .75rem;

  text-transform: uppercase;

  font-weight: 600;

  color: #9e9e9e;

}

.hk-wrapper .nav-toc .nav {

  margin: 1rem 0;

  font-size: .875rem;

  flex-wrap: nowrap;

  border-left: 1px solid;

  border-color: #d8d8d8;

}

.hk-wrapper .nav-toc .nav .nav-item {

  margin-bottom: .25rem;

}

.hk-wrapper .nav-toc .nav .nav-item:last-child {

  margin-bottom: 0;

}

.hk-wrapper .nav-toc .nav .nav-item a.nav-link {

  color: #262a2e;

  padding: 0 0 0 1rem;

  display: block;

  margin-left: -1px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  border-left: 1px solid transparent;

}

.hk-wrapper .nav-toc .nav .nav-item a.nav-link:hover, .hk-wrapper .nav-toc .nav .nav-item a.nav-link:focus {

  color: var(--text-primary) !important;

}

.hk-wrapper .nav-toc .nav .nav-item a.nav-link.active {

  color: #007D88;

  border-color: #007D88;

}



@media (max-width: 767px) {

  .hk-wrapper[data-aside="fixed"] .hk-pg-wrapper {

    margin-right: 0;

  }

  .hk-wrapper[data-aside="fixed"] .hk-aside {

    display: none;

  }

}

.toc-wrapper .nav.nav-vertical .nav-item .nav-link {

  font-size: 0.875rem;

  padding: 0.125rem 0;

}



/*------------------------------------------------------------------

    [Horizontal Menu]

    Project:	Jampack

    --------------------------------------------------------------------*/

/**Horizontal Navigation**/

.hk-wrapper[data-layout="horizontal"] .hk-pg-wrapper {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  position: fixed;

  top: 0;

  bottom: 0;

  width: 270px;

  margin-left: 0;

  z-index: 1032;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu > .nicescroll-bar {

  overflow: auto;

  flex: 1 1 auto;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap {

  padding: 1.5rem;

  position: relative;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .nav-header {

  padding: 0 0 .5rem 0;

  font-size: 0.875rem;

  color: #007D88;

  font-weight: 500;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: .5rem 1rem;

  margin: 0 -1rem;

  white-space: nowrap;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {

  -webkit-transition: -webkit-transform 0.25s ease;

  -moz-transition: -moz-transform 0.25s ease;

  transition: transform 0.25s ease;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {

  font-size: 1.5rem;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  position: absolute;

  right: 1rem;

  z-index: -1;

  content: '\f2f9';

  font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

  margin-left: auto;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {

  -webkit-transform: translateX(5px);

  -moz-transform: translateX(5px);

  -ms-transform: translateX(5px);

  -o-transform: translateX(5px);

  transform: translateX(5px);

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {

  color: #007D88 !important;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.more-nav-item > .nav-link[data-bs-toggle="collapse"]::after {

  display: none;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.more-nav-item .nav-children .nav-item .nav-link .nav-icon-wrap {

  display: none;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {

  color: #007D88 !important;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {

  position: relative;

  padding: 0.5rem 0;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  content: "";

  width: 1px;

  height: calc(100% - 20px);

  position: absolute;

  left: 10px;

  top: 0;

  bottom: 0;

  margin: auto;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {

  font-size: 0.875rem;

  padding: 0.15rem 0 0.15rem 1.4rem;

  margin: 0 0 0 1rem;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  transition: all 0.25s ease;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  right: 0;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {

  padding: 0.15rem 0 0.15rem 2rem;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-gap {

  height: 25px;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-header {

  padding: 0.5rem 1.5rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex: 0 0 auto;

  height: 65px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  overflow: hidden;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-header .navbar-toggle {

  flex-shrink: 0;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-header > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-shrink: 0;

  align-items: center;

  flex-grow: 1;

  justify-content: space-between;

}

.hk-wrapper[data-layout="horizontal"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {

  margin-left: 0.5rem;

}

.hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-pg-wrapper {

  margin-left: 0;

}

.hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-navbar {

  left: 0;

}

.hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu {

  left: -270px;

}

.hk-wrapper[data-layout="horizontal"][data-layout-style="collapsed"] .hk-menu {

  left: 0;

}

.hk-wrapper[data-layout="horizontal"][data-layout-style="collapsed"] .hk-menu-backdrop {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  z-index: 1031;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  transition: all 0.25s ease;

  background: rgba(38, 42, 46, 0.5);

  opacity: 1;

  height: auto;

  width: auto;

  visibility: visible;

}

.hk-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu {

  background: #fff;

}

.hk-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #262a2e;

}

.hk-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(38, 42, 46, 0.3);

}

.hk-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}

.hk-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu {

  background: #262a2e;

}

.hk-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #fff;

}

.hk-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(255, 255, 255, 0.3);

}

.hk-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}



@media (max-width: 1199px) {

  .hk-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap > .menu-group {

    padding: 0;

  }

}

@media (min-width: 1200px) {

  .hk-wrapper[data-layout="horizontal"].hk-section-nav-active .hk-section-nav {

    top: 130px;

  }

  .hk-wrapper[data-layout="horizontal"] .hk-pg-wrapper {

    padding-top: 130px;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu {

    left: 0;

    top: 65px;

    right: 0;

    bottom: auto;

    width: 100%;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    border-bottom: 1px solid #eaeaea;

    border-right: 0;

    z-index: 1029;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu > .nicescroll-bar {

    overflow: visible !important;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap {

    padding: 0;

    position: relative;

    min-height: auto;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group > .navbar-nav.flex-column {

    flex-direction: row !important;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

    display: none;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link {

    min-height: 65px;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link:hover > * {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item {

    position: relative;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

    margin: 0;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

    position: static;

    margin-left: 0.75rem;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:first-child > .nav-link {

    padding-left: 0;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {

    height: auto !important;

    min-width: 10rem;

    position: absolute;

    z-index: 1;

    border-radius: .25rem;

    border: 1px solid #eaeaea;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children {

    padding: 1rem 0;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link {

    padding: .25rem 1.5rem;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {

    margin-left: auto;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children {

    padding: 0.5rem 0;

    left: 100%;

    top: 0;

    position: absolute;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children .nav-item .nav-link {

    padding: .25rem 1rem;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item.edge ul.nav-children {

    left: auto !important;

    right: 100%;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse, .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse.show, .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapsing {

    display: block;

    clip: rect(1px, 1px, 1px, 1px);

    opacity: 0.1;

    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);

    -moz-transition: -moz-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);

    transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);

    -webkit-transform: translateY(-10px) scaleY(0.5);

    -moz-transform: translateY(-10px) scaleY(0.5);

    -ms-transform: translateY(-10px) scaleY(0.5);

    -o-transform: translateY(-10px) scaleY(0.5);

    transform: translateY(-10px) scaleY(0.5);

    -webkit-transform-origin: top;

    transform-origin: top;

    box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

    top: 100%;

    position: fixed;

  }

  .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse, .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse.show, .hk-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapsing {

    clip: auto;

    opacity: 1;

    -webkit-transform: translateY(0) scaleY(1);

    -moz-transform: translateY(0) scaleY(1);

    -ms-transform: translateY(0) scaleY(1);

    -o-transform: translateY(0) scaleY(1);

    transform: translateY(0) scaleY(1);

  }

  .hk-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {

    background: #fff;

  }

  .hk-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {

    background: #262a2e;

  }

}

/*------------------------------------------------------------------

    [Classic Menu]

    Project:	Jampack

    --------------------------------------------------------------------*/

/**Vertical Navigation**/

.hk-wrapper[data-layout="vertical"] .hk-pg-wrapper {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="vertical"] .hk-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  position: fixed;

  top: 0;

  bottom: 0;

  width: 270px;

  margin-left: 0;

  z-index: 1032;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  /*Sidebar fixednav*/

  /*Horizontal Scrollbar*/

}

.hk-wrapper[data-layout="vertical"] .hk-menu > .nicescroll-bar {

  overflow: auto;

  flex: 1 1 auto;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap {

  padding: 1.5rem;

  position: relative;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-header {

  padding: 0 0 .5rem 0;

  font-size: 0.875rem;

  color: #9e9e9e;

  font-weight: 500;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: .5rem 1rem;

  margin: 0 -1rem;

  white-space: nowrap;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {

  -webkit-transition: -webkit-transform 0.25s ease;

  -moz-transition: -moz-transform 0.25s ease;

  transition: transform 0.25s ease;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {

  font-size: 1.5rem;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  position: absolute;

  right: 1rem;

  z-index: -1;

  content: '\f2f9';

  font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

  margin-left: auto;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {

  -webkit-transform: translateX(5px);

  -moz-transform: translateX(5px);

  -ms-transform: translateX(5px);

  -o-transform: translateX(5px);

  transform: translateX(5px);

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {

  color: #007D88 !important;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88 !important;

  border-radius: 0.5rem;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {

  position: relative;

  padding: 0.5rem 0;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  content: "";

  width: 1px;

  height: calc(100% - 20px);

  position: absolute;

  left: 10px;

  top: 0;

  bottom: 0;

  margin: auto;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {

  font-size: 0.875rem;

  padding: 0.15rem 0 0.15rem 1.4rem;

  margin: 0 0 0 1rem;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  transition: all 0.25s ease;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  right: 0;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {

  padding: 0.15rem 0 0.15rem 2rem;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-gap {

  height: 25px;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-header {

  padding: 0.5rem 1.1875rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex: 0 0 auto;

  height: 65px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  overflow: hidden;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-header .navbar-toggle {

  flex-shrink: 0;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-header > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-shrink: 0;

  align-items: center;

  flex-grow: 1;

  justify-content: space-between;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {

  margin-left: 0.5rem;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .bottom-nav {

  flex: 0 0 auto;

  padding-bottom: .5rem;

}

.hk-wrapper[data-layout="vertical"] .hk-menu .simplebar-track.simplebar-horizontal {

  display: none;

}

.hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-pg-wrapper {

  margin-left: 0;

}

.hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-navbar {

  left: 0;

}

.hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-menu {

  left: -270px;

}

.hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu {

  left: 0;

}

.hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu-backdrop {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  z-index: 1031;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  transition: all 0.25s ease;

  background: rgba(38, 42, 46, 0.5);

  opacity: 1;

  height: auto;

  width: auto;

  visibility: visible;

}

.hk-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu {

  background: #fff;

}

.hk-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #262a2e;

}

.hk-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(38, 42, 46, 0.3);

}

.hk-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}

.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu {

  background: #262a2e;

}

.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #fff;

}

.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(255, 255, 255, 0.3);

}

.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}



@media (min-width: 768px) {

  .hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-pg-wrapper {

    margin-left: 270px;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-navbar {

    left: 270px;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-menu {

    left: 0;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-pg-wrapper {

    margin-left: 72px;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-navbar {

    left: 72px;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu {

    width: 72px;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap > .callout {

    display: none;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .nav-header {

    display: none;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link > *:not(.nav-icon-wrap) {

    visibility: hidden;

    flex-shrink: 0;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link[data-bs-toggle="collapse"]::after {

    right: -1.5rem;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .collapse.show {

    display: none;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-gap {

    display: none;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {

    display: none;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .navbar-toggle {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover {

    width: 270px;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap > .callout {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .nav-header {

    display: block;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link > *:not(.nav-icon-wrap) {

    visibility: visible;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link[data-bs-toggle="collapse"]::after {

    right: 1rem;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .collapse.show {

    display: -ms-flexbox;

    display: flex;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-gap {

    display: block;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-header > span .navbar-brand .brand-img:last-child {

    display: inline;

  }

  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu-backdrop {

    opacity: 0;

    height: 0;

    width: 0;

    visibility: hidden;

  }

}

/*------------------------------------------------------------------

    [Icon Menu]

    Project:	Jampack

    -------------------------------------------------------------------*/

/**Vertical Icon Navigation**/

.hk-wrapper[data-layout="twocolumn"] .hk-pg-wrapper {

  margin-left: 72px;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="twocolumn"] .hk-navbar {

  left: 72px;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  width: 72px;

  margin-left: 0;

  z-index: 1032;

  border-right: 1px solid #d8d8d8;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  /*Sidebar fixednav*/

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu > .nicescroll-bar {

  overflow: auto;

  flex: 1 1 auto;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap {

  padding: 1.5rem;

  position: relative;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav .nav-item .nav-link {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: .5rem 1rem;

  margin: 0 -1rem;

  white-space: nowrap;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav .nav-item .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {

  font-size: 1.5rem;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav .nav-item.active > .nav-link {

  color: #007D88 !important;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88 !important;

  border-radius: 0.5rem;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-header {

  padding: 0.5rem 1.5rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 65px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-header .navbar-brand {

  margin: 0;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .bottom-nav {

  flex: 0 0 auto;

  padding-bottom: .5rem;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 72px;

  width: 270px;

  margin-left: 0;

  z-index: 1031;

  overflow: hidden;

  border-right: 1px solid #d8d8d8;

  -webkit-transform: translate(-100%);

  -moz-transform: translate(-100%);

  -ms-transform: translate(-100%);

  -o-transform: translate(-100%);

  transform: translate(-100%);

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu > .nicescroll-bar {

  overflow: auto;

  flex: 1 1 auto;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap {

  padding: 1.5rem;

  position: relative;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .nav-header {

  padding: 0 0 .5rem 0;

  font-size: 0.875rem;

  color: #007D88;

  font-weight: 500;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: .5rem 1rem;

  margin: 0 -1rem;

  white-space: nowrap;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {

  -webkit-transition: -webkit-transform 0.25s ease;

  -moz-transition: -moz-transform 0.25s ease;

  transition: transform 0.25s ease;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {

  font-size: 1.5rem;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  position: absolute;

  right: 1rem;

  z-index: -1;

  content: '\f2f9';

  font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

  margin-left: auto;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-default="true"]::after {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {

  -webkit-transform: translateX(5px);

  -moz-transform: translateX(5px);

  -ms-transform: translateX(5px);

  -o-transform: translateX(5px);

  transform: translateX(5px);

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {

  color: #007D88 !important;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {

  color: #007D88 !important;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {

  position: relative;

  padding: 0.5rem 0;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  content: "";

  width: 1px;

  height: calc(100% - 20px);

  position: absolute;

  left: 10px;

  top: 0;

  bottom: 0;

  margin: auto;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {

  font-size: 0.875rem;

  padding: 0.15rem 0 0.15rem 1.4rem;

  margin: 0 0 0 1rem;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  transition: all 0.25s ease;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  right: 0;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {

  padding: 0.15rem 0 0.15rem 2rem;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-gap {

  height: 25px;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-header {

  padding: 0 1.5rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex: 0 0 auto;

  min-height: 65px;

  width: 269px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-header .navbar-toggle {

  flex-shrink: 0;

}

.hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .subnav-list {

  display: none;

}

.hk-wrapper[data-layout="twocolumn"][data-submenu="active"] .hk-menu .sub-menu {

  -webkit-transform: translate(0);

  -moz-transform: translate(0);

  -ms-transform: translate(0);

  -o-transform: translate(0);

  transform: translate(0);

}

.hk-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .main-menu {

  background: #fff;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #262a2e;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(38, 42, 46, 0.3);

}

.hk-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .sub-menu {

  background: #fff;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #262a2e;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(38, 42, 46, 0.3);

}

.hk-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .main-menu {

  background: #262a2e;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #fff;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(255, 255, 255, 0.3);

}

.hk-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .sub-menu {

  background: #2F343A;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #fff;

}

.hk-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(255, 255, 255, 0.3);

}

.hk-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}



@media (max-width: 1199px) {

  .hk-wrapper[data-layout="twocolumn"] .hk-pg-wrapper {

    margin-left: 0;

  }

  .hk-wrapper[data-layout="twocolumn"] .hk-navbar {

    left: 0;

  }

  .hk-wrapper[data-layout="twocolumn"] .hk-menu .main-menu {

    left: -72px;

  }

  .hk-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu {

    left: 0;

  }

  .hk-wrapper[data-layout="twocolumn"][data-layout-style="offcanvas"] .hk-menu .main-menu {

    left: 0;

  }

  .hk-wrapper[data-layout="twocolumn"][data-layout-style="offcanvas"] .hk-menu .sub-menu {

    left: 72px;

  }

  .hk-wrapper[data-layout="twocolumn"][data-layout-style="offcanvas"] .hk-menu-backdrop {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 1030;

    background: rgba(38, 42, 46, 0.5);

    height: auto;

    width: auto;

  }

}

/*------------------------------------------------------------------

    [Navbar Menu]

    Project:	Jampack

    --------------------------------------------------------------------*/

/**Navbar Navigation**/

.hk-wrapper[data-layout="navbar"] .hk-pg-wrapper {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="navbar"] .hk-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  position: fixed;

  top: 0;

  bottom: 0;

  width: 270px;

  margin-left: 0;

  z-index: 1032;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="navbar"] .hk-menu > .nicescroll-bar {

  overflow: auto;

  flex: 1 1 auto;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap {

  padding: 1.5rem;

  position: relative;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-header {

  padding: 0 0 .5rem 0;

  font-size: 0.875rem;

  color: #007D88;

  font-weight: 500;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: .5rem 1rem;

  margin: 0 -1rem;

  white-space: nowrap;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {

  -webkit-transition: -webkit-transform 0.25s ease;

  -moz-transition: -moz-transform 0.25s ease;

  transition: transform 0.25s ease;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {

  font-size: 1.5rem;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  position: absolute;

  right: 1rem;

  z-index: -1;

  content: '\f2f9';

  font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

  margin-left: auto;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {

  -webkit-transform: translateX(5px);

  -moz-transform: translateX(5px);

  -ms-transform: translateX(5px);

  -o-transform: translateX(5px);

  transform: translateX(5px);

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {

  color: #007D88 !important;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.more-nav-item > .nav-link[data-bs-toggle="collapse"]::after {

  display: none;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.more-nav-item .nav-children .nav-item .nav-link .nav-icon-wrap {

  display: none;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {

  color: #007D88 !important;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {

  position: relative;

  padding: 0.5rem 0;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  content: "";

  width: 1px;

  height: calc(100% - 20px);

  position: absolute;

  left: 10px;

  top: 0;

  bottom: 0;

  margin: auto;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {

  font-size: 0.875rem;

  padding: 0.15rem 0 0.15rem 1.4rem;

  margin: 0 0 0 1rem;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  transition: all 0.25s ease;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  right: 0;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {

  padding: 0.15rem 0 0.15rem 2rem;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-gap {

  height: 25px;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-header {

  padding: 0.5rem 1.5rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex: 0 0 auto;

  height: 65px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  overflow: hidden;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-header .navbar-toggle {

  flex-shrink: 0;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-header > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-shrink: 0;

  align-items: center;

  flex-grow: 1;

  justify-content: space-between;

}

.hk-wrapper[data-layout="navbar"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {

  margin-left: 0.5rem;

}

.hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-pg-wrapper {

  margin-left: 0;

}

.hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-navbar {

  left: 0;

}

.hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu {

  left: -270px;

}

.hk-wrapper[data-layout="navbar"][data-layout-style="collapsed"] .hk-menu {

  left: 0;

}

.hk-wrapper[data-layout="navbar"][data-layout-style="collapsed"] .hk-menu-backdrop {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  z-index: 1031;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  transition: all 0.25s ease;

  background: rgba(38, 42, 46, 0.5);

  opacity: 1;

  height: auto;

  width: auto;

  visibility: visible;

}

.hk-wrapper[data-layout="navbar"] .simplebar-track.simplebar-horizontal {

  display: none;

}

.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu {

  background: #fff;

}

.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #262a2e;

}

.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(38, 42, 46, 0.3);

}

.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}

.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu {

  background: #262a2e;

}

.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

  color: #fff;

}

.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

  color: rgba(255, 255, 255, 0.3);

}

.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

  background: #d8d8d8;

}



@media (max-width: 1199px) {

  .hk-wrapper[data-layout="navbar"] .hk-menu .container.menu-group {

    padding: 0;

  }

}

@media (min-width: 1200px) {

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu {

    background: inherit !important;

    width: 100%;

    position: static;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    border: 0;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu > .nicescroll-bar {

    overflow: visible !important;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap {

    padding: 0;

    position: relative;

    min-height: auto;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group > .navbar-nav.flex-column {

    flex-direction: row !important;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {

    display: none;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link {

    min-height: 65px;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link:hover > * {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item {

    position: relative;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {

    margin: 0;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {

    position: static;

    margin-left: 0.75rem;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {

    height: auto !important;

    min-width: 10rem;

    position: absolute;

    z-index: 1;

    border-radius: .25rem;

    border: 1px solid #eaeaea;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children {

    padding: 1rem 0;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link {

    padding: .25rem 1.5rem;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {

    margin-left: auto;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children {

    padding: 0.5rem 0;

    left: 100%;

    top: 0;

    position: absolute;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children .nav-item .nav-link {

    padding: .25rem 1rem;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item.edge ul.nav-children {

    left: auto !important;

    right: 100%;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse, .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse.show, .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapsing {

    display: block;

    clip: rect(1px, 1px, 1px, 1px);

    opacity: 0.1;

    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);

    -moz-transition: -moz-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);

    transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);

    -webkit-transform: translateY(-10px) scaleY(0.5);

    -moz-transform: translateY(-10px) scaleY(0.5);

    -ms-transform: translateY(-10px) scaleY(0.5);

    -o-transform: translateY(-10px) scaleY(0.5);

    transform: translateY(-10px) scaleY(0.5);

    -webkit-transform-origin: top;

    transform-origin: top;

    box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;

    top: 100%;

    position: fixed;

  }

  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse, .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse.show, .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapsing {

    clip: auto;

    opacity: 1;

    -webkit-transform: translateY(0) scaleY(1);

    -moz-transform: translateY(0) scaleY(1);

    -ms-transform: translateY(0) scaleY(1);

    -o-transform: translateY(0) scaleY(1);

    transform: translateY(0) scaleY(1);

  }

  .hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {

    background: #fff;

  }

  .hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {

    background: #262a2e;

  }

}

/*------------------------------------------------------------------

    [Drawer]

    Project:	Jampack

    -------------------------------------------------------------------*/

/*Drawer*/

.hk-wrapper .hk-drawer {

  position: fixed;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  top: 0;

  right: -320px;

  width: 320px;

  bottom: 0;

  z-index: 1050;

  border: none;

  background: #fff;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper .hk-drawer .drawer-header {

  padding: 0.75rem 1.25rem;

  border-bottom: 1px solid #d8d8d8;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

}

.hk-wrapper .hk-drawer .drawer-header .drawer-text {

  font-size: 1rem;

  color: #2F343A;

  font-weight: 500;

}

.hk-wrapper .hk-drawer .drawer-header .drawer-header-action {

  margin-left: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-wrapper .hk-drawer .drawer-header.header-bold .drawer-text {

  font-size: 0.75rem;

  text-transform: uppercase;

  font-weight: 600;

}

.hk-wrapper .hk-drawer .drawer-header.header-wth-bg {

  background: #007D88;

  border-bottom: 0;

}

.hk-wrapper .hk-drawer .drawer-header.header-wth-bg .drawer-text {

  color: #fff;

}

.hk-wrapper .hk-drawer .drawer-header.header-wth-bg .drawer-close {

  color: #fff;

}

.hk-wrapper .hk-drawer .drawer-header.header-flush {

  border-bottom: 0;

}

.hk-wrapper .hk-drawer .drawer-body {

  overflow: auto;

  flex: 1 1 auto;

}

.hk-wrapper .hk-drawer .drawer-body .drawer-content-wrap {

  Padding: 1.25rem 1.25rem 7rem 1.25rem;

}

.hk-wrapper .hk-drawer .drawer-body .drawer-content-wrap .drawer-close {

  position: absolute;

  right: 14px;

  top: 10px;

  cursor: pointer;

}

.hk-wrapper .hk-drawer .drawer-footer {

  padding: 0.75rem 1.25rem;

  background: #fff;

  border-top: 1px solid #d8d8d8;

}

.hk-wrapper .hk-drawer.drawer-left {

  left: -320px;

  border-right: 1px solid #d8d8d8;

}

.hk-wrapper .hk-drawer.drawer-right {

  right: -320px;

  border-left: 1px solid #d8d8d8;

}

.hk-wrapper .hk-drawer.drawer-small {

  top: 65px;

}

.hk-wrapper .hk-drawer.drawer-toggle.hk-drawer.drawer-left {

  left: 0;

}

.hk-wrapper .hk-drawer.drawer-toggle.hk-drawer.drawer-right {

  right: 0;

}

.hk-wrapper.hk-drawer-push.hk-drawer-pushleft .hk-pg-wrapper {

  margin-left: 20rem;

}

.hk-wrapper.hk-drawer-push.hk-drawer-pushright .hk-pg-wrapper {

  margin-right: 20rem;

}

.hk-wrapper.hk-drawer-push.hk-drawer-wth-nav-push .hk-navbar {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.hk-wrapper.hk-drawer-push.hk-drawer-wth-nav-push.hk-drawer-pushleft .hk-navbar {

  left: 320px;

}

.hk-wrapper.hk-drawer-push.hk-drawer-wth-nav-push.hk-drawer-pushright .hk-navbar {

  right: 320px;

}

.hk-wrapper .hk-drawer-backdrop {

  position: absolute;

  height: 100%;

  width: 100%;

  background: #262a2e;

  opacity: 0.25;

  z-index: 1033;

  top: 0;

  left: 0;

}



@media (max-width: 1199px) {

  .hk-wrapper.hk-drawer-push.hk-drawer-pushleft .hk-pg-wrapper {

    margin-left: 0;

  }

  .hk-wrapper.hk-drawer-push.hk-drawer-pushright .hk-pg-wrapper {

    margin-right: 0;

  }

  .hk-wrapper.hk-drawer-push.hk-drawer-wth-nav-push .hk-navbar {

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    transition: all 0.2s ease;

  }

  .hk-wrapper.hk-drawer-push.hk-drawer-wth-nav-push.hk-drawer-pushleft .hk-navbar {

    left: 0;

  }

  .hk-wrapper.hk-drawer-push.hk-drawer-wth-nav-push.hk-drawer-pushright .hk-navbar {

    right: 0;

  }

}

/*------------------------------------------------------------------

    [Master Stylesheet]

    Project:	Jampack

    ++++ ChatApp ++++

    ++++ Chat Popup ++++

    ++++ Chatbot Popup ++++

    ++++ Calendar ++++

    ++++ Email UI ++++

    ++++ Taskboard ++++

    ++++ Checklist List ++++

    ++++ Contact ++++

    ++++ File Manager ++++

    ++++ Gallery App ++++

    ++++ Todo ++++

    ++++ Blog App ++++

    ++++ invoice ++++

    ++++ Integrations ++++

    -------------------------------------------------------------------*/

/*ChatApp*/

.chatapp-wrap {

  position: relative;

  overflow: hidden;

  height: calc(100vh - 65px);

  -webkit-transition: height 0.2s ease;

  -moz-transition: height 0.2s ease;

  transition: height 0.2s ease;

}

.chatapp-wrap .chatapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  position: relative;

  overflow: hidden;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.chatapp-wrap .chatapp-content .chatapp-aside {

  border-right: 1px solid #eaeaea;

  background: #fff;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  height: 100%;

  z-index: 1;

  left: 0;

  margin-top: 0;

  width: 370px;

  flex-shrink: 0;

}

.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  border-bottom: 1px solid #eaeaea;

  background: #fff;

  color: #262a2e;

}

.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title h1 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title:after {

  top: 0;

}

.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .btn, .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .hopscotch-nav-button {

  margin-right: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .btn:last-child, .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:last-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .hopscotch-nav-button:last-child {

  margin-right: 0;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body {

  -ms-flex: 1;

  flex: 1;

  height: 100%;

  overflow: auto;

  padding: 1.25rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .aside-search {

  margin-bottom: 1.25rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact {

  margin-bottom: 1.25rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact ul li .avatar {

  cursor: pointer;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list {

  margin: 0 -0.8rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item {

  padding: 0;

  border: none;

  margin-bottom: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item:last-child {

  margin-bottom: 0;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media {

  padding: .75rem .8rem;

  border-radius: 0.5rem;

  -webkit-transition: 0.2s ease;

  -moz-transition: 0.2s ease;

  transition: 0.2s ease;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  cursor: pointer;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-head {

  position: relative;

  margin-right: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  min-width: 0;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child {

  min-width: 0;

  flex: 1;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name,

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-last-chat,

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-status {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name {

  color: #262a2e;

  font-weight: 500;

  margin-bottom: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child {

  text-align: right;

  padding-left: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  -webkit-box-align: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  width: 4.5rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .last-chat-time {

  font-size: 0.75rem;

  color: #007D88;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .badge {

  margin-top: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .action-drp {

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 15px;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover, .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus {

  background-color: #f2f2f2;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .action-drp, .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .action-drp {

  opacity: 1;

  visibility: visible;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .last-chat-time,

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .badge-pill, .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .last-chat-time,

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .badge-pill {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat .media-body > div:last-child .last-chat-time {

  color: #6f6f6f;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat.active-user {

  background-color: #f2f2f2;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat.active-user .media-body > div:first-child .user-name {

  color: #007D88;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .title-wth-divider {

  padding: 0 .8rem;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .title-wth-divider:after {

  background: #f7f7f7;

}

.chatapp-wrap .chatapp-content .chatapp-aside .aside-body .channels-list .nav-item .nav-link {

  padding-left: 0;

  padding-right: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  flex-flow: column;

  height: 100%;

  background: #fff;

  z-index: 10;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .back-user-list {

  display: none;

  margin-right: .625rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-name {

  font-size: 1rem;

  font-weight: 500;

  color: #262a2e;

  text-transform: capitalize;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-status {

  font-size: 0.875rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-name, .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-status {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  max-width: 150px;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap > a {

  margin-left: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  -ms-flex: 1;

  flex: 1;

  height: 100%;

  overflow: auto;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled {

  width: 90%;

  margin: 0 auto;

  padding: 2rem 1.25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body {

  margin-left: 0.75rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div {

  padding: .625rem 1rem;

  border-radius: 1.25rem;

  display: inline-block;

  position: relative;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div p:first-child {

  color: #262a2e;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div .chat-time {

  display: block;

  text-transform: uppercase;

  font-size: 0.75rem;

  margin-top: .25rem;

  opacity: .5;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box + .msg-box {

  margin-top: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box .msg-action {

  margin-left: 1rem;

  opacity: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0;

  background: transparent !important;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box .msg-action:after {

  display: none;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box:hover .msg-action {

  opacity: 1;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div {

  cursor: pointer;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-name {

  color: #262a2e;

  font-weight: 500;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  max-width: 165px;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-size {

  font-size: 0.875rem;

  margin-top: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .file-overlay {

  position: absolute;

  opacity: 0;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  color: #fff;

  background: rgba(38, 42, 46, 0.4);

  border-radius: 1.25rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div:hover .file-overlay {

  opacity: 1;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div.msg-action:after {

  display: none;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box + .msg-box {

  margin-top: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box > div {

  padding: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box > div img {

  border-radius: 1.25rem;

  max-width: 336px;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box:first-child > div, .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box:last-child > div {

  border-radius: 1.25rem !important;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received {

  margin-bottom: 1.25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received .media-body .msg-box > div {

  background: #f2f2f2;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received .media-body .msg-box:first-child > div {

  border-top-left-radius: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent {

  margin-bottom: 1.25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body {

  margin-left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box {

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div {

  background: #007D88;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div p {

  color: #fff;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div .chat-time {

  color: #fff;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box:first-child > div {

  border-top-right-radius: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box .msg-action {

  margin-left: 0;

  margin-right: 1rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.media-attachment {

  margin-bottom: 1.125rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.media-attachment .media-body > .msg-box {

  margin-bottom: .25rem;

  margin-right: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep {

  position: relative;

  text-align: center;

  overflow: hidden;

  font-size: 0.875rem;

  margin: 1.875rem 0;

  text-transform: capitalize;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep:before {

  background: #eaeaea;

  content: "";

  height: 1px;

  right: 50%;

  position: absolute;

  top: 50%;

  width: 100%;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep:after {

  background: #eaeaea;

  content: "";

  height: 1px;

  left: 50%;

  position: absolute;

  top: 50%;

  width: 100%;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep span {

  display: inline-block;

  background: #fff;

  z-index: 1;

  position: relative;

  padding: 0 .625rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .start-conversation {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  height: calc(100vh - 195px);

  flex-flow: column;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.75rem 1.25rem;

  background: #fff;

  border-top: 1px solid #eaeaea;

  margin-top: -1px;

  position: relative;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .feather-icon, .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .svg-icon {

  display: block;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group {

  width: 100%;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .form-control, .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .form-select, .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .wizard > .content > .body input, .wizard > .content > .body .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group input, .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .dd-handle {

  margin: 0 0.75rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info {

  position: absolute;

  top: 65px;

  right: -370px;

  width: 370px;

  margin-left: 0;

  bottom: 0;

  z-index: 100;

  border: none;

  background: #fff;

  border-left: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .nicescroll-bar {

  padding: 1.25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-name {

  font-size: 1.25rem;

  font-weight: 500;

  color: #262a2e;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info {

  padding-left: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li {

  margin-bottom: .625rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a {

  color: #262a2e;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a .cp-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .5rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a .cp-icon-wrap .feather-icon, .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a .cp-icon-wrap .svg-icon {

  font-size: 1.125rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action {

  padding-left: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li {

  margin-bottom: .625rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li a {

  color: #262a2e;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li:last-child {

  margin-bottom: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files {

  margin: 0 -.8rem;

  padding-left: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li {

  padding: .8rem;

  border-radius: 0.5rem;

  -webkit-transition: 0.2s ease;

  -moz-transition: 0.2s ease;

  transition: 0.2s ease;

  margin-bottom: .25rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:last-child {

  margin-bottom: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-head {

  margin-right: 1rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-head .avatar.avatar-sm .avatar-icon {

  font-size: 1.75rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  min-width: 0;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body > div:first-child {

  min-width: 0;

  -ms-flex: 1;

  flex: 1;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body .file-name {

  color: #262a2e;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight: 500;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body .file-size {

  margin-top: .25rem;

  font-size: 0.875rem;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:hover {

  background-color: #f2f2f2;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:hover .media .media-body .file-name {

  color: #007D88;

}

.chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:hover .media .media-body a.cp-file-action {

  color: #262a2e;

}

.chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-body {

  margin-right: 370px;

}

.chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-info {

  right: 0;

}

.chatapp-wrap.chatapp-info-active .chatapp-single-chat footer.chat-footer {

  margin-right: 370px;

}

.chatapp-wrap .chatapp-call-window .modal-content {

  min-height: calc(100vh - 100px);

}

.chatapp-wrap .chatapp-call-window .modal-content .modal-header {

  Padding: 0.3rem 1.25rem;

}

.chatapp-wrap .chatapp-call-window .modal-content .modal-header .modal-title {

  text-align: center;

  width: 100%;

  font-size: 0.875rem;

}

.chatapp-wrap .chatapp-call-window .modal-content .modal-header > .modal-action {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  right: 1.25rem;

  position: absolute;

}

.chatapp-wrap .chatapp-call-window .modal-content .modal-body {

  display: flex;

  align-items: center;

  flex-flow: column;

  justify-content: center;

  padding: 3.125rem;

}

.chatapp-wrap .chatapp-call-window .modal-content .modal-footer {

  border-top: 0;

  min-height: 160px;

  justify-content: center;

}

.chatapp-wrap .chatapp-call-window .modal-content .modal-footer .chatapp-caller-img {

  right: 30px;

  bottom: 30px;

  position: absolute;

}

.chatapp-wrap .chatapp-call-window .modal-content.fullscreen {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  overflow-y: auto;

  border-radius: 0;

}

.chatapp-wrap .chatapp-call-window .modal-content.fullscreen .modal-header {

  border-radius: 0;

}

.chatapp-wrap .invite-user-list {

  padding: 0 1rem;

}

.chatapp-wrap .invite-user-list > li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  margin-bottom: .625rem;

}

.chatapp-wrap .invite-user-list > li .user-name {

  color: #262a2e;

  font-weight: 500;

}



.hk-wrapper[data-navbar-style="collapsed"] .chatapp-wrap {

  height: 100vh;

}



.one {

  opacity: 0;

  -webkit-animation: dot 1.3s infinite;

  -webkit-animation-delay: 0.0s;

  animation: dot 1.3s infinite;

  animation-delay: 0.0s;

}



.two {

  opacity: 0;

  -webkit-animation: dot 1.3s infinite;

  -webkit-animation-delay: 0.2s;

  animation: dot 1.3s infinite;

  animation-delay: 0.2s;

}



.three {

  opacity: 0;

  -webkit-animation: dot 1.3s infinite;

  -webkit-animation-delay: 0.3s;

  animation: dot 1.3s infinite;

  animation-delay: 0.3s;

}



@-webkit-keyframes dot {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes dot {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@media (max-width: 1599px) {

  .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info {

    right: -320px;

    width: 320px;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled {

    width: 100%;

  }

  .chatapp-wrap .chatapp-content .chatapp-aside {

    width: 320px;

  }

  .chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-info {

    right: 0;

  }

  .chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-body {

    margin-right: 20rem;

  }

  .chatapp-wrap.chatapp-info-active .chatapp-single-chat footer.chat-footer {

    margin-right: 20rem;

  }



  ul.hk-list {

    margin: 0 -.28rem;

  }

  ul.hk-list li {

    padding: .68rem .28rem;

  }

}

@media (min-width: 1200px) {

  button.btn-close.info-close {

    display: none;

  }

}

@media (max-width: 1199px) {

  .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info {

    top: 0;

    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body {

    margin-right: 0;

  }

  .chatapp-wrap.chatapp-info-active .chatapp-content .chatapp-single-chat .chat-body {

    margin-right: 0;

  }

  .chatapp-wrap.chatapp-info-active .chatapp-content .chatapp-single-chat footer {

    margin-right: 0;

  }



  /*Common for all App*/

  button.btn-close.info-close {

    top: 20px;

    position: absolute;

    right: 20px;

    z-index: 1;

  }

}

@media (min-width: 992px) {

  .chatapp-wrap .chatapp-content .chatapp-aside .hk-sidebar-togglable {

    display: none;

  }

}

@media (max-width: 991px) {

  .chatapp-wrap .chatapp-content .chatapp-aside {

    width: 100%;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat {

    right: -100%;

    position: fixed;

    top: 0;

    width: 100%;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header {

    justify-content: flex-start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: flex-start;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .back-user-list {

    display: block;

    flex-shrink: 0;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap {

    margin-left: auto;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled {

    width: 100%;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .avatar.avatar-xxl {

    width: 6rem;

    height: 6rem;

  }

  .chatapp-wrap.chatapp-slide .chatapp-content .chatapp-aside {

    left: -100%;

  }

  .chatapp-wrap.chatapp-slide .chatapp-content .chatapp-single-chat {

    right: 0;

  }

  .chatapp-wrap .chatapp-call-window .modal-content .modal-footer .chatapp-caller-img {

    display: none;

  }

}

@media (max-width: 767px) {

  .chatapp-wrap .chatapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact ul {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-head .avatar.avatar-sm {

    width: 2.5rem;

    height: 2.5rem;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .avatar.avatar-xs {

    width: 1.5rem;

    height: 1.5rem;

    flex-shrink: 0;

  }

  .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-name {

    max-width: calc(100vw - 300px);

  }

  .chatapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .chatapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .chatapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .chatapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

/*Chat Popup*/

@keyframes mercuryTypingAnimation {

  0% {

    transform: translateY(0px);

    background-color: #99cbcf;

  }

  28% {

    transform: translateY(-7px);

    background-color: #6bb4ba;

  }

  44% {

    transform: translateY(0px);

    background-color: #3d9ca5;

  }

}

.typing {

  align-items: center;

  display: flex;

  height: 17px;

}

.typing .dot {

  animation: mercuryTypingAnimation 1.8s infinite ease-in-out;

  background-color: #99cbcf;

  height: 5px;

  border-radius: 50%;

  margin-right: .25rem;

  vertical-align: middle;

  width: 5px;

  display: inline-block;

}

.typing .dot:nth-child(1) {

  animation-delay: 200ms;

}

.typing .dot:nth-child(2) {

  animation-delay: 300ms;

}

.typing .dot:nth-child(3) {

  animation-delay: 400ms;

}

.typing .dot:last-child {

  margin-right: 0;

}



.hk-chat-popup {

  position: fixed;

  top: 0;

  bottom: 0;

  right: 0;

  display: none;

  width: 380px;

  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);

  z-index: 10000;

  background: #fff;

  flex-flow: column;

}

.hk-chat-popup header {

  background: #262a2e;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  flex-shrink: 0;

  Padding: 0.5rem 1.25rem;

  height: 64px;

}

.hk-chat-popup header .media-wrap .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-chat-popup header .media-wrap .media .media-head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem;

}

.hk-chat-popup header .media-wrap .media .media-body .user-name {

  font-size: 1rem;

  color: #fff;

  text-transform: capitalize;

}

.hk-chat-popup header .media-wrap .media .media-body .user-status {

  font-size: 0.875rem;

  color: #fff;

  text-transform: capitalize;

}

.hk-chat-popup header .input-group .contact-search {

  padding: 0;

  color: #fff;

  border: none;

  background: transparent;

}

.hk-chat-popup .chat-popup-body {

  overflow: auto;

  flex: 1 1 auto;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap {

  padding: 0 1.25rem 1.25rem;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list {

  margin: 0 -0.8rem;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item {

  padding: 0;

  border: none;

  margin-bottom: .25rem;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item:last-child {

  margin-bottom: 0;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media {

  padding: .75rem .8rem;

  border-radius: 0.5rem;

  -webkit-transition: 0.2s ease;

  -moz-transition: 0.2s ease;

  transition: 0.2s ease;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  cursor: pointer;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-head {

  position: relative;

  margin-right: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  min-width: 0;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child {

  min-width: 0;

  flex: 1;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name,

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-last-chat,

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-status {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name {

  color: #262a2e;

  font-weight: 500;

  margin-bottom: .25rem;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:last-child {

  text-align: right;

  padding-left: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  -webkit-box-align: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  width: 4.5rem;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:last-child .last-chat-time {

  font-size: 0.75rem;

  color: #007D88;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:last-child .badge {

  margin-top: .25rem;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:last-child .action-drp {

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 15px;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:hover, .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:focus {

  background-color: #f2f2f2;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .action-drp, .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .action-drp {

  opacity: 1;

  visibility: visible;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .last-chat-time,

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .badge-pill, .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .last-chat-time,

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .badge-pill {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media.read-chat .media-body > div:last-child .last-chat-time {

  color: #6f6f6f;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media.read-chat.active-user {

  background-color: #f2f2f2;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media.read-chat.active-user .media-body > div:first-child .user-name {

  color: #007D88;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .title-wth-divider {

  padding: 0 .8rem;

}

.hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .title-wth-divider:after {

  background: #f7f7f7;

}

.hk-chat-popup .chat-popup-body ul.list-unstyled {

  width: 95%;

  margin: 0 auto;

  padding: 1.25rem 0;

}

.hk-chat-popup .chat-popup-body .media .media-body {

  margin-left: 0.75rem;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box > div {

  padding: .625rem 1rem;

  border-radius: 1.25rem;

  display: inline-block;

  position: relative;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box > div p:first-child {

  color: #262a2e;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box > div .chat-time {

  display: block;

  text-transform: uppercase;

  font-size: 0.75rem;

  margin-top: .25rem;

  opacity: .5;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box > div .file-overlay {

  position: absolute;

  opacity: 0;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  color: #fff;

  background: rgba(38, 42, 46, 0.4);

  border-radius: 1.25rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box > div:hover .file-overlay {

  opacity: 1;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box + .msg-box {

  margin-top: .25rem;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box .msg-action {

  margin-left: 1rem;

  opacity: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0;

  background: transparent !important;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 1;

}

.hk-chat-popup .chat-popup-body .media .media-body .msg-box:hover .msg-action {

  opacity: 1;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-docs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box > div .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box > div .media .avatar.avatar-sm .avatar-icon {

  font-size: 1.75rem;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box > div .media .file-name {

  color: #262a2e;

  font-weight: 500;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  max-width: 165px;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box > div .media .file-size {

  font-size: 0.875rem;

  margin-top: .25rem;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box + .msg-box {

  margin-top: 0;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-imgs .msg-box > div {

  padding: 0;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-imgs .msg-box > div img {

  border-radius: 1.25rem;

  height: 150px;

}

.hk-chat-popup .chat-popup-body .media .media-body.msg-imgs .msg-box:first-child > div, .hk-chat-popup .chat-popup-body .media .media-body.msg-imgs .msg-box:last-child > div {

  border-radius: 1.25rem !important;

}

.hk-chat-popup .chat-popup-body .media.received {

  margin-bottom: 1.25rem;

}

.hk-chat-popup .chat-popup-body .media.received .media-body .msg-box > div {

  background: #f2f2f2;

}

.hk-chat-popup .chat-popup-body .media.received .media-body .msg-box:first-child > div {

  border-top-left-radius: 0;

}

.hk-chat-popup .chat-popup-body .media.sent {

  margin-bottom: 1.25rem;

}

.hk-chat-popup .chat-popup-body .media.sent .media-body {

  margin-left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

}

.hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box {

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

}

.hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box > div {

  background: #007D88;

}

.hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box > div p {

  color: #fff;

}

.hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box > div .chat-time {

  color: #fff;

}

.hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box:first-child > div {

  border-top-right-radius: 0;

}

.hk-chat-popup .chat-popup-body .media.media-attachment {

  margin-bottom: 17px;

}

.hk-chat-popup .chat-popup-body .media.media-attachment .media-body > .msg-box {

  margin-bottom: .25rem;

  margin-right: .25rem;

}

.hk-chat-popup .chat-popup-body .media.typing-wrap .media-body .msg-box > div:after {

  display: none;

}

.hk-chat-popup .chat-popup-body .day-sep {

  position: relative;

  text-align: center;

  overflow: hidden;

  font-size: 0.875rem;

  margin: 1.875rem 0;

  text-transform: capitalize;

}

.hk-chat-popup .chat-popup-body .day-sep:before {

  background: #eaeaea;

  content: "";

  height: 1px;

  right: 50%;

  position: absolute;

  top: 50%;

  width: 100%;

}

.hk-chat-popup .chat-popup-body .day-sep:after {

  background: #eaeaea;

  content: "";

  height: 1px;

  left: 50%;

  position: absolute;

  top: 50%;

  width: 100%;

}

.hk-chat-popup .chat-popup-body .day-sep span {

  display: inline-block;

  background: #fff;

  z-index: 1;

  position: relative;

  padding: 0 .625rem;

}

.hk-chat-popup footer {

  background: #fff;

  border-top: 1px solid #eaeaea;

  margin-top: -1px;

  position: relative;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

}

.hk-chat-popup footer .feather-icon, .hk-chat-popup footer .svg-icon {

  display: block;

}

.hk-chat-popup footer .form-control, .hk-chat-popup footer .form-select, .hk-chat-popup footer .wizard > .content > .body input, .wizard > .content > .body .hk-chat-popup footer input, .hk-chat-popup footer .dd-handle {

  height: 57px;

}



.btn-popup-open,

.btn-popup-close {

  position: fixed;

  right: 20px;

  bottom: 20px;

  z-index: 111;

}



.chat-popover {

  position: fixed;

  right: 20px;

  bottom: 100px;

  background: #fff;

  width: 270px;

  border-radius: 0.5rem;

  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);

  padding: 1rem;

  display: none;

  z-index: 99;

}

.chat-popover p {

  font-size: 0.875rem;

}



@media (max-width: 800px) {

  .hk-chat-popup {

    width: 100%;

  }

}

/*Chatbot Popup*/

.hk-chatbot-popup {

  position: fixed;

  bottom: 100px;

  right: 30px;

  display: none;

  width: 380px;

  border-radius: 0.5rem;

  overflow: hidden;

  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);

  z-index: 10000;

  background: #fff;

}

.hk-chatbot-popup header {

  background: #262a2e;

  Padding: 0.5rem 1.25rem 5.5rem;

}

.hk-chatbot-popup header .chatbot-head-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

}

.hk-chatbot-popup header .media-wrap .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-chatbot-popup header .media-wrap .media .media-head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem;

}

.hk-chatbot-popup header .media-wrap .media .media-body .user-name,

.hk-chatbot-popup header .media-wrap .media .media-body .user-status {

  font-size: 1rem;

  color: #fff;

  text-transform: capitalize;

}

.hk-chatbot-popup header .media-wrap .media .media-body .user-status {

  font-size: 0.875rem;

}

.hk-chatbot-popup .chatbot-popup-body {

  height: calc(100vh - 440px);

  position: relative;

}

.hk-chatbot-popup .chatbot-popup-body .nicescroll-bar {

  margin-top: -5.25rem;

}

.hk-chatbot-popup .chatbot-popup-body .init-content-wrap {

  padding: 1.25rem 1.25rem 1.25rem;

}

.hk-chatbot-popup .chatbot-popup-body .init-content-wrap .btn-wrap {

  text-align: right;

}

.hk-chatbot-popup .chatbot-popup-body .init-content-wrap .btn-wrap .btn, .hk-chatbot-popup .chatbot-popup-body .init-content-wrap .btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hk-chatbot-popup .chatbot-popup-body .init-content-wrap .btn-wrap .hopscotch-nav-button {

  margin-bottom: .625rem;

}

.hk-chatbot-popup .chatbot-popup-body ul.list-unstyled {

  width: 95%;

  margin: 0 auto;

  padding: 1.25rem 0;

}

.hk-chatbot-popup .chatbot-popup-body .media .media-body {

  margin-left: 0.75rem;

}

.hk-chatbot-popup .chatbot-popup-body .media .media-body .msg-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.hk-chatbot-popup .chatbot-popup-body .media .media-body .msg-box > div {

  padding: .625rem 1rem;

  border-radius: 1.25rem;

  display: inline-block;

  position: relative;

}

.hk-chatbot-popup .chatbot-popup-body .media .media-body .msg-box > div p:first-child {

  color: #262a2e;

}

.hk-chatbot-popup .chatbot-popup-body .media .media-body .msg-box + .msg-box {

  margin-top: .25rem;

}

.hk-chatbot-popup .chatbot-popup-body .media.received {

  margin-bottom: 1.25rem;

}

.hk-chatbot-popup .chatbot-popup-body .media.received .media-body .msg-box > div {

  background: #f2f2f2;

}

.hk-chatbot-popup .chatbot-popup-body .media.received .media-body .msg-box:first-child > div {

  border-top-left-radius: 0;

}

.hk-chatbot-popup .chatbot-popup-body .media.sent {

  margin-bottom: 1.25rem;

}

.hk-chatbot-popup .chatbot-popup-body .media.sent .media-body {

  margin-left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

}

.hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box {

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

}

.hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box > div {

  background: #007D88;

}

.hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box > div p {

  color: #fff;

}

.hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box > div .chat-time {

  color: #fff;

}

.hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box:first-child > div {

  border-top-right-radius: 0;

}

.hk-chatbot-popup .chatbot-popup-body .media.typing-wrap .media-body .msg-box > div:after {

  display: none;

}

.hk-chatbot-popup .chatbot-popup-body .day-sep {

  position: relative;

  text-align: center;

  overflow: hidden;

  font-size: 0.875rem;

  margin: 1.875rem 0;

  text-transform: capitalize;

}

.hk-chatbot-popup .chatbot-popup-body .day-sep:before {

  background: #eaeaea;

  content: "";

  height: 1px;

  right: 50%;

  position: absolute;

  top: 50%;

  width: 100%;

}

.hk-chatbot-popup .chatbot-popup-body .day-sep:after {

  background: #eaeaea;

  content: "";

  height: 1px;

  left: 50%;

  position: absolute;

  top: 50%;

  width: 100%;

}

.hk-chatbot-popup .chatbot-popup-body .day-sep span {

  display: inline-block;

  background: #fff;

  z-index: 1;

  position: relative;

  padding: 0 .625rem;

}

.hk-chatbot-popup footer {

  background: #fff;

}

.hk-chatbot-popup footer .input-group {

  border-top: 1px solid #eaeaea;

}

.hk-chatbot-popup footer .input-group .form-control, .hk-chatbot-popup footer .input-group .form-select, .hk-chatbot-popup footer .input-group .wizard > .content > .body input, .wizard > .content > .body .hk-chatbot-popup footer .input-group input, .hk-chatbot-popup footer .input-group .dd-handle {

  height: 57px;

}

.hk-chatbot-popup footer .chatbot-intro-text {

  text-align: center;

  padding: .5rem 1.25rem;

}

.hk-chatbot-popup footer .footer-copy-text {

  background: #f7f7f7;

  padding: .5rem 1.25rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

  font-size: 0.75rem;

}

.hk-chatbot-popup footer .footer-copy-text .brand-link img {

  width: 75px;

  margin-left: .25rem;

}



@media (max-width: 767px) {

  .hk-chatbot-popup {

    width: 100%;

    flex-flow: column;

    border-radius: 0;

    bottom: 0;

    right: 0;

    top: 0;

  }

  .hk-chatbot-popup header {

    Padding: 0.5rem 1.25rem 1rem;

  }

  .hk-chatbot-popup .chatbot-popup-body {

    overflow: auto;

    flex: 1 1 auto;

    height: auto;

  }

  .hk-chatbot-popup .chatbot-popup-body .nicescroll-bar {

    margin-top: 0;

  }

  .hk-chatbot-popup footer .chatbot-intro-text {

    display: none;

  }

}

/*Calendar*/

.calendarapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

  -webkit-transition: height 0.2s ease;

  -moz-transition: height 0.2s ease;

  transition: height 0.2s ease;

}

.calendarapp-wrap .calendarapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.calendarapp-wrap .calendarapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap > .navbar-nav > .nav-item > .nav-link {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker {

  position: static;

  display: block !important;

  margin: 0;

  border: none;

  overflow: hidden;

  width: auto;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar {

  padding: 0;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table {

  padding: 0;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table th, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td {

  min-width: 30px;

  width: 30px;

  height: 30px;

  z-index: 1;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table th.active, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table th:hover, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td.active, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td:hover {

  background: transparent;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td:after {

  content: "";

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 50%;

  z-index: -1;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td.active, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td:hover {

  background: transparent;

  color: #007D88;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td.active:after, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td:hover:after {

  background: #c7e2e5;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .upcoming-event-wrap .nav .nav-item .event-time {

  color: #6f6f6f;

  font-size: 0.75rem;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .upcoming-event-wrap .nav .nav-item .event-name {

  margin-top: .25rem;

  font-weight: 500;

}

.calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .categories-wrap .form-check {

  padding-top: .5rem;

  padding-bottom: .5rem;

}

.calendarapp-wrap .calendarapp-sidebar .calendarapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.calendarapp-wrap .calendarapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 270px;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  margin-bottom: 0;

  background: #fff;

  position: relative;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  flex: 1;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) .btn-group {

  order: 2;

  float: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) .btn-group .fc-prev-button,

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) .btn-group .fc-next-button {

  border: none;

  background: transparent;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-today-button {

  border-radius: 0.5rem;

  margin-left: 0 !important;

  margin-right: 1rem;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) {

  justify-content: center;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) h2 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) {

  justify-content: flex-end;

}

.calendarapp-wrap .calendarapp-content .fc .fc-toolbar > * > :not(:first-child) {

  margin-left: 0.25rem;

}

.calendarapp-wrap .calendarapp-content .fc .fc-col-header td, .calendarapp-wrap .calendarapp-content .fc .fc-col-header th {

  border: 1px solid #eaeaea;

}

.calendarapp-wrap .calendarapp-content .fc .fc-col-header-cell-cushion {

  font-size: 0.75rem;

  font-weight: 600;

  text-transform: uppercase;

  padding: .25rem 0;

  color: #262a2e;

}

.calendarapp-wrap .calendarapp-content .fc .fc-timegrid-axis-cushion,

.calendarapp-wrap .calendarapp-content .fc .fc-timegrid-slot-label-cushion {

  font-size: 0.875rem;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-body {

  width: 100% !important;

  height: 100% !important;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-body .fc-scrollgrid-sync-table {

  width: 100% !important;

  height: 100% !important;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-body .fc-scrollgrid-sync-table td, .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-body .fc-scrollgrid-sync-table th {

  border: 1px solid #eaeaea;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day-top {

  justify-content: center;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day-number {

  padding: .625rem;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day.fc-day-today {

  background: transparent;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top {

  padding: .25rem;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top .fc-daygrid-day-number {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  height: 35px;

  width: 35px;

  background: #007D88;

  border-radius: 50%;

  color: #fff;

  position: relative;

}

.calendarapp-wrap .calendarapp-content .fc .fc-list-event-dot {

  border-color: #007D88;

}

.calendarapp-wrap .calendarapp-content .fc .fc-timegrid-slot {

  border-left: 0;

}

.calendarapp-wrap .calendarapp-content .fc .fc-timegrid-divider {

  border: 0;

}

.calendarapp-wrap .calendarapp-content .fc .fc-v-event {

  background-color: #007D88;

}

.calendarapp-wrap .calendarapp-content .fc .fc-timegrid-divider {

  padding: 0;

}

.calendarapp-wrap .calendarapp-content .fc .table-bordered {

  border: 1px solid #eaeaea;

  border-left: 0;

}

.calendarapp-wrap .calendarapp-content .fc .fc-view-harness .fc-daygrid {

  background: #fff;

}

.calendarapp-wrap .calendarapp-content .fc .fc-view-harness .fc-daygrid .table-bordered .fc-day-other {

  background-color: #f7f7f7;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event {

  padding: .125rem .375rem;

  border-radius: 0.5rem;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event.has-avatar {

  padding: .375rem .625rem;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event.has-avatar .avatar {

  margin-right: .625rem;

  flex-shrink: 0;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main i {

  margin-right: .25rem;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main span {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main .fc-event-main-frame {

  overflow: hidden;

}

.calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main .fc-event-main-frame .fc-event-title {

  text-overflow: ellipsis;

}

.calendarapp-wrap .calendarapp-content .fc-daygrid-event-dot {

  border-color: #007D88;

}

.calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-sidebar {

  left: -270px;

}

.calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-content {

  padding-left: 0;

}

.hk-wrapper[data-navbar-style="collapsed"] .calendarapp-wrap {

  height: 100vh;

}

.hk-wrapper .calendar-drawer > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  flex-flow: column;

}

.hk-wrapper .calendar-drawer .event-head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.hk-wrapper .calendar-drawer .event-head .event-name {

  font-size: 1.25rem;

  font-weight: 500;

  color: #262a2e;

  outline: none;

}

.hk-wrapper .calendar-drawer .event-head .badge-indicator {

  position: relative;

  top: 7px;

}

.hk-wrapper .calendar-drawer .event-detail {

  padding-left: 0;

}

.hk-wrapper .calendar-drawer .event-detail li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 1.125rem;

}

.hk-wrapper .calendar-drawer .event-detail li .ev-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  color: #262a2e;

  position: relative;

  top: 1px;

  margin-right: .625rem;

}

.hk-wrapper .calendar-drawer .event-detail li .ev-icon-wrap .feather-icon, .hk-wrapper .calendar-drawer .event-detail li .ev-icon-wrap .svg-icon {

  font-size: 1.125rem;

}



@media (max-width: 1199px) {

  .calendarapp-wrap .calendarapp-sidebar {

    left: -270px;

  }

  .calendarapp-wrap .calendarapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .calendarapp-wrap .calendarapp-content .fc-toolbar-chunk:nth-child(3) > .btn-group {

    display: none;

  }

  .calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-sidebar {

    left: 0;

  }

  .calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-content {

    left: 270px;

    padding-left: 270px;

    margin-left: -270px;

  }

  .calendarapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .calendarapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .calendarapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .calendarapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

/*Email UI*/

.emailapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

  -webkit-transition: height 0.2s ease;

  -moz-transition: height 0.2s ease;

  transition: height 0.2s ease;

}

.emailapp-wrap .emailapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.emailapp-wrap .emailapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.emailapp-wrap .emailapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {

  border-radius: .375rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

  font-size: 1.5rem;

}

.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.emailapp-wrap .emailapp-sidebar .emailapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.emailapp-wrap .emailapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  /* overflow: hidden; */

  padding-left: 270px;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.emailapp-wrap .emailapp-content .emailapp-aside {

  border-right: 1px solid #eaeaea;

  background: #fff;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  height: 100%;

  z-index: 1;

  left: 0;

  width: 370px;

  flex-shrink: 0;

  margin-top: 0;

}

.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  border-bottom: 1px solid #eaeaea;

  background: #fff;

  color: #262a2e;

}

.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title h1 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title:after {

  top: 0;

}

.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .btn, .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .hopscotch-nav-button {

  margin-right: .5rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .btn:last-child, .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:last-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .hopscotch-nav-button:last-child {

  margin-right: 0;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-search {

  margin-bottom: 1.25rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body {

  overflow: auto;

  -ms-flex: 1;

  flex: 1;

  height: 100%;

  padding: 1.25rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list {

  margin: 0 -0.8rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item {

  padding: 0;

  border: none;

  margin-bottom: .25rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media {

  padding: .75rem .8rem;

  border-radius: 0.5rem;

  -webkit-transition: 0.2s ease;

  -moz-transition: 0.2s ease;

  transition: 0.2s ease;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  cursor: pointer;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-head {

  position: relative;

  margin-right: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-head .badge-indicator {

  margin-top: .875rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  min-width: 0;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div {

  min-width: 0;

  flex: 1;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: .25rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: auto;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: .625rem;

  opacity: 0;

  color: #6f6f6f;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star .svg-icon > svg {

  cursor: pointer;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked {

  opacity: 1;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-time {

  font-size: 0.75rem;

  margin-left: .625rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-head,

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-subject {

  color: #262a2e;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-transform: capitalize;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-subject {

  margin-bottom: .25rem;

  font-weight: 500;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-head {

  font-weight: 500;

  margin-right: .5rem;

  max-width: 150px;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-text {

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  font-size: 0.875rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:focus {

  background-color: #f2f2f2;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:hover .media-body > div > div:first-child div:last-child .email-star, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:focus .media-body > div > div:first-child div:last-child .email-star {

  opacity: 1;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media.read-email.active-user {

  background-color: #f2f2f2;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .hk-section-head-border {

  padding: 0 .8rem;

}

.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .hk-section-head-border:after {

  background: #f7f7f7;

}

.emailapp-wrap .emailapp-content .emailapp-single-email {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: #fff;

  flex-flow: column;

  height: 100%;

  z-index: 10;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .feather-icon, .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .svg-icon {

  display: block;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .back-user-list {

  display: none;

  margin-right: .625rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-body .user-name {

  font-size: 1rem;

  font-weight: 500;

  color: #262a2e;

  text-transform: capitalize;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-body .user-status {

  font-size: 0.875rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap > a:first-child {

  margin-left: 0;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  overflow: hidden;

  -ms-flex: 1;

  flex: 1;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .nicescroll-bar {

  padding: 1.25rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  margin-bottom: 1.25rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject > div h4 {

  margin-bottom: 0;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item {

  overflow: auto;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header {

  border-color: transparent;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div {

  padding: 1.25rem;

  cursor: pointer;

  width: 100%;

  position: relative;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media .media-head {

  margin-right: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media .media-body > div:first-child {

  color: #262a2e;

  font-weight: 500;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-time {

  font-size: 0.75rem;

  margin-right: 1.25rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .625rem;

  position: relative;

  z-index: 1;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star .svg-icon > svg {

  cursor: pointer;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action > a {

  display: none;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"] {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  left: 0;

  border-top-left-radius: calc(0.5rem - 1px);

  border-top-right-radius: calc(0.5rem - 1px);

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"] ~ .media .media-body > div:last-child {

  display: none;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"][aria-expanded="true"] ~ .email-head-action > a {

  display: inline-block;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"][aria-expanded="true"] ~ .media .media-body > div:last-child {

  display: block;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div[data-bs-toggle="collapse"][aria-expanded="true"] .email-head .email-head-action > a {

  display: inline-block;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box {

  margin-bottom: .5rem;

  margin-right: .25rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div {

  cursor: pointer;

  padding: .625rem 1rem;

  border-radius: 1.25rem;

  display: inline-block;

  position: relative;

  background: #f2f2f2;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .avatar.avatar-sm .avatar-icon {

  font-size: 1.75rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .media-body {

  margin-left: 1.25rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .file-size {

  margin-top: .25rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .file-overlay {

  position: absolute;

  opacity: 0;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  color: #fff;

  background: rgba(38, 42, 46, 0.4);

  border-radius: 1.25rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div:hover .file-overlay {

  opacity: 1;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div.msg-action:after {

  display: none;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown {

  display: inline-block;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown > .dropdown-toggle {

  position: relative;

  z-index: 1;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu {

  padding: 1rem;

  font-size: .875rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div {

  margin-bottom: .25rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div:last-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div:last-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div:last-child {

  margin-bottom: 0;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span {

  display: inline-block;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span:first-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span:first-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span:first-child {

  min-width: 50px;

  text-align: right;

  margin-right: .5rem;

}

.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span:last-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span:last-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span:last-child {

  color: #262a2e;

}

.emailapp-wrap.emailapp-sidebar-toggle .emailapp-sidebar {

  left: -270px;

}

.emailapp-wrap.emailapp-sidebar-toggle .emailapp-content {

  padding-left: 0;

}

.emailapp-wrap .compose-email-popup {

  position: fixed;

  bottom: 0;

  right: 20px;

  width: 700px;

  overflow-y: auto;

  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);

  z-index: 10000;

  background: #fff;

  display: none;

  border-radius: 0.5rem 0.5rem 0 0;

}

.emailapp-wrap .compose-email-popup header {

  Padding: 0.75rem 1.25rem;

  background: #262a2e;

  color: #fff;

}

.emailapp-wrap .compose-email-popup header #max_compose_popup .icon > span:last-child {

  display: none;

}

.emailapp-wrap .compose-email-popup header .btn-close {

  color: #fff;

  opacity: .6;

}

.emailapp-wrap .compose-email-popup header .btn-close:not(:disabled):not(.disabled):focus, .emailapp-wrap .compose-email-popup header .btn-close:not(:disabled):not(.disabled):hover {

  color: #fff;

  opacity: 1;

}

.emailapp-wrap .compose-email-popup form {

  padding: 1rem;

  flex: 1 1 auto;

  overflow: auto;

}

.emailapp-wrap .compose-email-popup form textarea {

  height: 230px;

}

.emailapp-wrap .compose-email-popup.minimize-email-popup {

  width: 300px;

  min-height: auto;

}

.emailapp-wrap .compose-email-popup.minimize-email-popup form, .emailapp-wrap .compose-email-popup.minimize-email-popup .compose-email-footer {

  display: none;

}

.emailapp-wrap .compose-email-popup.maximize-email-popup {

  width: calc(100vw - 700px);

  height: calc(100vh - 200px);

  bottom: 0;

  right: 0;

  left: 0;

  top: 0;

  margin: auto;

}

.emailapp-wrap .compose-email-popup.maximize-email-popup header #max_compose_popup .icon > span:first-child {

  display: none;

}

.emailapp-wrap .compose-email-popup.maximize-email-popup header #max_compose_popup .icon > span:last-child {

  display: inline;

}

.emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.form-control, .emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.form-select, .emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.dd-handle {

  height: calc( 100vh - 500px);

}

.emailapp-wrap .compose-email-popup .compose-email-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  padding: 0 1rem 1rem;

}



.hk-wrapper.hk__email__backdrop::after {

  position: absolute;

  height: 100%;

  width: 100%;

  background: #262a2e;

  opacity: 0.5;

  z-index: 1033;

  top: 0;

  left: 0;

  content: "";

}



.hk-wrapper[data-navbar-style="collapsed"] .emailapp-wrap {

  height: 100vh;

}



@media (max-width: 1199px) {

  .emailapp-wrap .emailapp-sidebar {

    left: -270px;

  }

  .emailapp-wrap .emailapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .emailapp-wrap.emailapp-sidebar-toggle .emailapp-sidebar {

    left: 0;

  }

  .emailapp-wrap.emailapp-sidebar-toggle .emailapp-content {

    left: 270px;

    padding-left: 270px;

    margin-left: -270px;

  }

  .emailapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .emailapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .emailapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .emailapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

@media (max-width: 991px) {

  .emailapp-wrap .emailapp-content .emailapp-aside {

    width: 100%;

  }

  .emailapp-wrap .emailapp-content .emailapp-single-email {

    right: -100%;

    position: fixed;

    top: 0;

    width: 100%;

  }

  .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header {

    justify-content: flex-start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: flex-start;

  }

  .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .back-user-list {

    display: block;

    flex-shrink: 0;

  }

  .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap + .email-options-wrap {

    margin-left: auto;

  }

  .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .hk-navbar-togglable {

    display: none !important;

  }

  .emailapp-wrap.emailapp-slide .emailapp-content .emailapp-aside {

    left: -100%;

  }

  .emailapp-wrap.emailapp-slide .emailapp-content .emailapp-single-email {

    right: 0;

  }

  .emailapp-wrap .compose-email-popup {

    width: 100%;

    height: 100%;

    right: 0;

    border-radius: 0;

  }

  .emailapp-wrap .compose-email-popup form textarea.form-control, .emailapp-wrap .compose-email-popup form textarea.form-select, .emailapp-wrap .compose-email-popup form textarea.dd-handle {

    height: calc( 100vh - 300px) !important;

  }

  .emailapp-wrap .compose-email-popup.maximize-email-popup {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 0;

  }

}

/*Taskboard*/

.taskboardapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

  -webkit-transition: height 0.2s ease;

  -moz-transition: height 0.2s ease;

  transition: height 0.2s ease;

}

.taskboardapp-wrap .taskboardapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.taskboardapp-wrap .taskboardapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link,

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap,

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 1.5rem;

  margin-right: .875rem;

}

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text,

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.taskboardapp-wrap .taskboardapp-sidebar .taskboardapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.taskboardapp-wrap .taskboardapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 270px;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: #fff;

  flex-flow: column;

  height: 100%;

  width: 100%;

  z-index: 10;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  white-space: nowrap;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: .625rem;

  font-size: 1.25rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star > .feather-icon > svg, .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star .svg-icon > svg {

  cursor: pointer;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star > .feather-icon > svg:hover, .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star.marked > .feather-icon > svg, .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star.marked > .feather-icon > svg:hover, .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title:after {

  top: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .media .media-head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .media .media-body .user-name {

  font-size: 1rem;

  font-weight: 500;

  color: #262a2e;

  text-transform: capitalize;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .media .media-body .user-status {

  font-size: 0.875rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap > a:first-child {

  margin-left: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap > .d-flex.ms-auto > a {

  margin-left: .25rem;

  display: inline-block;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap > .d-flex.ms-auto > a:first-child {

  margin-left: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body {

  overflow: hidden;

  -ms-flex: 1;

  flex: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  width: 100%;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .taskbar-toolbar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  padding: 1.25rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-scroll {

  display: -ms-flexbox;

  display: flex;

  overflow-x: auto;

  max-height: 100%;

  overflow-y: hidden;

  margin-top: 2.25rem;

  padding-bottom: 1.25rem;

  -webkit-transition: width 0.2s ease;

  -moz-transition: width 0.2s ease;

  transition: width 0.2s ease;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap {

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: flex-start;

  -ms-flex-align: flex-start;

  align-items: flex-start;

  padding: 0 1.25rem;

  float: left;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .tasklist {

  max-height: 100%;

  margin: 0 .875rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .tasklist:first-child {

  margin-left: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .tasklist:last-child {

  margin-right: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .spipeline-list {

  margin: 0 .875rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .spipeline-list:first-child {

  margin-left: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .spipeline-list:last-child {

  margin-right: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap {

  margin-top: 3.75rem;

  margin-bottom: 3.75rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] {

  margin-bottom: 1.875rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card {

  margin-bottom: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card .media .media-head {

  margin-right: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.board-card .media .media-head {

  margin-right: 1rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.board-card .media .media-body {

  overflow: hidden;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.board-card .media .media-body span {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #262a2e;

  font-weight: 500;

  font-size: 1.125rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-head {

  margin-right: 1rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body {

  overflow: hidden;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body > div:first-child {

  color: #262a2e;

  font-weight: 500;

  font-size: 1.125rem;

  margin-bottom: .25rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body > div:first-child .badge {

  margin-left: .625rem;

  flex-shrink: 0;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body > div:first-child span {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  max-width: 200px;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body > div:last-child {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body.taskboard-body-alt {

  background: #f7f7f7;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body.taskboard-body-alt > div .tasklist-scroll {

  overflow: auto;

  max-height: inherit;

  height: 100%;

  margin-top: 0;

  padding-bottom: 1.25rem;

  padding-top: 1.875rem;

  margin-bottom: 5.125rem;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-info {

  position: absolute;

  top: 65px;

  right: -370px;

  width: 370px;

  margin-left: 0;

  bottom: 0;

  z-index: 100;

  border: none;

  background: #fff;

  border-left: 1px solid #eaeaea;

  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-info .nicescroll-bar {

  padding: 1.25rem;

}

.taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-sidebar {

  left: -270px;

}

.taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-content {

  padding-left: 0;

}

.taskboardapp-wrap.taskboardapp-info-active .taskboardapp-detail-wrap .taskboard-info {

  right: 0;

}



.tasklist {

  min-height: 100px;

  width: 350px;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  background: #f7f7f7;

}

.tasklist > .card-header {

  flex-flow: column;

}

.tasklist > .card-header > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  width: 100%;

  margin-bottom: 1rem;

}

.tasklist .tasklist-handle {

  cursor: grab;

}

.tasklist .tasklist-handle h6 {

  pointer-events: none;

}

.tasklist.add-new-task {

  min-height: 0;

  border: 0;

  background: transparent;

}



.spipeline-list {

  min-height: 100px;

  width: 350px;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  background: transparent;

}

.spipeline-list > .card-header {

  flex-flow: column;

  background: #fff;

  border-radius: 0.5rem !important;

  margin-bottom: .875rem;

}

.spipeline-list > .card-header > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  width: 100%;

}

.spipeline-list > .card-header > div .overall-estimation {

  color: #262a2e;

  font-weight: 500;

}

.spipeline-list > .card-header > div .spipeline-dot-sep {

  color: #d8d8d8;

  margin: 0 5px;

}

.spipeline-list > .card-header > div .lead-count {

  font-size: 0.75rem;

}

.spipeline-list > .card-header .btn-block {

  margin-top: 1rem;

}

.spipeline-list > .card-body {

  border-radius: 0.5rem !important;

  padding: 0;

}

.spipeline-list .spipeline-handle {

  cursor: grab;

}

.spipeline-list .spipeline-handle h6 {

  pointer-events: none;

}

.spipeline-list.create-new-list {

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  min-height: 139px;

}

.spipeline-list.create-new-list > .card-header {

  background: transparent;

  margin: 0;

}

.spipeline-list.create-new-list > .card-header .btn-block {

  margin: 0;

}



.tasklist-card .card-header .card-action-wrap {

  opacity: 0;

  -webkit-transition: opacity 0.2s ease;

  -moz-transition: opacity 0.2s ease;

  transition: opacity 0.2s ease;

}

.tasklist-card:hover .card-header .card-action-wrap {

  opacity: 1;

}

.tasklist-card .card-body {

  padding-top: 0;

}

.tasklist-card .card-footer > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.tasklist-card .card-footer .task-counter,

.tasklist-card .card-footer .task-discuss {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 0.875rem;

}

.tasklist-card .card-footer .task-counter > span,

.tasklist-card .card-footer .task-discuss > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.tasklist-card .card-footer .task-counter > span:first-child,

.tasklist-card .card-footer .task-discuss > span:first-child {

  margin-right: .25rem;

}

.tasklist-card .card-footer .task-discuss {

  margin-left: .5rem;

}

.tasklist-card .card-footer .task-deadline {

  font-size: 0.875rem;

}



.spipeline-card .card-body {

  padding: .75rem 1.25rem;

}

.spipeline-card .card-body > .media .media-head {

  margin-right: 1rem;

}

.spipeline-card .card-body > .media .media-body .brand-name {

  color: #262a2e;

  font-weight: 600;

}

.spipeline-card .card-body > .media .media-body .price-estimation {

  color: #262a2e;

  font-weight: 500;

}

.spipeline-card .card-body > .media .media-body .media {

  margin-top: .25rem;

}

.spipeline-card .card-body > .media .media-body .media .media-head {

  margin-right: .25rem;

}

.spipeline-card .card-body > .media .media-body .media .media-body p {

  font-size: 0.75rem;

}

.spipeline-card .card-body .spipeline-dropdown .position-relative {

  top: -10px;

}

.spipeline-card .card-body .spipeline-dropdown .dropdown-item {

  padding: .5rem .75rem;

}

.spipeline-card.lost-deal {

  background: #ffebeb;

}

.spipeline-card.won-deal {

  background: #ebfcf5;

}



.hk-wrapper[data-navbar-style="collapsed"] .taskboardapp-wrap {

  height: 100vh;

}



.task-detail-modal .modal-body header.task-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  padding: 1.25rem;

  border-radius: 0.5rem 0.5rem 0 0;

  height: 65px;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

  margin-right: 12.5rem;

}

.task-detail-modal .modal-body header.task-header .apexcharts-datalabels-group text {

  font-family: inherit;

  font-size: 0.75rem;

  fill: #6f6f6f;

  position: absolute;

  transform: translateY(5px);

}

.task-detail-modal .modal-body header.task-header .apexcharts-datalabels-group text:last-child {

  display: none;

}

.task-detail-modal .modal-body header.task-header .task-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.task-detail-modal .modal-body header.task-header .task-options-wrap .task-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.task-detail-modal .modal-body header.task-header .task-options-wrap .task-star > .feather-icon > svg, .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star .svg-icon > svg {

  height: 21px;

  width: 21px;

  cursor: pointer;

}

.task-detail-modal .modal-body header.task-header .task-options-wrap .task-star > .feather-icon > svg:hover, .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.task-detail-modal .modal-body header.task-header .task-options-wrap .task-star.marked > .feather-icon > svg, .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.task-detail-modal .modal-body header.task-header .task-options-wrap .task-star.marked > .feather-icon > svg:hover, .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.task-detail-modal .modal-body header.task-header .task-options-wrap > a {

  display: inline-block;

}

.task-detail-modal .modal-body header.task-header .task-options-wrap > a:first-child {

  margin-left: 0;

}

.task-detail-modal .modal-body .task-detail-body {

  padding: 1.25rem;

  margin-right: 12.5rem;

}

.task-detail-modal .modal-body .task-detail-body form .media .media-head {

  margin-right: 1rem;

}

.task-detail-modal .modal-body .task-detail-body form .media .media-body .as-name {

  font-weight: 500;

  color: #262a2e;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .note-block .media {

  margin-bottom: 1.25rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .note-block .media .media-head {

  margin-right: 1rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .note-block .media .media-body div:first-child {

  font-weight: 500;

  color: #262a2e;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .note-block .media .media-body div:last-child {

  font-size: 0.875rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-head {

  margin-right: 1rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 1rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child .cm-name {

  font-weight: 500;

  color: #262a2e;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child .badge {

  margin-left: .625rem;

  flex-shrink: 0;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap span, .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap a {

  color: #6f6f6f;

  font-size: 0.75rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {

  margin: 0 .25rem;

  color: #d8d8d8;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > .media {

  margin-top: 1.875rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files {

  margin: 0 -.8rem;

  padding-left: 0;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li {

  padding: .8rem;

  border-radius: 0.5rem;

  -webkit-transition: 0.2s ease;

  -moz-transition: 0.2s ease;

  transition: 0.2s ease;

  margin-bottom: .25rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li:last-child {

  margin-bottom: 0;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-head {

  margin-right: 1rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-head .avatar.avatar-sm .avatar-icon {

  font-size: 1.75rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  min-width: 0;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body > div:first-child {

  min-width: 0;

  -ms-flex: 1;

  flex: 1;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body > div:last-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body .file-name {

  color: #262a2e;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight: 500;

  max-width: 200px;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body .file-size {

  margin-top: .25rem;

  font-size: 0.875rem;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover {

  background-color: #f2f2f2;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover .media .media-body .file-name {

  color: #007D88;

}

.task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover .media .media-body a.cp-file-action {

  color: #262a2e;

}

.task-detail-modal .modal-body .task-action-wrap {

  position: absolute;

  top: 0;

  width: 200px;

  right: 0;

  z-index: 1;

  border-left: 1px solid #eaeaea;

  bottom: 0;

  background: #fff;

}

.task-detail-modal .modal-body .task-action-wrap .nicescroll-bar {

  padding: 1.5rem;

}

.task-detail-modal .modal-body .task-action-wrap .nicescroll-bar .nav-vertical > .nav-item > .nav-link {

  padding-left: 0;

  padding-right: 0;

}



@media (max-width: 1399px) {

  .taskboardapp-wrap .taskboardapp-sidebar {

    left: -270px;

  }

  .taskboardapp-wrap .taskboardapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-sidebar {

    left: 0;

  }

  .taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-content {

    left: 270px;

    padding-left: 270px;

    margin-left: -270px;

  }

  .taskboardapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .taskboardapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .taskboardapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .taskboardapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

@media (max-width: 1199px) {

  .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-info {

    top: 0;

  }



  .info-close {

    position: relative;

    top: -4px;

  }



  .task-detail-modal .modal-body header.task-header,

  .task-detail-modal .modal-body .task-detail-body {

    margin-right: 0;

  }



  .task-action-wrap {

    display: none;

  }

}

/*Checklist List*/

.hk-checklist .form-check {

  margin-bottom: .625rem;

  position: relative;

}

.hk-checklist .form-check .form-check-label {

  position: relative;

}

.hk-checklist .form-check .done-strikethrough {

  display: block;

  height: 12px;

  background: #FF0000;

  mix-blend-mode: multiply;

  opacity: .08;

  width: 0;

  transition: width .35s ease-in-out, opacity .25s ease-in-out;

  position: absolute;

  margin-left: 0;

  top: 35%;

  left: 0;

  pointer-events: none;

  content: "";

}

.hk-checklist .form-check.form-check input:checked + label .done-strikethrough {

  width: 100%;

}

.hk-checklist .form-check .delete-checklist {

  position: absolute;

  right: 0;

  opacity: 0;

  -webkit-transition: opacity 0.2s ease-in-out;

  -moz-transition: opacity 0.2s ease-in-out;

  transition: opacity 0.2s ease-in-out;

}

.hk-checklist .form-check:hover .delete-checklist {

  opacity: 1;

}

.hk-checklist .add-new-checklist .feather-icon {

  margin-right: .25rem;

}

.hk-checklist .form-control.checklist-input, .hk-checklist .checklist-input.form-select, .hk-checklist .wizard > .content > .body input.checklist-input, .wizard > .content > .body .hk-checklist input.checklist-input, .hk-checklist .checklist-input.dd-handle {

  position: absolute;

  top: 0;

  border: none;

  box-shadow: none;

  padding: 0;

  height: auto;

  width: auto;

}



/*Contact */

.contactapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

}

.contactapp-wrap .contactapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.contactapp-wrap .contactapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

  font-size: 1.5rem;

}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.contactapp-wrap .contactapp-sidebar .menu-content-wrap .tag-cloud .badge {

  margin-bottom: .25rem;

}

.contactapp-wrap .contactapp-sidebar .contactapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.contactapp-wrap .contactapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 270px;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.contactapp-wrap .contactapp-content header.contact-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.contactapp-wrap .contactapp-content header.contact-header .contactapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.contactapp-wrap .contactapp-content header.contact-header .contactapp-title h1 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.contactapp-wrap .contactapp-content header.contact-header .contactapp-title:after {

  top: 0;

}

.contactapp-wrap .contactapp-content header.contact-header .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.contactapp-wrap .contactapp-content header.contact-header .media .media-head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem;

}

.contactapp-wrap .contactapp-content header.contact-header .media .media-body .user-name {

  font-size: 1rem;

  font-weight: 500;

  color: #262a2e;

  text-transform: capitalize;

}

.contactapp-wrap .contactapp-content header.contact-header .media .media-body .user-status {

  font-size: 0.875rem;

}

.contactapp-wrap .contactapp-content header.contact-header .contact-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.contactapp-wrap .contactapp-content header.contact-header .contact-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.contactapp-wrap .contactapp-content header.contact-header .contact-options-wrap > a:first-child {

  margin-left: 0;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: #fff;

  flex-flow: column;

  height: 100%;

  z-index: 10;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  overflow: auto;

  -ms-flex: 1;

  flex: 1;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar {

  padding: 1.25rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap {

  padding: 1rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap .quick-access-form {

  border-radius: 0.5rem;

  padding: 1.25rem;

  background: #f7f7f7;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap .quick-access-form .dropify-square {

  position: absolute;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap .quick-access-form .dropify-square .dropify-wrapper {

  height: 5.75rem;

  width: 5.75rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap .quick-access-form .col-md-12 {

  padding-left: 7.125rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-left,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-left,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right {

  min-height: 45px;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-left > div,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-left > div {

  margin-right: 1rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-left > div:last-child,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-left > div:last-child {

  margin-right: 0;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right {

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right > div,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right > div {

  margin-left: 1rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right > div:first-child,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right > div:first-child {

  margin-left: 0;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_filter,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_length,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_info,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_filter,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_length,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_info {

  float: none;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_filter label,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_length label,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_info label,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_filter label,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_length label,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_info label {

  margin-bottom: 0;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_info,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_info {

  padding-top: 0;

  width: 95px;

  text-align: right;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_paginate,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_paginate {

  padding-top: 0;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child),

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {

  display: none;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_paginate .pagination.custom-pagination .page-link,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_paginate .pagination.custom-pagination .page-link {

  padding: 0;

  background: transparent;

  min-width: auto;

  font-size: 1.25rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_length select,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_length select {

  margin-right: 0;

  margin-left: .625rem;

  display: inline-block;

  width: auto;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: .625rem;

  font-size: 1rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star > .feather-icon > svg, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star .svg-icon > svg {

  cursor: pointer;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star > .feather-icon > svg:hover, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star.marked > .feather-icon > svg, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star.marked > .feather-icon > svg:hover, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .form-check.form-check-lg {

  position: absolute;

  left: 14px;

  top: 17px;

  cursor: pointer;

  opacity: 0;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-name {

  color: #262a2e;

  font-weight: 500;

  margin-top: .625rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-name,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-email,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-contact,

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-desg {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-bottom: .25rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .card-footer {

  padding: 0;

  justify-content: center;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .card-footer > .d-flex {

  padding: 0.75rem 1.25rem;

  justify-content: center;

  width: 100%;

  color: #6f6f6f;

  font-size: 1rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card:hover .form-check.form-check-lg {

  opacity: 1;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .625rem;

  opacity: 0;

  font-size: 1rem;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star > .feather-icon > svg, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star .svg-icon > svg {

  cursor: pointer;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star > .feather-icon > svg:hover, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked {

  opacity: 1;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked > .feather-icon > svg, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked > .feather-icon > svg:hover, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card:hover .contact-star {

  opacity: 1;

}

.contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view.select-multiple .card.contact-card .form-check.form-check-lg {

  opacity: 1;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar {

  padding: 0 !important;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info {

  position: relative;

  padding: 1.25rem;

  flex-shrink: 0;

  border-right: 1px solid #eaeaea;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .action-btn {

  position: absolute;

  right: 1.25rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .cp-name {

  font-size: 1.25rem;

  font-weight: 500;

  color: #262a2e;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .cp-info {

  padding-left: 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .dropify-circle .dropify-wrapper {

  margin: 0 auto;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card {

  margin-bottom: 0;

  box-shadow: none;

  border: 0;

  border-radius: 0;

  border-radius: 0;

  padding: 0.5rem 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-header {

  border: none;

  padding: .5rem 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-header > a {

  font-size: 0.875rem;

  font-weight: 500;

  display: block;

  width: 100%;

  color: #007D88;

  text-align: left;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body {

  padding: .5rem 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li {

  margin-bottom: .625rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li a {

  color: #262a2e;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li > span {

  display: inline-block;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li > span:first-child {

  min-width: 100px;

  margin-right: 1rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li > span:last-child {

  color: #262a2e;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action {

  padding-left: 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action li {

  margin-bottom: 10px;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action li a {

  color: #262a2e;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action li a .cp-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .5rem;

  font-size: 1.125rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action li:last-child {

  margin-bottom: .25rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info {

  flex-grow: 1;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .nav-tabs .nav-item .nav-link {

  padding: .75rem 1.25rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .nav-tabs.nav-line {

  border-bottom: 1px solid #eaeaea;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .tab-content {

  padding: 0 1.25rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap {

  padding: 0 1.25rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus {

  padding: 0;

  list-style-type: none;

  font-family: arial;

  font-size: 0.875rem;

  clear: both;

  line-height: 1em;

  margin: 0 -1px;

  text-align: center;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li {

  float: left;

  padding: 1rem 1.875rem 1rem 2.5rem;

  background: #d8d8d8;

  position: relative;

  width: 19.5%;

  margin: 0 1px;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:before {

  content: '';

  border-left: 20px solid #fff;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:first-child {

  border-radius: 0.5rem 0 0 0.5rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:first-child:before {

  display: none;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:last-child {

  border-radius: 0 0.5rem 0.5rem 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:last-child:after {

  display: none;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:after {

  content: '';

  border-left: 20px solid #d8d8d8;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 100%;

  z-index: 20;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li.active {

  background: #FF9100;

  color: #fff;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li.active:after {

  border-left-color: #FF9100;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li.completed {

  background: #007D88;

  color: #fff;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li.completed:after {

  border-left-color: #007D88;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li > span {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap {

  padding: 0 1.25rem 1.25rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread {

  padding-left: 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread li {

  margin-bottom: 1rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread li:last-child {

  margin-bottom: 0;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread li .media .media-head {

  margin-right: 1rem;

}

.contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread li .media .media-body > div .activity-time {

  font-size: 0.75rem;

  margin-top: .25rem;

}

.contactapp-wrap .contactapp-content .contact-detail-modal header.contact-header {

  height: auto;

  padding: 1.25rem;

  border-radius: 0.5rem 0.5rem 0 0;

}

.contactapp-wrap .contactapp-content .contact-detail-modal header.contact-header ul.hk-list.hk-list-sm li {

  padding: 0 .4rem;

}

.contactapp-wrap.contactapp-sidebar-toggle .contactapp-sidebar {

  left: -270px;

}

.contactapp-wrap.contactapp-sidebar-toggle .contactapp-content {

  padding-left: 0;

}



.hk-wrapper[data-navbar-style="collapsed"] .contactapp-wrap {

  height: 100vh;

}



@media (max-width: 1740px) {

  .contactapp-wrap .contactapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_info,

  .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_length,

  .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_info,

  .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_length {

    display: none;

  }

  .contactapp-wrap .contactapp-sidebar {

    left: -270px;

  }

  .contactapp-wrap.contactapp-sidebar-toggle .contactapp-sidebar {

    left: 0;

  }

  .contactapp-wrap.contactapp-sidebar-toggle .contactapp-content {

    left: 270px;

    padding-left: 270px;

    margin-left: -270px;

  }

  .contactapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .contactapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .contactapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .contactapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

/*File Manager*/

.fmapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

}

.fmapp-wrap .fmapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.fmapp-wrap .fmapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.fmapp-wrap .fmapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

  font-size: 1.5rem;

}

.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.fmapp-wrap .fmapp-sidebar .fmapp-storage {

  padding: 1.5rem;

}

.fmapp-wrap .fmapp-sidebar .fmapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.fmapp-wrap .fmapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 270px;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: #fff;

  flex-flow: column;

  height: 100%;

  z-index: 10;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title h1 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title:after {

  top: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap > a:first-child {

  margin-left: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  overflow: hidden;

  -ms-flex: 1;

  flex: 1;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar {

  padding: 1.25rem;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .nav-line {

  margin: 0 -1.25rem;

  border-bottom: 1px solid #eaeaea;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: .625rem;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star > .feather-icon > svg, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star .svg-icon > svg {

  height: 16px;

  width: 16px;

  cursor: pointer;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star > .feather-icon > svg:hover, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star.marked > .feather-icon > svg, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star.marked > .feather-icon > svg:hover, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .media .media-body .file-name {

  color: #262a2e;

  font-weight: 500;

  max-width: 190px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .fmapp-info-trigger.media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  cursor: pointer;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .fmapp-info-trigger.media .media-body .file-name {

  -webkit-transition: color 0.2s ease;

  -moz-transition: color 0.2s ease;

  transition: color 0.2s ease;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .fmapp-info-trigger.media:hover .media-body .file-name {

  color: #007D88;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .25rem;

  margin-top: .4rem;

  margin-left: .625rem;

  opacity: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star > .feather-icon > svg, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star .svg-icon > svg {

  cursor: pointer;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star > .feather-icon > svg:hover, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked > .feather-icon > svg, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked > .feather-icon > svg:hover, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card {

  cursor: pointer;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-body {

  min-height: 150px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-body i {

  font-size: 2.375rem;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer {

  display: block;

  -webkit-transition: background 0.2s ease;

  -moz-transition: background 0.2s ease;

  transition: background 0.2s ease;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer > .d-flex > div {

  min-width: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer > .d-flex > div .file-name {

  color: #262a2e;

  font-weight: 500;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .file-star.marked {

  opacity: 1;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .file-star {

  opacity: 1;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .card-footer {

  background: #ebf5f5;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .card-footer .file-name {

  color: #007D88;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card {

  -webkit-transition: background 0.2s ease;

  -moz-transition: background 0.2s ease;

  transition: background 0.2s ease;

  cursor: pointer;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media {

  overflow: hidden;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .avatar {

  flex-shrink: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .media-body {

  min-width: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .media-body .file-name {

  color: #262a2e;

  font-weight: 500;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .file-star.marked {

  opacity: 1;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover {

  background: #ebf5f5;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .file-star {

  opacity: 1;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .card-body .media .avatar {

  flex-shrink: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .card-body .media .media-body .file-name {

  color: #007D88;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info {

  position: absolute;

  top: 65px;

  right: -370px;

  width: 370px;

  margin-left: 0;

  bottom: 0;

  z-index: 100;

  border: none;

  background: #fff;

  border-left: 1px solid #eaeaea;

  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .nicescroll-bar {

  padding: 1.25rem;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .file-name {

  color: #262a2e;

  font-size: 1.25rem;

  font-weight: 500;

  max-width: 250px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info {

  padding-left: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li {

  margin-bottom: .625rem;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li a {

  color: #262a2e;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span {

  display: inline-block;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span:first-child {

  min-width: 100px;

  margin-right: 1rem;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span:last-child {

  color: #262a2e;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action {

  padding-left: 0;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li {

  margin-bottom: .625rem;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li a {

  color: #262a2e;

}

.fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li:last-child {

  margin-bottom: .25rem;

}

.fmapp-wrap.fmapp-info-active .fmapp-detail-wrap .file-info {

  right: 0;

}

.fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar {

  left: -270px;

}

.fmapp-wrap.fmapp-sidebar-toggle .fmapp-content {

  padding-left: 0;

}



.hk-wrapper[data-navbar-style="collapsed"] .fmapp-wrap {

  height: 100vh;

}



@media (max-width: 1199px) {

  .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info {

    top: 0;

  }

}

@media (max-width: 767px) {

  .fmapp-wrap .fmapp-sidebar {

    left: -270px;

  }

  .fmapp-wrap .fmapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar {

    left: 0;

  }

  .fmapp-wrap.fmapp-sidebar-toggle .fmapp-content {

    left: 270px;

    padding-left: 270px;

    margin-left: -270px;

  }

  .fmapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .fmapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .fmapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .fmapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

/*Gallery App*/

.galleryapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

}

.galleryapp-wrap .galleryapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.galleryapp-wrap .galleryapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.galleryapp-wrap .galleryapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

  font-size: 1.5rem;

}

.galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.galleryapp-wrap .galleryapp-sidebar .galleryapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.galleryapp-wrap .galleryapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 270px;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: #fff;

  flex-flow: column;

  height: 100%;

  z-index: 10;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .galleryapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .galleryapp-title h1 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .galleryapp-title:after {

  top: 0;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .gallery-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .gallery-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .gallery-options-wrap > a:first-child {

  margin-left: 0;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  overflow: hidden;

  -ms-flex: 1;

  flex: 1;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar {

  padding: 1.25rem;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a {

  position: relative;

  display: block;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .form-check {

  position: absolute;

  left: 14px;

  top: 17px;

  cursor: pointer;

  opacity: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  right: 14px;

  top: 20px;

  opacity: 0;

  color: #6f6f6f;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star > .feather-icon > svg, .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star .svg-icon > svg {

  cursor: pointer;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star > .feather-icon > svg:hover, .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked {

  opacity: 1;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked > .feather-icon > svg, .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked > .feather-icon > svg:hover, .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a:hover .form-check {

  opacity: 1;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a:hover .gallery-star {

  opacity: 1;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-img {

  min-height: 230px;

  background-size: cover;

  background-position: center;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-img.gallery-video:after {

  content: "\efb6";

  font-family: remixicon;

  font-style: normal;

  position: absolute;

  right: 14px;

  bottom: 14px;

  font-size: 1.5rem;

  height: 35px;

  width: 35px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.45);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: center;

  color: #fff;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body.select-multiple .nicescroll-bar {

  padding: 1.25rem;

}

.galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body.select-multiple .nicescroll-bar .hk-gallery a .form-check {

  opacity: 1;

}

.galleryapp-wrap.galleryapp-sidebar-toggle .galleryapp-sidebar {

  left: -270px;

}

.galleryapp-wrap.galleryapp-sidebar-toggle .galleryapp-content {

  padding-left: 0;

}



.lg-outer.galleryapp-info-active .lg-img-wrap {

  padding-right: 26.25rem !important;

  background: url("../img/loading.gif") no-repeat scroll transparent;

  background-position: center center;

  background-position: calc((100% - 300px) / 2) center;

}

.lg-outer.galleryapp-info-active .lg-video-cont {

  padding-right: 20rem !important;

  background: url("../img/loading.gif") no-repeat scroll transparent;

  background-position: center center;

  background-position: calc((100% - 300px) / 2) center;

}

.lg-outer.galleryapp-info-active .lg-sub-html {

  height: 100%;

  overflow-y: auto;

  position: absolute;

  right: 0;

  top: 0;

  width: 420px;

  z-index: 99999;

  left: auto;

  color: inherit;

  padding: 0;

  text-align: left;

  background: #fff url("../img/loading.gif") no-repeat scroll center center;

}

.lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  padding: 1.25rem;

  margin: 0 -1.25rem;

  height: 65px;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .file-name {

  font-weight: 500;

  color: #262a2e;

  max-width: 190px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .file-type {

  font-size: 0.75rem;

}

.lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .gallery-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .gallery-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .gallery-options-wrap > a:first-child {

  margin-left: 0;

}

.lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .file-info li {

  margin-bottom: .625rem;

}

.lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .file-info li > span {

  display: inline-block;

}

.lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .file-info li > span:first-child {

  min-width: 100px;

  margin-right: 1rem;

}

.lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .file-info li > span:last-child {

  color: #262a2e;

}

.lg-outer.galleryapp-info-active .galleryapp-info-active.fb_iframe_widget {

  background-image: none;

}

.lg-outer.galleryapp-info-active .galleryapp-info-active.fb_iframe_widget.fb_iframe_widget_loader {

  background: #fff url("../img/loading.gif") no-repeat scroll center center;

}

.lg-outer.galleryapp-info-active .lg-toolbar {

  right: 420px;

  width: auto;

}

.lg-outer.galleryapp-info-active .lg-actions .lg-next {

  right: 440px;

}

.lg-outer.galleryapp-info-active .lg-item {

  background-image: none;

}

.lg-outer.galleryapp-info-active .lg-item.lg-complete .lg-img-wrap {

  background-image: none;

}

.lg-outer.galleryapp-info-active .lg-item.lg-complete .lg-video-cont {

  background-image: none;

}



.hk-wrapper[data-navbar-style="collapsed"] .galleryapp-wrap {

  height: 100vh;

}



@media (max-width: 767px) {

  .galleryapp-wrap .galleryapp-sidebar {

    left: -270px;

  }

  .galleryapp-wrap .galleryapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .galleryapp-wrap.galleryapp-sidebar-toggle .galleryapp-sidebar {

    left: 0;

  }

  .galleryapp-wrap.galleryapp-sidebar-toggle .galleryapp-content {

    left: 270px;

    padding-left: 270px;

    margin-left: -270px;

  }

  .galleryapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .galleryapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .galleryapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .galleryapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }



  .lg-outer.galleryapp-info-active .lg-img-wrap {

    padding-right: 0 !important;

  }

  .lg-outer.galleryapp-info-active .lg-video-cont {

    padding-right: 0 !important;

  }

  .lg-outer.galleryapp-info-active .lg-sub-html {

    display: none;

  }

  .lg-outer.galleryapp-info-active .lg-toolbar {

    right: 0;

  }

  .lg-outer.galleryapp-info-active .lg-actions .lg-next {

    right: 20px;

  }

}

/*Todo*/

.todoapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

}

.todoapp-wrap .todoapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.todoapp-wrap .todoapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.todoapp-wrap .todoapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link,

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap,

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 1.5rem;

  margin-right: .875rem;

}

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text,

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.todoapp-wrap .todoapp-sidebar .todoapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.todoapp-wrap .todoapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 270px;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: #fff;

  flex-flow: column;

  height: 100%;

  z-index: 10;

  width: calc(100vw - 270px);

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  white-space: nowrap;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: .625rem;

  font-size: 1.25rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star .svg-icon > svg {

  cursor: pointer;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star.marked > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star.marked > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title:after {

  top: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .media .media-head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .media .media-body .user-name {

  font-size: 1rem;

  font-weight: 500;

  color: #262a2e;

  text-transform: capitalize;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .media .media-body .user-status {

  font-size: 0.875rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap > .d-flex.ms-auto > a,

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap > .d-flex.ms-auto > a:first-child,

.todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap > a:first-child {

  margin-left: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body {

  overflow: hidden;

  -ms-flex: 1;

  flex: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar {

  padding: 1.25rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .todo-toolbar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .todo-toolbar > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .todo-toolbar > div .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {

  display: none;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .todo-toolbar > div .pagination.custom-pagination .page-link {

  padding: 0;

  background: transparent;

  min-width: auto;

  font-size: 1.25rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .gutter.gutter-horizontal {

  cursor: ew-resize;

  position: relative;

  width: 7px;

  cursor: ew-resize;

  text-align: center;

  background: #fff;

  border-left: 1px solid #eaeaea;

  border-right: 1px solid #eaeaea;

  z-index: 5;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .gutter.gutter-horizontal:after {

  display: inline-block;

  font-family: remixicon !important;

  font-style: normal;

  content: "\ef26";

  position: absolute;

  top: 50%;

  left: -8px;

  font-size: 1.25rem;

  transform: translateY(-50%);

  color: #007D88;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap {

  width: calc(100vw - 270px);

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: .625rem;

  margin-right: .625rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star .svg-icon > svg {

  cursor: pointer;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star.marked > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star.marked > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-text {

  color: #262a2e;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable {

  margin-top: 0 !important;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable th:first-child, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable td:first-child {

  border-left-width: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable thead tr:first-child th, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable thead tr:first-child td {

  border-top-width: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container {

  overflow: initial;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt {

  fill: #007D88;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .grid-row:nth-child(even) {

  fill: #fff;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .row-line, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .tick {

  stroke: #d8d8d8;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .bar {

  fill: #8e8e8e;

  stroke: #6f6f6f;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .bar-progress {

  fill: #007D88;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .grid-header {

  stroke-width: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info {

  position: absolute;

  top: 65px;

  right: -550px;

  width: 550px;

  margin-left: 0;

  bottom: 0;

  z-index: 100;

  border: none;

  background: #fff;

  border-left: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  padding: 0 1.25rem;

  border-radius: 0.5rem 0.5rem 0 0;

  height: 65px;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .apexcharts-datalabels-group text {

  font-family: inherit;

  font-size: 0.75rem;

  fill: #6f6f6f;

  position: absolute;

  transform: translateY(5px);

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .apexcharts-datalabels-group text:last-child {

  display: none;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: .625rem;

  font-size: 1.25rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star .svg-icon > svg {

  cursor: pointer;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star.marked > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star.marked > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap > a {

  display: inline-block;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap > a:first-child {

  margin-left: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body {

  padding: 1.25rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body form .media .media-head {

  margin-right: 1rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body form .media .media-body .as-name {

  font-weight: 500;

  color: #262a2e;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .note-block .media {

  margin-bottom: 1.25rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .note-block .media .media-head {

  margin-right: 1rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .note-block .media .media-body div:first-child {

  font-weight: 500;

  color: #262a2e;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .note-block .media .media-body div:last-child {

  font-size: 0.875rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-head {

  margin-right: 1rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 1rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child .cm-name {

  font-weight: 500;

  color: #262a2e;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child .badge {

  margin-left: .625rem;

  flex-shrink: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap span, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap a {

  color: #6f6f6f;

  font-size: 0.75rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {

  margin: 0 .25rem;

  color: #d8d8d8;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > .media {

  margin-top: 1.875rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files {

  padding-left: 0;

  margin: 0 -.8rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li {

  padding: .8rem;

  border-radius: 0.5rem;

  -webkit-transition: 0.2s ease;

  -moz-transition: 0.2s ease;

  transition: 0.2s ease;

  margin-bottom: .25rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li:last-child {

  margin-bottom: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .avatar.avatar-sm {

  margin-right: 1rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .avatar.avatar-sm .avatar-icon {

  font-size: 1.75rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  min-width: 0;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body > div:first-child {

  min-width: 0;

  -ms-flex: 1;

  flex: 1;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body > div:last-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body .file-name {

  color: #262a2e;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight: 500;

  max-width: 200px;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body .file-size {

  margin-top: .25rem;

  font-size: 0.875rem;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover {

  background-color: #f2f2f2;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover .media .media-body .file-name {

  color: #007D88;

}

.todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover .media .media-body a.cp-file-action {

  color: #262a2e;

}

.todoapp-wrap.todoapp-sidebar-toggle .todoapp-sidebar {

  left: -270px;

}

.todoapp-wrap.todoapp-sidebar-toggle .todoapp-content {

  padding-left: 0;

}

.todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .todo-body {

  margin-right: 550px;

}

.todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .task-info {

  right: 0;

}

.todoapp-wrap.ganttapp-wrap .todoapp-content .todoapp-detail-wrap .nicescroll-bar {

  padding: 0;

}

.todoapp-wrap.ganttapp-wrap .todoapp-content .todoapp-detail-wrap .nicescroll-bar table.dataTable.cell-border thead th {

  border-right: 1px solid #eaeaea;

}

.todoapp-wrap.ganttapp-wrap .todoapp-content .todoapp-detail-wrap .nicescroll-bar table.dataTable.cell-border tbody tr th:first-child, .todoapp-wrap.ganttapp-wrap .todoapp-content .todoapp-detail-wrap .nicescroll-bar table.dataTable.cell-border tbody tr td:first-child {

  border-left: 0;

}



.advance-list-item.single-task-list .form-check {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 0;

}

.advance-list-item.single-task-list .form-check + div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-weight: 500;

}

.advance-list-item.single-task-list .form-check + div .todo-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: .625rem;

}

.advance-list-item.single-task-list .form-check + div .todo-star > .feather-icon > svg, .advance-list-item.single-task-list .form-check + div .todo-star .svg-icon > svg {

  cursor: pointer;

}

.advance-list-item.single-task-list .form-check + div .todo-star > .feather-icon > svg:hover, .advance-list-item.single-task-list .form-check + div .todo-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.advance-list-item.single-task-list .form-check + div .todo-star.marked > .feather-icon > svg, .advance-list-item.single-task-list .form-check + div .todo-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.advance-list-item.single-task-list .form-check + div .todo-star.marked > .feather-icon > svg:hover, .advance-list-item.single-task-list .form-check + div .todo-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.advance-list-item.single-task-list .form-check + div .todo-text {

  cursor: pointer;

  max-width: 300px;

}

.advance-list-item.single-task-list .form-check + div .badge-indicator {

  margin: 0 .75rem  0 .5rem;

  flex-shrink: 0;

}

.advance-list-item.single-task-list.selected {

  background: #ebf5f5;

}



.hk-wrapper[data-navbar-style="collapsed"] .todoapp-wrap {

  height: 100vh;

}



@media (max-width: 1740px) {

  .todoapp-wrap .todoapp-sidebar {

    left: -270px;

  }

  .todoapp-wrap .todoapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .todoapp-wrap.todoapp-sidebar-toggle .todoapp-sidebar {

    left: 0;

  }

  .todoapp-wrap.todoapp-sidebar-toggle .todoapp-content {

    left: 270px;

    padding-left: 270px;

    margin-left: -270px;

  }

  .todoapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .todoapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .todoapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .todoapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

@media (max-width: 1500px) {

  .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .todo-body {

    margin-right: 0;

  }

  .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .task-info {

    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);

  }

}

@media (max-width: 1199px) {

  .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info {

    top: 0;

    width: 100%;

    right: -100%;

  }

  .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .task-info {

    right: 0;

  }

}

@media (max-width: 767px) {

  .advance-list-item.single-task-list {

    min-height: auto;

  }

  .advance-list-item.single-task-list .form-check + div .todo-text {

    cursor: pointer;

    max-width: calc(100vw - 250px);

  }

}

/*Blog App*/

.blogapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

}

.blogapp-wrap .blogapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.blogapp-wrap .blogapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .nav-header {

  padding: 0 0 .5rem 0;

  font-size: 0.875rem;

  color: #007D88;

  font-weight: 500;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"]::after {

  content: '\f2f9';

  font: normal normal normal 18px/1 'Material-Design-Iconic-Font';

  text-rendering: auto;

  margin-left: auto;

  -webkit-transform: translateX(0) rotate(0deg);

  -moz-transform: translateX(0) rotate(0deg);

  -ms-transform: translateX(0) rotate(0deg);

  -o-transform: translateX(0) rotate(0deg);

  transform: translateX(0) rotate(0deg);

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

  color: rgba(38, 42, 46, 0.3);

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {

  -webkit-transform: translateX(0) rotate(-180deg);

  -moz-transform: translateX(0) rotate(-180deg);

  -ms-transform: translateX(0) rotate(-180deg);

  -o-transform: translateX(0) rotate(-180deg);

  transform: translateX(0) rotate(-180deg);

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

  font-size: 1.5rem;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item .secondary-nav .nav-item .nav-link {

  padding-left: 3.3rem;

}

.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.blogapp-wrap .blogapp-sidebar .tag-cloud .badge {

  margin-bottom: .25rem;

}

.blogapp-wrap .blogapp-sidebar .blogapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.blogapp-wrap .blogapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 16.875rem;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: var(--white);

  flex-flow: column;

  height: 100%;

  z-index: 10;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: var(--white);

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title h1 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title:after {

  top: 0;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap > a:first-child {

  margin-left: 0;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  overflow: hidden;

  -ms-flex: 1;

  flex: 1;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar {

  padding: 1.25rem;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-left,

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right {

  min-height: 45px;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-left > div {

  margin-right: 1rem;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-left > div:last-child {

  margin-right: 0;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right {

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right > div {

  margin-left: 1rem;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right > div:first-child {

  margin-left: 0;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_filter,

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_length,

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_info {

  float: none;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_filter label,

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_length label,

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_info label {

  margin-bottom: 0;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_info {

  padding-top: 0;

  width: 95px;

  text-align: right;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_paginate {

  padding-top: 0;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {

  display: none;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_paginate .pagination.custom-pagination .page-link {

  padding: 0;

  background: transparent;

  min-width: auto;

  font-size: 1.25rem;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_length select {

  margin-right: 0;

  margin-left: .625rem;

  display: inline-block;

  width: auto;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .tox-tinymce {

  border: 0;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .tox-tinymce .tox-statusbar__text-container {

  display: none !important;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .nav-tabs > .nav-item > .nav-link {

  position: relative;

  z-index: 1;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .nav-tabs > .nav-item > .nav-link.active {

  border-color: #eaeaea #eaeaea #fff;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .advance-option-post .nav-tabs {

  margin-left: -1.25rem;

  margin-right: -1.25rem;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .advance-option-post .uploaded-img-prev a .card {

  min-height: 100px;

  background-size: cover;

  background-position: center;

  margin-bottom: 0;

  margin-top: 1rem;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .nav-line {

  margin: 0 -1.25rem;

  border-bottom: 1px solid #eaeaea;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: .625rem;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star > .feather-icon > svg, .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star .svg-icon > svg {

  height: 16px;

  width: 16px;

  cursor: pointer;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star > .feather-icon > svg:hover, .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star.marked > .feather-icon > svg, .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star.marked > .feather-icon > svg:hover, .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.blogapp-wrap.blogapp-sidebar-toggle .blogapp-sidebar {

  left: -270px;

}

.blogapp-wrap.blogapp-sidebar-toggle .blogapp-content {

  padding-left: 0;

}



.hk-wrapper[data-navbar-style="collapsed"] .blogapp-wrap {

  height: 100vh;

}



@media (max-width: 1740px) {

  .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_info,

  .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_length {

    display: none;

  }

}

@media (max-width: 767px) {

  .blogapp-wrap .blogapp-sidebar {

    left: -270px;

  }

  .blogapp-wrap .blogapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .blogapp-wrap.blogapp-sidebar-toggle .blogapp-sidebar {

    left: 0;

  }

  .blogapp-wrap.blogapp-sidebar-toggle .blogapp-content {

    left: 16.875rem;

    padding-left: 16.875rem;

    margin-left: -16.875rem;

  }

  .blogapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .blogapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .blogapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .blogapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

/*invoice*/

.invoiceapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

}

.invoiceapp-wrap .invoiceapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.invoiceapp-wrap .invoiceapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .nav-header {

  padding: 0 0 .5rem 0;

  font-size: 0.875rem;

  color: #007D88;

  font-weight: 500;

}

.invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

  font-size: 1.5rem;

}

.invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.invoiceapp-wrap .invoiceapp-sidebar .invoiceapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.invoiceapp-wrap .invoiceapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 16.875rem;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .invoiceapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .invoiceapp-title h1 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .invoiceapp-title:after {

  top: 0;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .media {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-body .user-name {

  font-size: 1rem;

  font-weight: 500;

  color: #262a2e;

  text-transform: capitalize;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-body .user-status {

  font-size: 0.875rem;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap > a:first-child {

  margin-left: 0;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: #fff;

  flex-flow: column;

  height: 100%;

  z-index: 10;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  overflow: hidden;

  -ms-flex: 1;

  flex: 1;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar {

  padding: 1.25rem;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-left,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right {

  min-height: 45px;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-left > div {

  margin-right: 1rem;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-left > div:last-child {

  margin-right: 0;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right {

  justify-content: flex-end;

  -webkit-justify-content: flex-end;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right > div {

  margin-left: 1rem;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right > div:first-child {

  margin-left: 0;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_filter,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info {

  float: none;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_filter label,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length label,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info label {

  margin-bottom: 0;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info {

  padding-top: 0;

  width: 95px;

  text-align: right;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_paginate {

  padding-top: 0;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {

  display: none;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_paginate .pagination.custom-pagination .page-link {

  padding: 0;

  background: transparent;

  min-width: auto;

  font-size: 1.25rem;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length select {

  margin-right: 0;

  margin-left: .625rem;

  display: inline-block;

  width: auto;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: .625rem;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star > .feather-icon > svg, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star .svg-icon > svg {

  cursor: pointer;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star > .feather-icon > svg:hover, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star .svg-icon > svg:hover {

  fill: #FFC400;

  stroke: #FFC400;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked > .feather-icon > svg, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked .svg-icon > svg {

  fill: #FFC400;

  stroke: #FFC400;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked > .feather-icon > svg:hover, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked .svg-icon > svg:hover {

  fill: none;

  stroke: currentColor;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap {

  border: 1px solid #eaeaea;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th {

  border-color: transparent;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th:first-child,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th:first-child {

  border-top-left-radius: 0.25rem;

  border-bottom-left-radius: 0.25rem;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th:last-child,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th:last-child {

  border-top-right-radius: 0.25rem;

  border-bottom-right-radius: 0.25rem;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table {

  min-width: 450px;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table {

  border-collapse: separate;

  border-spacing: 0px;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table td, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table th,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table td,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table th,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table td,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table th,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table td,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table th {

  border: 1px solid #eaeaea;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .form-group,

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .form-group {

  position: relative;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {

  position: absolute;

  top: 65px;

  right: -370px;

  width: 370px;

  margin-left: 0;

  bottom: 0;

  z-index: 100;

  border: none;

  background: #fff;

  border-left: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings .nicescroll-bar {

  padding: 1.25rem;

}

.invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {

  margin-right: 370px;

}

.invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {

  right: 0;

}

.invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-sidebar {

  left: -270px;

}

.invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-content {

  padding-left: 0;

}



.hk-wrapper[data-navbar-style="collapsed"] .invoiceapp-wrap {

  height: 100vh;

}



@media (max-width: 1740px) {

  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info,

  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length {

    display: none;

  }

}

@media (max-width: 1600px) {

  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {

    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);

  }

  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {

    margin-right: 0;

    overflow-x: auto;

  }

  .invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {

    margin-right: 0;

  }

}

@media (max-width: 1199px) {

  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {

    top: 0;

  }

  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table-wrap {

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }

  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table-wrap .invoice-table {

    min-width: 900px;

  }

  .invoiceapp-wrap .invoiceapp-sidebar {

    left: -270px;

  }

  .invoiceapp-wrap .invoiceapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-sidebar {

    left: 0;

  }

  .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-content {

    left: 16.875rem;

    padding-left: 16.875rem;

    margin-left: -16.875rem;

  }

  .invoiceapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .invoiceapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .invoiceapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .invoiceapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

/*Integrations*/

.integrationsapp-wrap {

  position: relative;

  height: calc(100vh - 65px);

}

.integrationsapp-wrap .integrationsapp-sidebar {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-flow: column;

  left: 0;

  width: 270px;

  margin-left: 0;

  top: 0;

  height: 100%;

  z-index: 1;

  border: none;

  background: #fff;

  border-right: 1px solid #eaeaea;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.integrationsapp-wrap .integrationsapp-sidebar > div.nicescroll-bar {

  flex: 1 1 auto;

  overflow: auto;

}

.integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap {

  padding: 1.5rem;

}

.integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-gap {

  height: 25px;

}

.integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .nav-header {

  padding: 0 0 .5rem 0;

  font-size: 0.875rem;

  color: #007D88;

  font-weight: 500;

}

.integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {

  margin-left: -1rem;

  margin-right: -1rem;

}

.integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {

  border-radius: .5rem;

  padding: .5rem 1rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: .875rem;

  font-size: 1.5rem;

}

.integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {

  display: inline-block;

}

.integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {

  background: rgba(0, 125, 136, 0.15);

  color: #007D88;

}

.integrationsapp-wrap .integrationsapp-sidebar .integrationsapp-fixednav {

  height: 61px;

  border-top: 1px solid #eaeaea;

}

.integrationsapp-wrap .integrationsapp-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  padding-left: 16.875rem;

  position: relative;

  height: 100%;

  left: 0;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-grow: 1;

  background: #fff;

  flex-flow: column;

  height: 100%;

  z-index: 10;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  -ms-flex-pack: space-between;

  height: 65px;

  padding: 0 1.25rem;

  background: #fff;

  border-bottom: 1px solid #eaeaea;

  position: relative;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrationsapp-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrationsapp-title h1 {

  font-size: 1.5rem;

  font-weight: 500;

  margin-bottom: 0;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrationsapp-title:after {

  top: 0;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrations-options-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrations-options-wrap > a {

  margin-left: .25rem;

  display: inline-block;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrations-options-wrap > a:first-child {

  margin-left: 0;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  overflow: hidden;

  -ms-flex: 1;

  flex: 1;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar {

  padding: 1.25rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .app-name {

  color: #262a2e;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight: 500;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .app-cat {

  font-size: 0.875rem;

  margin-bottom: .625rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-head {

  margin-right: 1rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body > div:first-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: .25rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body > div:first-child .cm-name {

  font-weight: 500;

  color: #262a2e;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body > div:first-child .badge {

  margin-left: .625rem;

  flex-shrink: 0;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body .comment-action-wrap span, .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body .comment-action-wrap a {

  color: #6f6f6f;

  font-size: 0.75rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {

  margin: 0 .25rem;

  color: #d8d8d8;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body > .media {

  margin-top: 1.875rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .media .media-head {

  margin-right: 1rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .media .media-body .cr-name {

  font-weight: 500;

  color: #262a2e;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .review-action-wrap span, .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .review-action-wrap a {

  font-size: 0.75rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .review-action-wrap .review-dot-sep {

  margin: 0 .25rem;

  color: #d8d8d8;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .review .review {

  margin-left: 3.125rem;

  margin-top: 1.875rem;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .card-int {

  min-height: 250px;

}

.integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .content-aside .tag-cloud .badge {

  margin-bottom: .25rem;

}

.integrationsapp-wrap.integrationsapp-sidebar-toggle .integrationsapp-sidebar {

  left: -270px;

}

.integrationsapp-wrap.integrationsapp-sidebar-toggle .integrationsapp-content {

  padding-left: 0;

}



.hk-wrapper[data-navbar-style="collapsed"] .integrationsapp-wrap {

  height: 100vh;

}



@media (max-width: 991px) {

  .integrationsapp-wrap .integrationsapp-sidebar {

    left: -270px;

  }

  .integrationsapp-wrap .integrationsapp-content {

    margin-left: 0;

    padding-left: 0;

  }

  .integrationsapp-wrap.integrationsapp-sidebar-toggle .integrationsapp-sidebar {

    left: 0;

  }

  .integrationsapp-wrap.integrationsapp-sidebar-toggle .integrationsapp-content {

    left: 16.875rem;

    padding-left: 16.875rem;

    margin-left: -16.875rem;

  }

  .integrationsapp-wrap .hk-sidebar-togglable {

    -webkit-transform: translateX(32px);

    -moz-transform: translateX(32px);

    -ms-transform: translateX(32px);

    -o-transform: translateX(32px);

    transform: translateX(32px);

  }

  .integrationsapp-wrap .hk-sidebar-togglable:after {

    content: "\ea6c";

  }

  .integrationsapp-wrap .hk-sidebar-togglable.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .integrationsapp-wrap .hk-sidebar-togglable.active:after {

    content: "\ea62";

  }

}

/*Horizontal Menu*/

@media (min-width: 1200px) {

  .hk-wrapper[data-layout="horizontal"] .chatapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .calendarapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .emailapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .taskboardapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .contactapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .fmapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .galleryapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .todoapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .blogapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .invoiceapp-wrap,

  .hk-wrapper[data-layout="horizontal"] .integrationsapp-wrap {

    height: calc(100vh - 130px);

  }

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .chatapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .calendarapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .emailapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .taskboardapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .contactapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .fmapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .galleryapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .todoapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .blogapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .invoiceapp-wrap,

  .hk-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .integrationsapp-wrap {

    height: calc(100vh - 65px);

  }

}

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