:root{
  --icon-slide-btn:#626262;
  --hover-primary: #374BBE;
  --hover-danger:#BE4646;
  --primary-300:#455eed;
  --primary-400:#374BBE;


}
:root .dark{
  --primary-300:#455eed;
  --icon-slide-btn:#999999;
  --primary-400:#374BBE;

}
.slick-list {
  height: 162px;
}
.slick-track {
  height: 162px;
}

.max-h-143 {
  /* max-height: 175px; */
  max-height: 143px;
  height:143px;
  }
.max-h-80 {
  /* max-height: 80px; */
  max-height: 80px;
}
.w-\[289px\] {
  width: 289px;
}
/* .slick-slide{
  margin-right:1.0rem;
} */

.upload-image-container{
  width: 32px;
    height: 32px;
    object-fit: contain;
}
.infinite-scroll-component__outerdiv{
  height:100%
}
.infinite-scroll-component__outerdiv .grid{
  grid-auto-rows: max-content;
}

.masonry--3 .card-template {
  width: -webkit-calc(100% / 3 - 2 * 10px);
  width: calc(100% / 3 - 2 * 10px);
  aspect-ratio: auto;
  padding: 2px;
}

.infinite-scroll-component::-webkit-scrollbar{
  width: 4px;
  background-color: #EDEDED;
}

.align-content-baseline{
  align-content: baseline;
}
.simplebar-content{
  height: 100%;
}
.position-absolute{
  position: absolute;
}
.h-\[calc\(100vh-20vh\)\]{
  height:calc(100vh - 20vh);
}
.slick-slide{
  margin-right: 5px;
}

.bg-onboarding {
  background-image:url("/assets/react_dashboard_build/static/media/onboarding.png"),url("https://app-dev.glorify.com/assets/react_dashboard_build/static/media/onboarding.png")!important;
}

.sales-user .bg-onboarding {
  background-image:url("/assets/react_dashboard_build/static/media/onboarding-sales.png"),url("https://app-dev.glorify.com/assets/react_dashboard_build/static/media/onboarding-sales.png")!important;
}


.slick-slide > div {
  width: 100%;
}
.max-h-\[50vh\]{
  max-height: 50vh;
}
.min-h-\[550px\]{
min-height: 550px;
}

.cursor-pointer{
  cursor: pointer !important;
}
.h-\[calc\(100vh-445px\)\] {
  height: -webkit-calc(100vh - 445px);
  height: calc(100vh - 445px);
}
.h-\[calc\(100vh-387px\)\] {
  height: -webkit-calc(100vh - 387px);
  height: calc(100vh - 387px);
}
.h-\[calc\(100vh-402px\)\] {
  height: -webkit-calc(100vh - 402px);
  height: calc(100vh - 402px);
}
.h-\[calc\(100vh-130px\)\] {
  height: -webkit-calc(100vh - 130px);
  height: calc(100vh - 130px);
}
.max-h-\[232px\] {
  max-height: 232px;
}
.max-h-\[577px\] {
  max-height: 577px;
}
.h-\[calc\(100vh-132px\)\] {
  height: -webkit-calc(100vh - 132px);
  height: calc(100vh - 132px);
}
.create-design-modal .carousel--common .slick-slide {
  margin-right: 0.5rem;
}

.h-\[106px\] {
  height: 106px;
}
.object-fill {
  -o-object-fit: fill;
  object-fit: fill;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}

