/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 24px;
}

.app-brand-logo.demo svg {
  width: 35px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 72px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

.fw200{font-weight:200!important}.fw300{font-weight:300!important}.fw400{font-weight:400!important}.fw500{font-weight:500!important}.fw600{font-weight:600!important}.fw700{font-weight:700!important}.fw800{font-weight:800!important}.fw900{font-weight:900!important}.pn{padding:0!important}.lh0{line-height:0!important}.br-n{border:none!important}.br-a{border:1px solid #eee!important}.br-l{border-left:1px solid #eee!important}.br-r{border-right:1px solid #eee!important}.br-t{border-top:1px solid #eee!important}.br-b{border-bottom:1px solid #eee!important}.br-dashed{border-style:dotted!important}.br0{border-radius:0!important}.br1{border-radius:1px!important}.br2{border-radius:2px!important}.br3{border-radius:3px!important}.br4{border-radius:4px!important}.br6{border-radius:6px!important}.br8{border-radius:8px!important}.br12{border-radius:12px!important}.br24{border-radius:24px!important}.br64{border-radius:64px!important}.bw1{border-width:1px!important}.bw2{border-width:2px!important}.bw3{border-width:3px!important}.bw4{border-width:4px!important}.bw5{border-width:5px!important}.bw8{border-width:8px!important}.bw10{border-width:10px!important}.bw15{border-width:15px!important}.br-white{border-color:#fff!important}.br-lighter{border-color:#eee!important}.br-light{border-color:#e7e7e7!important}.br-grey{border-color:#d9d9d9!important}.br-greyer{border-color:#ccc!important}.br-dark{border-color:#3b3f4f!important}.br-dark-light{border-color:#51566c!important}.br-primary{border-color:#4a89dc!important}.br-primary-light{border-color:#75a5e4!important}.br-info{border-color:#3bafda!important}.br-info-light{border-color:#66c1e2!important}.br-success{border-color:#70ca63!important}.br-success-light{border-color:#93d789!important}.br-warning{border-color:#f6bb42!important}.br-warning-light{border-color:#f8cd73!important}.br-danger{border-color:#e9573f!important}.br-danger-light{border-color:#ee7f6d!important}.br-alert{border-color:#967adc!important}.br-alert-light{border-color:#b6a2e7!important}.br-system{border-color:#37bc9b!important}.br-system-light{border-color:#58ceb1!important}.br-tp-top{border-top-color:rgba(0,0,0,.1)}.br-tp-right{border-right-color:rgba(0,0,0,.1)}.br-tp-left{border-left-color:rgba(0,0,0,.1)}.fluid-width{width:100%!important}.mw10{max-width:10px!important}.mw20{max-width:20px!important}.mw30{max-width:30px!important}.mw35{max-width:35px!important}.mw40{max-width:40px!important}.mw45{max-width:45px!important}.mw50{max-width:50px!important}.mw60{max-width:60px!important}.mw80{max-width:80px!important}.mw100{max-width:100px!important}.mw140{max-width:140px!important}.mw160{max-width:160px!important}.mw180{max-width:180px!important}.mw200{max-width:200px!important}.mw240{max-width:240px!important}.mw280{max-width:280px!important}.mw320{max-width:320px!important}.mw400{max-width:400px!important}.mw450{max-width:450px!important}.mw500{max-width:500px!important}.mw600{max-width:600px!important}.mw700{max-width:700px!important}.mw800{max-width:800px!important}.mw900{max-width:900px!important}.mw1000{max-width:1000px!important}.mw1100{max-width:1100px!important}.mw1200{max-width:1200px!important}.w20{width:20px!important}.w30{width:30px!important}.w40{width:40px!important}.w50{width:50px!important}.w75{width:75px!important}.w100{width:100px!important}.w125{width:125px!important}.w150{width:150px!important}.w175{width:175px!important}.w200{width:200px!important}.w225{width:225px!important}.w250{width:250px!important}.w300{width:300px!important}.w320{width:320px!important}.w350{width:350px!important}.w400{width:400px!important}.w450{width:450px!important}.mnw20{min-width:20px!important}.mnw30{min-width:30px!important}.mnw40{min-width:40px!important}.mnw50{min-width:50px!important}.mnw75{min-width:75px!important}.mnw100{min-width:100px!important}.mnw125{min-width:125px!important}.mnw150{min-width:150px!important}.mnw175{min-width:175px!important}.mnw200{min-width:200px!important}.mnw250{min-width:250px!important}.mnw300{min-width:300px!important}.mnw500{min-width:500px!important}.mnw700{min-width:700px!important}.mnw1000{min-width:1000px!important}.text-white{color:#fff}.mbn{margin-bottom: 0px;}.pbn{margin-bottom: 0px;}.mrn{margin-bottom: 0px;}.prn{margin-bottom: 0px;}.mtn{margin-bottom: 0px;}.ptn{margin-bottom: 0px;}.mln{margin-bottom: 0px;}.pln{margin-bottom: 0px;}.mn{margin-bottom: 0px;}.pn{margin-bottom: 0px;}.cursor-pointer{cursor: pointer;}.fs3,.fs4{font-size:4px!important}.fs5{font-size:5px!important}.fs6{font-size:6px!important}.fs7{font-size:7px!important}.fs8{font-size:8px!important}.fs9{font-size:9px!important}.fs10{font-size:10px!important}.fs11{font-size:11px!important}.fs12{font-size:12px!important}.fs13{font-size:13px!important}.fs14{font-size:14px!important}.fs15{font-size:15px!important}.fs16{font-size:16px!important}.fs17{font-size:17px!important}.fs18{font-size:18px!important}.fs20{font-size:20px!important}.fs22{font-size:22px!important}.fs24{font-size:24px!important}.fs26{font-size:26px!important}.fs28{font-size:28px!important}.fs30{font-size:30px!important}.fs35{font-size:35px!important}.fs40{font-size:40px!important}.fs45{font-size:45px!important}.fs50{font-size:50px!important}.fs60{font-size:60px!important}.fs70{font-size:70px!important}.fs80{font-size:80px!important}.fs90{font-size:90px!important}.fs100{font-size:100px!important}.pn{padding:0!important}.p1{padding:1px!important}.p2{padding:2px!important}.p3{padding:3px!important}.p4{padding:4px!important}.p5{padding:5px!important}.p6{padding:6px!important}.p7{padding:7px!important}.p8{padding:8px!important}.p10{padding:10px!important}.p12{padding:12px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p25{padding:25px!important}.p30{padding:30px!important}.p35{padding:35px!important}.p40{padding:40px!important}.p50{padding:50px!important}.ptn{padding-top:0!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.prn{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr50{padding-right:50px!important}.pbn{padding-bottom:0!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pln{padding-left:0!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl50{padding-left:50px!important}.pv5{padding-top:5px!important;padding-bottom:5px!important}.pv8{padding-top:8px!important;padding-bottom:8px!important}.pv10{padding-top:10px!important;padding-bottom:10px!important}.pv15{padding-top:15px!important;padding-bottom:15px!important}.pv20{padding-top:20px!important;padding-bottom:20px!important}.pv25{padding-top:25px!important;padding-bottom:25px!important}.pv30{padding-top:30px!important;padding-bottom:30px!important}.pv40{padding-top:40px!important;padding-bottom:40px!important}.pv50{padding-top:50px!important;padding-bottom:50px!important}.ph5{padding-left:5px!important;padding-right:5px!important}.ph8{padding-left:8px!important;padding-right:8px!important}.ph10{padding-left:10px!important;padding-right:10px!important}.ph15{padding-left:15px!important;padding-right:15px!important}.ph20{padding-left:20px!important;padding-right:20px!important}.ph25{padding-left:25px!important;padding-right:25px!important}.ph30{padding-left:30px!important;padding-right:30px!important}.ph40{padding-left:40px!important;padding-right:40px!important}.ph50{padding-left:50px!important;padding-right:50px!important}@media (min-width:1140px){.ptn-lg{padding-top:0!important}.prn-lg{padding-right:0!important}.pbn-lg{padding-bottom:0!important}.pln-lg{padding-left:0!important}.pt5-lg{padding-top:5px!important}.pr5-lg{padding-right:5px!important}.pb5-lg{padding-bottom:5px!important}.pl5-lg{padding-left:5px!important}}@media (min-width:992px){.ptn-md{padding-top:0!important}.prn-md{padding-right:0!important}.pbn-md{padding-bottom:0!important}.pln-md{padding-left:0!important}.pt5-md{padding-top:5px!important}.pr5-md{padding-right:5px!important}.pb5-md{padding-bottom:5px!important}.pl5-md{padding-left:5px!important}}.mauto{margin-left:auto;margin-right:auto}.mn{margin:0!important}.m1{margin:1px!important}.m2{margin:2px!important}.m3{margin:3px!important}.m4{margin:4px!important}.m5{margin:5px!important}.m8{margin:8px!important}.m10{margin:10px!important}.m15{margin:15px!important}.m20{margin:20px!important}.m25{margin:25px!important}.m30{margin:30px!important}.m35{margin:35px!important}.m40{margin:40px!important}.m50{margin:50px!important}.mtn{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt70{margin-top:70px!important}.mrn{margin-right:0!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mbn{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px!important}.mb70{margin-bottom:70px!important}.mln{margin-left:0!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.mv5{margin-top:5px!important;margin-bottom:5px!important}.mv10{margin-top:10px!important;margin-bottom:10px!important}.mv15{margin-top:15px!important;margin-bottom:15px!important}.mv20{margin-top:20px!important;margin-bottom:20px!important}.mv25{margin-top:25px!important;margin-bottom:25px!important}.mv30{margin-top:30px!important;margin-bottom:30px!important}.mv40{margin-top:40px!important;margin-bottom:40px!important}.mv50{margin-top:50px!important;margin-bottom:50px!important}.mv70{margin-top:70px!important;margin-bottom:70px!important}.mh5{margin-left:5px!important;margin-right:5px!important}.mh10{margin-left:10px!important;margin-right:10px!important}.mh15{margin-left:15px!important;margin-right:15px!important}.mh20{margin-left:20px!important;margin-right:20px!important}.mh25{margin-left:25px!important;margin-right:25px!important}.mh30{margin-left:30px!important;margin-right:30px!important}.mh40{margin-left:40px!important;margin-right:40px!important}.mh50{margin-left:50px!important;margin-right:50px!important}.mh70{margin-left:70px!important;margin-right:70px!important}.mtn5{margin-top:-5px!important}.mtn10{margin-top:-10px!important}.mtn15{margin-top:-15px!important}.mtn20{margin-top:-20px!important}.mtn30{margin-top:-30px!important}.mrn5{margin-right:-5px!important}.mrn10{margin-right:-10px!important}.mrn15{margin-right:-15px!important}.mrn20{margin-right:-20px!important}.mrn30{margin-right:-30px!important}.mbn5{margin-bottom:-5px!important}.mbn10{margin-bottom:-10px!important}.mbn15{margin-bottom:-15px!important}.mbn20{margin-bottom:-20px!important}.mbn30{margin-bottom:-30px!important}.mln5{margin-left:-5px!important}.mln10{margin-left:-10px!important}.mln15{margin-left:-15px!important}.mln20{margin-left:-20px!important}.mln30{margin-left:-30px!important}.mvn5{margin-top:-5px!important;margin-bottom:-5px!important}.mvn10{margin-top:-10px!important;margin-bottom:-10px!important}.mvn15{margin-top:-15px!important;margin-bottom:-15px!important}.mvn20{margin-top:-20px!important;margin-bottom:-20px!important}.mvn30{margin-top:-30px!important;margin-bottom:-30px!important}.mhn5{margin-left:-5px!important;margin-right:-5px!important}.mhn10{margin-left:-10px!important;margin-right:-10px!important}.mhn15{margin-left:-15px!important;margin-right:-15px!important}.mhn20{margin-left:-20px!important;margin-right:-20px!important}.mhn30{margin-left:-30px!important;margin-right:-30px!important}.ps-searchbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;overflow-y:scroll;background-color:#ebebeb;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .4s cubic-bezier(.25, .46, .45, .94);-moz-transition:all .4s cubic-bezier(.25, .46, .45, .94);transition:all .4s cubic-bezier(.25, .46, .45, .94);visibility:hidden;opacity:0}.ps-searchbox__remove{position:absolute;top:20px;right:20px;width:50px;height:50px;background-color:#7263cf;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.ps-searchbox__remove i{position:absolute;top:50%;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%);font-size:20px;color:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.ps-searchbox.active{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}@media (max-width:767px){.ps-searchbox{padding-bottom:30px}.ps-searchbox__remove{top:10px;right:10px;width:30px;height:30px}.ps-searchbox__remove i{font-size:14px}}.searchbar{position:relative;width:100%;top:calc(50% - 70px/2);display:inline-block}.searchbox label{position:absolute;top:-20px;background:#ebebeb;padding:0 5px}.br-cust{border-color:#7263cf!important}.br-cust-light{border-color:#7263cfb3!important}.pac-container{z-index:10002!important}.h20{height:20px!important}.h30{height:30px!important}.h40{height:40px!important}.h50{height:50px!important}.h75{height:75px!important}.h100{height:100px!important}.h125{height:125px!important}.h150{height:150px!important}.h175{height:175px!important}.h200{height:200px!important}.h225{height:225px!important}.h250{height:250px!important}.h300{height:300px!important}.h320{height:320px!important}.h350{height:350px!important}.h400{height:400px!important}.h450{height:450px!important}.fit-cover{object-fit: cover;}