/*============================================================================================================= =========================This Style Is Reserved For Seedfist Management (https://management.seedfist.com/) ======== ==============================================================================================================*/ :root{--text-theme:#3A659D;/*rgb(58,101,157)*/ --text-warning:#FD4; --text-success:#229043ED; --text-danger:#9D3A65; --text-light:#FCFFFF; --text-lightcolor:#f2f6fc; --text-lightcolhover:#eeeedd; --color-grey:#f5f5f1; --text-dark:#494949; --text-light-dark:#717579; --text-mute:#F2F3F4; --ts-theme:0 0 1px rgba(0,0,0,0.5); --text-shadow:rgba(0,0,0,0.25); --bs-theme:0 0 16px -2px rgba(128,128,128,0.5); --bs-theme-head:0 1px 4px rgba(0,0,0,0.5); --bs-expanded:0 0 233px rgb(0 0 0 / 50%); --bs-card:0 0 0.37rem rgba(0,0,0,0.5); } html,body{font-size: 11px;} @media only screen and (max-width: 992px){body,html{font-size:12px !important;} } @media only screen and (max-width: 720px){body,html{font-size:11px !important;} } @media only screen and (max-width: 640px){body,html{font-size:10px !important;} } @media only screen and (max-width: 320px){body,html{font-size:10px !important;} } *{margin:0; padding:0; box-sizing:border-box; text-shadow:none; font-family:Metropolis,Arial,"Sans Serif";} *,*:focus,*:hover{ transition:0.35s; } *::selection{ background-color:var(--text-theme,#3A659D); color:var(--text-light,#FCFFFF); } ::-webkit-scrollbar{width:3px; height:3px; border:2px solid transparent; border-radius:10px; } ::-webkit-scrollbar-track{box-shadow:inset 0 0 3px rgba(128,128,128,0.9); cursor:pointer; border-radius:10px; } ::-webkit-scrollbar-thumb{ background:var(--text-theme,#3A659D); } /*@media (prefers-color-scheme:dark){ body{ filter: invert(85%) hue-rotate(180deg); } }*/ body{background-color:var(--text-lightcolor,#f2f6fc); color:var(--text-dark,#494949);} .sf-grid-main-content{margin: 2rem; padding: 1rem;} @media only screen and (max-width:786px){.sf-grid-main-content{margin: 0rem; padding: .15rem;}} .bs-theme{ box-shadow:var(--bs-theme,0 0 16px -2px rgba(128,128,128,0.5));} .bs-theme-head{ box-shadow:var(--bs-theme-head,0 1px 4px rgba(0,0,0,0.5)); } .bs-expanded{box-shadow:var(--bs-expanded,0 0 233px rgb(0 0 0 / 50%));} .border-bottom{border-bottom:2px solid var(--text-light,#FCFFFF);} .border-bottom-dark{border-bottom:2px solid var(--text-dark,#494949);} .border-bottom-alt{border-bottom:2px solid var(--text-mute,#F2F3F4);} .ts-theme{ text-shadow:var(--bs-theme,0 0 16px -2px rgba(128,128,128,0.5));} .ts-expanded{text-shadow:var(--bs-expanded,0 0 233px rgb(0 0 0 / 50%));} .w-100,.w-full{width:100% !important;} .w-50,.w-half{width:50% !important;} .of-none{overflow-x:hidden !important;} .sticky-top{position:sticky; position:-webkit-sticky; top:0; z-index:9; } .seedfist-icon-dropdown{position:relative;} .d-none,.d-hide{display:none;} .d-block{display:block;} .d-grid{display:grid;} .gap-1{grid-gap:1rem;} .grid-1{display:grid; grid-template-columns: auto;} .grid-2,.grid-res-1{display:grid; grid-template-columns: auto auto;} .d-grid-res-3,.grid-3{grid-template-columns:auto auto auto;} .d-grid-res-4,.grid-4{grid-template-columns:auto auto auto auto;} @media only screen and (max-width:786px){.d-grid-res-3{grid-template-columns: auto;} .d-grid-res-4{grid-template-columns:auto auto;} .grid-res-1{grid-template-columns:auto;}} @media only screen and (max-width:320px){.d-grid-res-4,.grid-res-1{grid-template-columns:auto;}} .seedfist-scroll{height:auto; max-height:150rem; overflow-y:auto;} .onselect-hidden{visibility:hidden;} .seedfist-loader{position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:rgba(255,255,255,0.5); z-index:11111;} .seedfist-loaderis{position:fixed; top:25%; left:47%; z-index:999; text-shadow:0 1px 8px rgba(120,120,120,0.35); font-size:48px; font-family:Metropolis,Arial,"Sans Serif"; color:var(--text-theme,#3A659D);} .seedfist-loaderis:after,.seedfist-loaderis:before{content:""; position:absolute; } .seedfist-loaderis:after{ top:0; left:-25px; border:6px solid var(--text-theme,#3A659D); border-right-color:transparent; border-radius:50%; padding:35px; animation:loading 1s infinite;} .seedfist-loaderis:before{ bottom:-28px; left:-45px; border:6px solid var(--text-theme,#3A659D); border-left-color:transparent; border-radius:50%; padding:55px; animation:loading-alt 1s infinite;} @keyframes loading{to{transform:rotate(360deg);}} @keyframes loading-alt{to{transform:rotate(-360deg);}} @media only screen and (max-width:768px){.seedfist-loaderis{left:45%;}} .price-discount-percent{background-color:var(--text-warning,#FD4); color:var(--text-light,#FCFFFF); font-weight:800; font-size:1.35rem; padding:0.65rem; border-radius:50%; box-shadow:var(--bs-theme-head,0 1px 4px rgba(0,0,0,0.5)); } /*====Seedfist Management Buttons & Links Begins====*/ .btn-none{border:none; background-color:transparent; outline:none; } .btn-box{border:2px solid var(--text-danger,#903A90);} .anker{cursor:pointer; text-decoration:none; color:var(--text-dark,#494949); border-bottom:2px solid transparent; margin:0 1rem;} .anker:hover,.anker:focus{border-color:var(--text-danger,#9D3A65); color:var(--text-danger,#9D3A65);} .seedfist-btn,.seedfist-btn-success,.seedfist-btn-alt,.seedfist-btn-danger-alt{font-size:1.5rem; padding:0.25rem 3.25rem !important; border:0.25rem solid var(--text-primary,#3A659D); border-radius:0.25rem; box-shadow:var(--bs-theme,0 0 16px -2px rgba(128,128,128,0.5)); width:100%;} .seedfist-btn{color:var(--text-theme,#3A659D);} .seedfist-btn:hover,seedfist-btn:focus{background-color:var(--text-theme,#3A659D); color:var(--text-light,#FCFFFF);} .seedfist-btn-alt{background-color:var(--text-theme,#3A659D); color:var(--text-light,#FCFFFF);} .seedfist-btn-alt:hover,seedfist-btn-alt:focus{background-color:var(--text-light,#FCFFFF); color:var(--text-theme,#3A659D);} .seedfist-btn-danger-alt{border-color:var(--text-danger,#9D3A65); background-color:var(--text-danger,#9D3A65); color:var(--text-light,#FCFFFF);} .seedfist-btn-danger-alt:hover,seedfist-btn-danger-alt:focus{background-color:var(--text-light,#FCFFFF); color:var(--text-danger,#9D3A65);} .seedfist-btn-success{border-color:var(--text-success,#229043ED); background-color:var(--text-success,#229043ED); color:var(--text-light,#FCFFFF);} .seedfist-btn-success:hover,seedfist-btn-success:focus{background-color:var(--text-light,#FCFFFF); color:var(--text-success,#229043ED);} .seedfist-link{cursor:pointer;} .seedfist-redirect{ z-index:2;} .seedfist-redirect-hover{text-align:left !important; width:100%; } .seedfist-redirect-hover:hover,.seedfist-redirect:hover,.sf-footer-link-active{cursor:pointer;background-color:var(--text-theme,#3A659D); color:var(--text-mute,#F2F3F4);} .seedfist-redirect-pad{padding-top:1rem !important; padding-bottom:1rem !important; font-weight:800 !important; transform:scale(1.25,1.25) !important;} .seedfist-redirect-hover:hover > span > svg > path,.seedfist-redirect:hover > span > svg > path,.sf-footer-link-active > span > svg > path{ fill:var(--text-mute,#F2F3F4) !important; } /*====Seedfist Management Buttons & Links Ends====*/ /*====Seedfist Management Background-Colors Begins====*/ .bg-light{background-color:var(--text-light,#FCFFFF) !important;} .bg-success{background-color:var(--text-success,#229043ED) !important;} .bg-warning{background-color:var(--text-warning,#FD4) !important;} .bg-danger{background-color:var(--text-danger,#9D3A65) !important;} .sup-data{color:var(--text-light,#FCFFFF) !important; border-radius:50%; padding:0.5rem;} .bg-secondary{background-color:var(--text-mute,#F2F3F4) !important;} .bg-theme{background-color:var(--text-theme,#3A659D) !important;} .bg-lightcolor{background-color:var(--text-lightcolor,#f2f6fc) !important;} .bg-light-border{background-color:var(--text-light,#FCFFFF) !important; border-color:var(--text-light,#FCFFFF) !important;} .bg-success-border{background-color:var(--text-success,#229043ED) !important; border-color:var(--text-success,#229043ED) !important;} .bg-warning-border{background-color:var(--text-warning,#FD4) !important; border-color:var(--text-warning,#FD4) !important;} .bg-danger-border{background-color:var(--text-danger,#9D3A65) !important; border-color:var(--text-danger,#9D3A65) !important;} .bg-secondary-border{background-color:var(--text-mute,#F2F3F4) !important; border-color:var(--text-mute,#F2F3F4) !important;} /*====Seedfist Management Background-Colors Ends====*/ /*====Seedfist Management Colors Begins====*/.text-res{display:none;} .text-success{color:var(--text-success,#229043ED) !important;} .text-warning{color:var(--text-warning,#FD4) !important;} .text-danger{color:var(--text-danger,#9D3A65) !important;} .sup-data{color:var(--text-light,#FCFFFF) !important; border-radius:50%; padding:0.5rem;} .text-secondary{color:var(--text-mute,#F2F3F4) !important;} .text-theme{color:var(--text-theme,#3A659D) !important;} .text-lightcolor{color:var(--text-lightcolor,#f2f6fc) !important;} .text-light{color:var(--text-light,#FCFFFF) !important;} .text-secondary{color:var(--text-mute,#F2F3F4) !important;} @media only screen and (max-width:992px){.text-res{display:block;}} /*====Seedfist Management Colors Ends====*/ /*====Seedfist Management Images Begins====*/ .img{margin:6rem !important;} .img-head{max-width:100%; width:auto;} @media only screen and (max-width:768px){ .img{margin:0 !important;} } /*====Seedfist Management Images Ends====*/ /*====Seedfist Management Borders Begins====*/ .border-bottom{border-bottom:2px solid; } .border-mute{border-color:var(--text-mute,#F2F3F4) !important;} /*====Seedfist Management Borders Ends====*/ /*====Seedfist Management Text Begins====*/ .text-center{text-align:center !important;} .text-left{text-align:left !important;} .text-right{text-align:right !important;} .float-right{float:right;} .float-center{float:center;} .text-blur{opacity:.25;} /*====Seedfist Management Text Ends====*/ /*====Seedfist Management Fonts Begins====*/ .fs-1{font-size:1rem !important;} .fs-125{font-size:1.25rem !important;} .fs-15{font-size:1.5rem !important;} .fs-175{font-size:1.75rem !important;} .fs-2,.fs-res-2{font-size:2rem !important;} .fs-3{font-size:3rem !important;} .fs-4{font-size:4rem !important;} .fs-5{font-size:5rem !important;} .fs-6{font-size:6rem !important;} .fs-7{font-size:7rem !important;} .fs-half{font-size:0.8em !important;} .fs-quarter{font-size:0.4em !important;} .fw-bold{font-weight:bold;} .fs-static-1{font-size:12px !important;} .fs-static-15{font-size:18px !important;} .fs-static-2{font-size:24px !important;} @media only screen and (max-width:992px){ .fs-half{font-size:0.7em !important;} } /*====Seedfist Management Fonts Ends====*/ /*====Seedfist Management Margin Begins====*/ .m-0{margin:0 !important;} .mt-0{margin-top:0 !important;} .mb-0{margin-bottom:0 !important;} .mr-0,.mr-res-0{margin-right:0 !important;} .ml-0{margin-left:0 !important;} .mt-1{margin-top:1rem !important;} .mt-2{margin-top:2rem !important;} .mt-3{margin-top:3rem !important;} .mt-4{margin-top:4rem !important;} .mt-5{margin-top:5rem !important;} .mt-6{margin-top:6rem !important;} .mb-1{margin-bottom:1rem !important;} .mb-2{margin-bottom:2rem !important;} .mb-3{margin-bottom:3rem !important;} .mb-4{margin-bottom:4rem !important;} .mb-5{margin-bottom:5rem !important;} .mb-6{margin-bottom:6rem !important;} .mr-1{margin-right:1rem !important;} .mr-2{margin-right:2rem !important;} .mr-3{margin-right:3rem !important;} .mr-4{margin-right:4rem !important;} .mr-5{margin-right:5rem !important;} .mr-6{margin-right:6rem !important;} .ml-1{margin-left:1rem !important;} .ml-2{margin-left:2rem !important;} .ml-3{margin-left:3rem !important;} .ml-4{margin-left:4rem !important;} .ml-5{margin-left:5rem !important;} .ml-6{margin-left:6rem !important;} .mtb-0{margin:0rem 0 !important;} .mtb-1{margin-top:1rem !important; margin-bottom:1rem !important; } .mtb-2{margin:2rem 0 !important;} .mtb-3{margin:3rem 0 !important;} .mtb-4{margin:4rem 0 !important;} .mtb-5{margin:5rem 0 !important;} .mtb-6{margin:6rem 0 !important;} .mtb-res-10{margin:10rem 0 !important;} .mt-res-2{margin-top:5rem !important;} .t-3{top:3rem !important;} .t-375{top:3.75rem !important;} .t-425,.t-res-425{top:4.25rem !important;} .t-5{top:5rem !important;} @media only screen and (max-width:992px){ .mr-res-0{margin:0 !Important;} .mt-res-2{margin-top:5rem !important;}} @media only screen and (min-width:992px){.mtb-res-10{margin:5rem 0 !important;}} @media only screen and (max-width:320px){.t-3{top:3rem !important;} .t-res-425{top:5.35rem !important;}} /*====Seedfist Management Margin Ends====*/ /*====Seedfist Management Padding Begins====*/ .p-0{padding:0 !important;} .pt-0{padding-top:0 !important;} .pb-0{padding-bottom:0 !important;} .pr-0{padding-right:0 !important;} .pl-0{padding-left:0 !important;} .p-half{padding:0.5rem !important;} .p-1{padding:1rem !important;} .p-2{padding:2rem !important;} .p-3{padding:3rem !important;} .p-4{padding:4rem !important;} .p-5{padding:5rem !important;} .p-6{padding:6rem !important;} .ptb-half{padding:0.5rem 0 !important;} .pt-half{padding-top:0.5rem !important;} .pt-1{padding-top:1rem !important;} .pt-2{padding-top:2rem !important;} .pt-3{padding-top:3rem !important;} .pt-4{padding-top:4rem !important;} .pt-5{padding-top:5rem !important;} .pt-6{padding-top:6rem !important;} .pb-1{padding-bottom:1rem !important;} .pb-2{padding-bottom:2rem !important;} .pb-3{padding-bottom:3rem !important;} .pb-4{padding-bottom:4rem !important;} .pb-5{padding-bottom:5rem !important;} .pb-6{padding-bottom:6rem !important;} .pr-1{padding-right:1rem !important;} .pr-2{padding-right:2rem !important;} .pr-3{padding-right:3rem !important;} .pr-4{padding-right:4rem !important;} .pr-5{padding-right:5rem !important;} .pr-6{padding-right:6rem !important;} .pl-1{padding-left:1rem !important;} .pl-2{padding-left:2rem !important;} .pl-3{padding-left:3rem !important;} .pl-4{padding-left:4rem !important;} .pl-5{padding-left:5rem !important;} .pl-6{padding-left:6rem !important;} .ptb-0{padding-top:0rem !important; padding-bottom:0rem !important;} .ptb-1{padding:1rem 0 !important;} .ptb-2{padding:2rem 0 !important;} .ptb-3{padding:3rem 0 !important;} .ptb-4{padding:4rem 0 !important;} .ptb-5{padding:5rem 0 !important;} .ptb-6{padding:6rem 0 !important;} .plr-0{padding:0 0rem !important;} .plr-1{padding-left:1rem !important; padding-right:1rem !important; } .plr-2{padding-left:2rem !important; padding-right:2rem !important; } .plr-3{padding-left:3rem !important; padding-right:3rem !important; } .plr-4{padding-left:4rem !important; padding-right:4rem !important; } .plr-5{padding-left:5rem !important; padding-right:5rem !important; } .plr-6{padding-left:6rem !important; padding-right:6rem !important; } .pt-res-2{padding-top:5rem !important;} @media only screen and (max-width:992px){.p-mob-half{padding:0.5rem 0 !important;} .pt-res-2{padding-top:2rem !important;}} /*====Seedfist Management Padding Ends====*/ /*====Seedfist Management Cards Begins====*/ .seedfist-card{box-shadow:var(--bs-card,0 0 0.37rem rgba(0,0,0,0.5));} .seedfist-card-head,.seedfist-card-head-alt{text-align:center; display:flex; place-items:center; justify-content:center; font-size:2.25rem; word-spacing:0.5rem; padding:0.5rem 0; margin:0; border-bottom:0.25rem solid var(--text-mute,#F2F3F4);} .seedfist-card-head:before{content:url("../seedfist_management_conf/logo.png"); display:inline-block; } /*====Seedfist Management Cards Ends====*/ /*====Seedfist Management Form Begins====*/label{font-weight:normal;} textarea{resize:none;} .seedfist-btn-cross{background-color:transparent; border:none; outline:none; float:right; padding:0.125rem 1rem; font-size:2rem; cursor:pointer;} .seedfist-label{font-weight:700;} .seedfist-form-input,.seedfist-mail-input{width:100%; border:none; border-bottom:0.2rem solid var(--text-light-dark,#717579); padding:0.2rem 0.5rem;} .seedfist-form-input:focus{ border-bottom-color:var(--text-dark,#494949); } .seedfist-form-input:focus,.seedfist-form-submit:focus,.seedfist-form-submit-alt:focus,.seedfist-mail-input:focus,.seedfist-form-file:focus,.seedfist-popup-btn,.seedfist-popup-btn:focus{outline:none;} input[type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; } .seedfist-form-file,::-webkit-file-upload-button{background-color:var(--text-light,#FCFFFF); color:var(--text-dark,#494949); outline:none; border-radius:3rem; box-shadow:var(--bs-theme,0 0 8px rgba(0,0,0,0.5)); width:150px; border:none;} ::-webkit-file-upload-button{background-color:var(--text-success,#229043ED); color:var(--text-light,#FCFFFF); padding:0.25rem; } .seedfist-form-incolor{-webkit-appearance:none; -moz-appearance:none; appearance:none; width:50px; height:50px; background-color:transparent; border:none; cursor:pointer; box-shadow:var(--bs-theme,0 0 16px -2px rgba(128,128,128,0.5)); border-radius:50%; margin:0 1rem; padding:0;} .seedfist-form-incolor::-webkit-color-swatch{border-radius:50%; border:none;} .seedfist-form-infile,.seedfist-preview-image{-webkit-appearance:none; -moz-appearance:none; appearance:none; width:120px; height:120px; background-color:transparent; border:none; cursor:pointer; box-shadow:var(--bs-theme,0 0 16px -2px rgba(128,128,128,0.5)); border-radius:1rem; margin:0.25rem 1rem; padding:0;} .seedfist-form-infile::-webkit-color-swatch{border-radius:50%; border:none;} .seedfist-input-preview{position:relative; width:100%;} .seedfist-input-cross{position:absolute; top:0; border:none;} .seedfist-input-erase{border:none; outline:none;} .seedfist-form-submit,.seedfist-form-submit-alt,.seedfist-popup-btn{ background-color:var(--text-primary,#3A659D); color:var(--text-light,#FCFFFF); padding:0.5rem 4.5rem; border-radius:2rem; outline:none; border:2px solid var(--text-theme,#3A659D); } .seedfist-form-submit-alt{ background-color:var(--text-light,#FCFFFF); color:var(--text-primary,#3A659D); } .seedfist-form-submit:hover,.seedfist-popup-btn:hover{text-decoration:none; color:var(--text-primary,#3A659D); background-color:var(--text-light,#FCFFFF); } .seedfist-form-submit-alt:hover{text-decoration:none; color:var(--text-light,#FCFFFF); background-color:var(--text-primary,#3A659D); } .img-preview{position:relative; background-color:var(--text-mute,#F2F3F4); width:100%; height:100px; } .seedfist-img-file{position:relative; width:99.99%; background-color:var(--text-theme,#3A659D); color:var(--text-light,#FCFFFF); } .img-brand{width:50px;} .img-logo{width:100px;} .img-profile,.img-profile-top{width:50px; border-radius:50%; box-shadow:var(--bs-theme,0 0 2px rgba(128,128,128,0.5));} .seedfist-popup-btn{border-radius:0;} .img-profile-top{width:25px;} .span-alert{float:right; color:var(--text-danger,#903A90);} @media only screen and (max-width:320px){ .seedfist-form-submit,.seedfist-form-submit-alt{padding:0.25rem 1.5rem;} } /*====Seedfist Management Form Ends====*/ /*====Seedfist Management Cards Begins====*/ .sf-card{--br:1rem; margin:2rem !important; background-color:var(--text-lightcolor,#f2f6fc); box-shadow:var(--bs-theme,0 0 0 rgba(128,128,128,0.5)); border-top-left-radius:var(--br); border-top-right-radius:var(--br); border-bottom-right-radius:var(--br); border-bottom-left-radius:var(--br);} .sf-card-normal{ background-color:var(--text-lightcolor,#f2f6fc); box-shadow:var(--bs-theme,0 0 0 rgba(128,128,128,0.5));} .card-head{--br:1rem; border-top-left-radius:var(--br); border-top-right-radius:var(--br); background-color:var(--text-theme,#3A659D); color:var(--text-light,#FCFFFF); padding:0.8rem 3.2rem; } @media only screen and (max-width:768px){ .sf-card{margin:2rem 0 !important;} } /*====Seedfist Management Cards Ends====*/ /*====Seedfist Management Hover Begins====*/ .hover-effect{box-shadow:inset; transition:0.5s;} .hover-effect:hover{box-shadow:var(--bs-theme-head,0 0 0 rgba(128,128,128,0.5)); transition:0.25s;} /*====Seedfist Management Hover Ends====*/ /*====Seedfist Management Navbar Begins====*/ .sf-navbar{position:sticky; position: -webkit-sticky; z-index:9999; top:0; display:grid; grid-template-columns:10% 70% 20%; width:100%; background-color:var(--text-lightcolor,#f2f6fc); box-shadow:var(--bs-theme,1px 3px 4px rgba(128,128,128,0.5));} .sf-navbar-brand:before{content:url('../conf.seedfist.management/seedfist-horizontal.png');} .content-res-item{display:none;} .navbar-top-grid{display:grid; width:100%; grid-template-columns: auto auto auto auto; } .navbar-item{padding:0 1rem; } .navbar-link{text-decoration:none; outline:none;} /*===Notification popup Begins===*/ .sf-nav-popup{ position:relative; display:inline-block;} .sf-nav-popuplist{display:none; position:absolute; background-color:var(--text-lightcolor,#f2f6fc); box-shadow:var(--bs-theme,0 0 2px rgba(128,128,128,0.5)); left:0 !important; width:250px; max-height:calc(100vh - 30vh); overflow:hidden; overflow-y:auto; } .sf-nav-popupfooter{left:0; bottom:0rem;} .sf-nav-popupitem{ border-bottom:2px solid var(--text-dark,#494949); margin-bottom:1rem !important; } .sf-nav-popup:hover .sf-nav-popuplist{display:block;} /*===Notification popup Ends===*/ .create-side-menu{cursor:pointer;} .sf-nav-side{ position:fixed; left:0; z-index:1; width:calc(100vw - 85vw); height:calc(100vh - 2rem); overflow:hidden; overflow-y:auto;} @media only screen and (max-width:992px){ .sf-nav-side,.navbar-top-grid{display:none;} .sf-nav-side{ top:0; z-index:10001; width:calc(100vw - 40vw); height:calc(100vh - 0vh);} .content-res-item{display:block;} .sf-navbar{grid-template-columns:15% 15% 55% 15%;} } @media only screen and (max-width:320px){.sf-nav-side{width:calc(100vw - 20vw); }} /*====Seedfist Management Navbar Ends====*/ /*====Seedfist Management Footer Begins====*/ .sf-footer{position:fixed; bottom:0; width:100%; background-color:var(--text-lightcolor,#f2f6fc); display:grid; grid-template-columns:33.33% 33.33% 33.33%; box-shadow:var(--bs-theme,0 0 2px rgba(128,128,128,0.5)); } .sf-footer-item{line-height:1;} .sf-footer-link{padding:1.5rem 1.5rem; line-height:1; text-decoration:none; cursor:pointer; text-align:center;} @media only screen and (min-width:992px){.sf-footer{display:none;}} /*====Seedfist Management Footer Ends====*/ /*====Seedfist Management Content Begins====*/ .sf-grid-content{display:grid; grid-template-columns: 15% 85%;} @media only screen and (max-width:992px){ .sf-grid-content{grid-template-columns: 100%;} } /*====Seedfist Management Content Ends====*/ .preview-btn{border:none; padding:0.5rem 2.25rem; width:100%; background-color:var(--text-lightcolhover,#eeeedd); color:var(--text-dark,#494949) } .preview-btn:hover{background-color:var(--text-light,#f2f6fc); } /*====Seedfist Management Borders Begins====*/ .border-bottom-1{border-bottom:2px solid var(--text-dark,#494949);} .border-top-3{border-top:8px solid var(--text-dark,#494949);} .border-1{border-top:2px solid var(--text-dark,#494949);} /*====Seedfist Management Content Ends====*/ .pic-preview{position:relative; width:100%; height:5rem; border-radius:50%;} .seedfist-pic-input{position:absolute; width:100%; height:100%; background-color: var(--text-mute,#F2F3F4); top:0; left:0;} /*======Seedfist Management Popup Begins=================*/ .seedfist-popup{display:none; top:0; left:0; background-color: var(--text-shadow,rgba(0,0,0,0.25)); position:fixed; z-index:9999; width:100%; height:calc(100vh - 0vh); box-shadow:var(--bs-theme,0 0 16px 0.5); overflow-y:auto;} @media only screen and (max-width:768px){.seedfist-popup{ height:calc(100vh - 2vh);}} /*======Seedfist Management Popup Ends=================*/ /*======Seedfist Management Popup Alert Begins=================*/ .sf-popup-alert{position:fixed; z-index:99999; top:15%; right:0; box-shadow:var(--bs-expanded,0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)); width:calc(100vw - 70vw); height:auto; max-height:calc(100vh - 15%); overflow:hidden; overflow-y:auto; padding:0.5rem 1.25rem; font-size:1.25rem; color:var(--text-lightcolor,#FFFFFF); -moz-animation: autoHide 0s ease-in 10s forwards; -webkit-animation: autoHide 0s ease-in 10s forwards; -o-animation: autoHide 0s ease-in 10s forwards; animation: autoHide 0s ease-in 10s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes autoHide { to {width:0;height:0;overflow:hidden; padding:0;} } @-webkit-keyframes autoHide { to { width:0; height:0; visibility:hidden; padding:0;} } .sf-popup-alertmessages{box-shadow:var(--bs-expanded,0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)); width:100%; padding:0.5rem 0.12rem 0.5rem 1rem; margin:1rem 0; } @media only screen and (max-width:992px){ .sf-popup-alert{ width:calc(100vw - 30vw); } } /*======Seedfist Management Popup Alert Ends=================*/ /*======Seedfist Management Common Icons Befins=================*/ .sf-icon-pos-right:after,.sf-icon-pos-right:before{ content:""; float:right;} .sf-icon-arrow-right:after{content:"\276F"; } .sf-icon-arrow-down:after{content:"\276F"; display:inline-block; transform:rotate(90deg); transform:-webkit-rotate(90deg); transform:-o-rotate(90deg); transform:-ms-rotate(90deg); transform:-moz-rotate(90deg); } /*======Seedfist Management Common Icons Ends=================*/ .scale-125{transform:scale(1.25);} .scale-15,.scale-res-15{transform:scale(1.5,1.5);} .scale-2{transform:scale(2.25,2.25); } .scale-res-2{transform:scale(1.75,1.75); } @media only screen and (max-width:992px){.scale-res-15{transform:scale(1,1);} .scale-2{transform:scale(1.75,1.75);} } .word-wrap{word-break:break-word;} .hr-finite{background-color:var(--text-mute,#F2F3F4); white-space: nowrap; overflow:hidden; overflow-x:auto; } .hr-finite-item{display: inline-block; text-align: center; padding: 1rem; text-decoration: none; } .vr-finite{background-color:var(--text-light,#FFFFFF); white-space: nowrap; height:auto; max-height:calc(100vh - 16vh); overflow:hidden; overflow-y:auto; } @media only screen and (max-width:992px){ .vr-finite{ max-height:calc(100vh - 28vh); } } .cursor-pointer,.seedfist-preview{cursor:pointer !important;} .seedfist-data-previewHeader{display:none;} .seedfist-data-previewFooter{position:absolute; bottom:0; width:100%; background-color:var(--text-lightcolor,#f2f6fc); box-shadow:var(--bs-theme,0 0 2px rgba(128,128,128,0.5)); } .sf-card-lh{padding:1rem 0;} .seedfist-navigate:hover,.seedfist-navigate-active{background-color:var(--text-lightcolhover,#eeeedd); } .seedfist-navigate-active{ font-weight:bold;} .seedfist-navigation{display:none; } .seedfist-navigation-active{display:block;} .ck-editor{width:100% !important;} .ck-editor__editable_inline{width:100%; min-height:200px; max-height:300px; overflow:auto; border:0.5rem solid var(--text-mute,#F2F3F4) !important; } .justify-content-center{margin:auto;} .seedfist-mail-input{border:none; border-bottom:2px solid var(--text-dark,#494949); width:90%;} .mail-navbar-toggle,.mail-composer-back{display:none;} @media only screen and (max-width:992px){ .mail-navbar-toggle{display:block; cursor:pointer;} .mail-composer,.mail-navbar{display:none; position:fixed; z-index:10002; top:4rem; left:0; width:calc(100vw - 40vw); height:100%; box-shadow:var(--bs-theme,0 0 16px -2px rgba(128,128,128,0.5)); } .mail-composer-back{display:block; cursor:pointer;} .mail-composer{width:100%; z-index:10003; background-color:var(--text-light,#FFFFFF); } } .switch{ position: relative; display: inline-block; width: 60px; height: 34px;} .switch input{ opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--text-dark,#494949); -webkit-transition: .4s; transition: .4s; } .slider:before{position: absolute; content: ""; height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: var(--text-light,#FCFFFF);-webkit-transition: .4s; transition: .4s;} input:checked + .slider {background-color: var(--text-theme,#3A659D);} input:focus + .slider {box-shadow: 0 0 1px var(--text-theme,#3A659D);} input:checked + .slider:before{-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);} .slider.round{border-radius: 25px;} .slider.round:before{border-radius: 50%;} .seedfist-chechbox-container{display: inline-block; position: relative; padding-right: 1.5rem; padding-left: 2.5rem; margin-bottom: 1rem; cursor: pointer; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .seedfist-chechbox-container .seedfist-form-checkbox{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .seedfist-form-checkmark{position: absolute; top: 0; left: 0; height: 1.5rem; width: 1.5rem; background-color: var(--text-lightcolhover,#eeeedd); box-shadow:0 0 4px 1px rgba(0,0,0,0.5);} .seedfist-chechbox-container:hover .seedfist-form-checkbox ~ .seedfist-form-checkmark { background-color: var(--text-mute,#F2F3F4); } .seedfist-chechbox-container .seedfist-form-checkbox:checked ~ .seedfist-form-checkmark { background-color: var(--text-theme,#3A659D); } .seedfist-form-checkmark:after { content: ""; position: absolute; display: none; } .seedfist-chechbox-container .seedfist-form-checkbox:checked ~ .seedfist-form-checkmark:after { display: block; } .seedfist-chechbox-container .seedfist-form-checkmark:after { left: 0.5rem; top: 0.35rem; width: 0.5rem; height: 10px; border:1rem solid var(--text-light,#FCFFFF); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } table tr{padding:2rem !important;} table tr th{font-weight:bold !important;} table tr td{padding:1rem 1rem !important;} .border-theme-2{border:2px solid var(--text-theme,#3A659D);} .border-theme-5{border:5px solid var(--text-theme,#3A659D);} .table-border{ border-collapse: collapse; border-spacing: 0; width:100%; border:2px solid var(--color-dark,#2e2f33); } .table-border > th, .table-border > tr{ text-align: left; width:100%; border:2px solid var(--color-dark,#2e2f33); border-spacing: 0; } th{padding:0.5rem 1rem; border:2px solid var(--color-dark,#2e2f33); } .table-border > td,td > table{width:100%;} .table-border-nowidth{ border-collapse: collapse; border-spacing: 0; border:2px solid var(--color-dark,#2e2f33);} .table-border > tr:nth-child(even){background-color:var(--color-greydarklight,#efe9e9);} .trtd-pad>td{padding:1rem 0 !important;} .paginate{padding:0.25rem 1rem; display:flex; width:100%; justify-content:space-around; align-items: center; list-style-type: none;} .paginate-nav{padding:0.5rem; text-decoration:none; color:var(--color-dark,#2e2f2e); font-weight:bold; transition:0.35s; } .paginate-nav:focus,.paginate-nav:hover,.paginate-nav-active{outline:none; transition:0.35s; background-color:var(--color-dark,#2e2f2e); border-radius:50%; color:var(--color-white,#FFFFFF); } .paginate-dots{font-size:2rem; font-weight:bold;}