.pb-\[65px\]{
  padding-bottom: 65px;
}
/*input:-internal-autofill-selected{*/
/*  background-color: transparent !important;*/
/*  background-color: var(--transparent) !important;*/
/*}*/
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}
.cursor-wait {
  cursor: wait !important;
}
.display-none {
  display: none;
}
.dark .invert-100{
  -webkit-filter: invert(100%); /* Safari/Chrome */
  filter: invert(100%);
}
.h-\[calc\(100vh-99px\)\]{
  height:calc(100vh - 99px);
}
.h-\[calc\(100vh-54px\)\]{
  height:calc(100vh - 54px);
}
.h-\[166px\] {
  height: 166.19px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.upgrade-plan-button:after{
  border-radius: 8px;
}
.bg-white{
  background-color: white;
}
.text-\[11px\] {
  font-size: 11px;
}
.w-\[7\.75rem\]{
  width: 7.75rem;
}
.w-\[62vw\]{
  width: 62vw;
}
.h-\[40px\]{
  height:40px ;
}
.w-\[40px\]{
  width:40px ;
}
.top_Left_right-rounded-\[8px\]{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.dark .square-bar::-webkit-scrollbar-track {
  background-color: var(--light-100);
}
.min-h-\[192px\] {
  min-height: 192px;
}
.capitalize-first-letter::first-letter {
  text-transform: capitalize;
}
input[id^="rc-editable-input-"]
 {
    background-color: #F6F6F6 !important;
    background-color: var(--light-200) !important;
    color: #111111 !important;
    color: var(--light-700)  !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.carousel--common .slick-slide{
  margin-right: 0px!important;
  padding-right: 12px!important;
}
.slick-track{
  margin-left: 0px!important;
  width:3760px;
}
.max-w-\[176px\] {
  max-width: 176px;
}

.sm\:w-1\/2 {
  width: 50%;
}
.min-h-\[561px\] {
  min-height: 561px;
}
.w-\[25vw\] {
  width: 25vw;;
}
.card-filter:hover .card-filter__box {
  color: #455EED !important;
  color: var(--primary-300) !important;
}
card-filter.checked .card-filter__box {
  color: #455EED !important;
  color: var(--primary-300) !important;
}
.card-filter .card-filter__bg:after {
  background-color: #eceffd  !important;
  background-color: var(--primary-100)  !important;
}
.card-filter:hover .card-filter__box {
  background-color: #eceffd  !important;
  background-color: var(--primary-100)  !important;
}
.card-filter:focus-visible .card-filter__box {
  background-color: #eceffd  !important;
  background-color: var(--primary-100)  !important;
}
.card-filter:focus-visible .card-filter__box {
  color: #455EED !important;
  color: var(--primary-300) !important;
}
.card-filter.checked .card-filter__box {
  color: #455EED !important;
  color: var(--primary-300) !important;
}
.h-\[80vh\]{
  height: 80vh;
}
.h-\[60vh\]{
  height: 60vh;
}
.w-\[80vw\]{
  width: 80vw;
}
.max-h-\[80vh\]{
  height: 80vh;
}
.pl-1 {
  padding-left: 1rem;
}
.greyimp{
  color:grey !important;
}
.ml-\[347px\]{
  margin-left: 347px;
}
.basicPLan:hover{
  background-color: #C7CFFA;
  background-color: var(--primary-200);
}
.basicPlanText {
  color:#29388E !important;
}
.dark .basicPlanText{
  color: #ffffff !important;
}
.basicPLan{
  background-color: #d5d8ea;
  background-color: var(--primary-100);
}
.h-\[314px\]{
  height: 314px;
}
.dark .toggle.on {
  border-color: #111111 !important;
  border-color: var(--light-700) !important;
}
.black{
  color:black;
}
.h-\[70vh\]{
height: 70vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}

.gif-sibling{
  z-index: 1;
}
.template-preview-img{
  z-index: 2;
}
.template__wrapper:hover
.template-preview-img.has-gif-sibling
{
  z-index: 0;
}
.active .primary-filter {
    filter: invert(32%) sepia(94%) saturate(4352%) hue-rotate(228deg) brightness(103%) contrast(86%);
}

.main-dashboard {
    height: calc(100vh - 55px) !important;
    min-height: calc(100vh - 55px) !important;
}

.dashboard__tab-panel-grids {
    grid-template-rows: max-content;
}

.button-disabled {
    background: #455EED1A;
}

.dark .button-disabled {
    background: var(--primary-700);
}

.text-disabled-btn {
    color: #9395A0 !important;
}

.dark .text-disabled-btn {
    color: #ffffff80 !important;
}