/*@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-MediumItalic.eot');
src: local('GothamSSm Medium Italic'), local('GothamSSm-MediumItalic'),
url('/fonts-gotham/GothamSSm-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-MediumItalic.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-MediumItalic.woff') format('woff'),
url('/fonts-gotham/GothamSSm-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-Book.eot');
src: local('GothamSSm Book'), local('GothamSSm-Book'),
url('/fonts-gotham/GothamSSm-Book.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-Book.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-Book.woff') format('woff'),
url('/fonts-gotham/GothamSSm-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-XLight.eot');
src: local('GothamSSm ExtraLight'), local('GothamSSm-XLight'),
url('/fonts-gotham/GothamSSm-XLight.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-XLight.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-XLight.woff') format('woff'),
url('/fonts-gotham/GothamSSm-XLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-LightItalic.eot');
src: local('GothamSSm Light Italic'), local('GothamSSm-LightItalic'),
url('/fonts-gotham/GothamSSm-LightItalic.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-LightItalic.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-LightItalic.woff') format('woff'),
url('/fonts-gotham/GothamSSm-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-Medium.eot');
src: local('GothamSSm Medium'), local('GothamSSm-Medium'),
url('/fonts-gotham/GothamSSm-Medium.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-Medium.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-Medium.woff') format('woff'),
url('/fonts-gotham/GothamSSm-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-BookItalic.eot');
src: local('GothamSSm Book Italic'), local('GothamSSm-BookItalic'),
url('/fonts-gotham/GothamSSm-BookItalic.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-BookItalic.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-BookItalic.woff') format('woff'),
url('/fonts-gotham/GothamSSm-BookItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-Black.eot');
src: local('GothamSSm Black'), local('GothamSSm-Black'),
url('/fonts-gotham/GothamSSm-Black.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-Black.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-Black.woff') format('woff'),
url('/fonts-gotham/GothamSSm-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-BlackItalic.eot');
src: local('GothamSSm Black Italic'), local('GothamSSm-BlackItalic'),
url('/fonts-gotham/GothamSSm-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-BlackItalic.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-BlackItalic.woff') format('woff'),
url('/fonts-gotham/GothamSSm-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-XLightItalic.eot');
src: local('GothamSSm ExtraLight Italic'), local('GothamSSm-XLightItalic'),
url('/fonts-gotham/GothamSSm-XLightItalic.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-XLightItalic.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-XLightItalic.woff') format('woff'),
url('/fonts-gotham/GothamSSm-XLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-Light.eot');
src: local('GothamSSm Light'), local('GothamSSm-Light'),
url('/fonts-gotham/GothamSSm-Light.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-Light.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-Light.woff') format('woff'),
url('/fonts-gotham/GothamSSm-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-Bold.eot');
src: local('GothamSSm Bold'), local('GothamSSm-Bold'),
url('/fonts-gotham/GothamSSm-Bold.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-Bold.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-Bold.woff') format('woff'),
url('/fonts-gotham/GothamSSm-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'GothamSSm';
src: url('/fonts-gotham/GothamSSm-BoldItalic.eot');
src: local('GothamSSm Bold Italic'), local('GothamSSm-BoldItalic'),
url('/fonts-gotham/GothamSSm-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('/fonts-gotham/GothamSSm-BoldItalic.woff2') format('woff2'),
url('/fonts-gotham/GothamSSm-BoldItalic.woff') format('woff'),
url('/fonts-gotham/GothamSSm-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}*/
/* Change the white to any color */
.input:-webkit-autofill,
.input:-webkit-autofill:hover,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:active, input:-internal-autofill-selected{
color:#000;
font-size: 14px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset;
-webkit-background-clip: text;
}
input {
height: 40px;
border-radius: 4px;
font-size: 14px;//
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important; font-family: "DM Sans", sans-serif; */ font-family: "DM Sans", sans-serif !important;
}
.input,
.input:hover,
.input:focus,
.input:active{
/*-webkit-box-shadow: 0 0 0 30px #fff inset !important;
-webkit-text-fill-color:#000 !important;*/
color:#000;
}
.input[type="checkbox"],
.input[type="checkbox"]:hover,
.input[type="checkbox"]:focus,
.input[type="checkbox"]:active{
-webkit-box-shadow: none !important;
}
input:focus {
outline-width: 1px;
/* outline: auto; */
outline-style: solid;
}
::-moz-selection {
color: white;
background: #6c00ff;
}
::selection {
color: white !important;
background: #6c00ff !important;
-webkit-text-fill-color: #fff !important;
}
html {
/*scrollbar-width: thin;*/
}
body, p, h2, h3 {
/* font-family: Eina03, "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
}
h1{
/* font-family: Eina03, "Open Sans", Helvetica, "Helvetica Neue", Arial !important;font-family: new-order, 'sans-serif';*/
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif;
}
body {
background: #f5f5f5;
}
/*
html {
overflow: hidden;
width: 100%;
}
body {
height: 100%;
position: fixed;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
*/
h1 {
font-size: 33px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 13px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
#btn-chat {
width: 100px;
height: 35px;
margin-top: 20px;
}
#btn-input {
margin-top: 20px;
}
#msg_div0 {
position: absolute !important;
top: 600px !important;
}
button:focus {
outline: 0 !important;
}
.bg-coming-soon {
background-image: url(/images/pages-home-top-banner-light.jpg) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
min-height: 100vh;
}
.redalertbg, .filesizealert {
background-color: #de0b0b !important;
color: #ffffff !important;
}
.filesizealert {
color: #de0b0b !important;
background: transparent !important;
/*display: inline;*/
}
.filesizealert-i i {
color: #de0b0b !important;
}
.add-files-icon.ac-purple {
color: #6c00ff !important;
}
.filesizealert-i i.add-files-icon.ac-purple {
color: #de0b0b !important;
}
.alert-send {
color: #ffffff;
line-height: 1em;
background: #de0b0b;
width: 45px;
height: 45px;
margin:0 auto !important;
}
/*SIMPLE SLIDER */
.layout-simple-slider {
position: relative;
overflow: hidden;
border-radius: 4px;
}
.layout-simple-slider ul {
position: relative;
padding: 0;
list-style: none;
overflow: hidden;
display: flex;
}
.hideAfter {
position: relative;
padding: 0;
list-style: none;
overflow: hidden;
}
.layout-simple-slider ul li {
position: relative;
float: left;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
.break-word {
word-break: break-word;
}
.container-slider {
--n: 1;
display: flex;
align-items: center;
overflow-y: hidden;
width: 100%;
width: calc(var(--n)*100%);
transform: translate(calc(var(--tx, 0px) + var(--i, 0)/var(--n)*-100%));
}
.container-slider img {
/*width: 100%;
width: calc(100%/var(--n));*/
user-select: none;
pointer-events: none;
}
.smooth {
/*transition: transform calc(var(--f, 1)*.5s) ease-out;*/
transition: transform 0.6s;
}
a.control_prev, a.control_next {
position: absolute;
top: 40%;
z-index: 999;
display: block;
padding: 4% 3%;
width: auto;
height: auto;
background: #2a2a2a;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 18px;
opacity: 0.8;
cursor: pointer;
}
a.control_prev:hover, a.control_next:hover {
opacity: 1;
-webkit-transition: all 0.2s ease;
}
a.control_prev {
border-radius: 0 2px 2px 0;
}
a.control_next {
right: 0;
border-radius: 2px 0 0 2px;
}
.modal input,
.modal input:hover,
.modal input:focus,
.modal input:active{
outline: none;
}
.slider_option {
position: relative;
margin: 10px auto;
width: 160px;
font-size: 18px;
}
.modal-body.h-full{
/*min-height: -moz-available; /* WebKit-based browsers will ignore this. */
/*min-height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
/*min-height: fill-available;*/
}
.draggable {
}
.dash-badge{
min-width: 4rem;
}
.draggable.borderdrag{
border: 2px solid #e3e3e3;
}
.draggable.over {
border: 2px dotted #fec922;
}
.border-purple {
border: 2px solid #6c00ff !important;
}
.border-transparent {
border-color: transparent;
}
form.login-form i.bi-eye-slash, form.reset-form i.bi-eye-slash, form.sign-up-form .pass-section i.bi-eye-slash, form.login-form i.bi-eye, form.reset-form i.bi-eye, form.sign-up-form .pass-section i.bi-eye, form.edit-profile i.bi-eye, form.edit-profile i.bi-eye-slash {
margin-left: -36px;
cursor: pointer;
position: absolute;
}
.login-panel {
width: 330px;
max-width: 330px;
}
.quote-tabs {
height: 45px !important;
}
.quote-switch-container a {display: block}
.bg-dev {
background-image: url(/images/home-dev.jpg) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.product-files-loader {
display: inline-block;
margin-left: 5px;
}
.d-none {
display: none !important
}
.h1-cs {
font-size: 83px;
letter-spacing: -2px;
line-height: 1.3em;
font-family: "Boldonse", sans-serif;
text-transform: uppercase;
}
.h1-cs span {
display: block;
}
.home-banner-section h2 {
max-width: 600px;
margin:auto;
}
.txt-1 {
/*font-size: 13px;*/
}
.logo-img {
max-width: 140px;
}
.logo-img-alt {
max-width: 140px;
}
.logo-emblem {
display: none;
width: 33px;
height: 33px;
}
.logo-emblem img {
width: 33px;
height: 33px;
}
.head-left {
display: flex;
}
.head-right {
right: 0;
float: right;
position: absolute;
display: flex;
align-items: center;
}
.head-center {
margin: 0 auto;
text-align: center;
display: block;
position: absolute;
width: 100%;
}
.font-alt {
/* font-family: superior-title, serif !important;*/
}
.font-pen {
/*font-family:"Covered By Your Grace", cursive !important;*/
font-family:"Bodoni Moda", serif !important;
}
/*.moving-text {
transition: transform 0.5s, opacity 0.5s;
opacity: 1;
transform: translateY(0);
}
.moving-text.move-up {
opacity: 0;
transform: translateY(-50px);
}*/
.moving-text h2, .moving-text h3, .moving-text button, .moving-text a {
visibility: hidden;
}
/*************TOP MENU CENTER*****************/
.menu-layout {
display: inline-block !important;
max-width: 640px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
font-size: 13px;
}
.menu-layout li {
padding: 0;
/* font-size: 14px;*/
/* font-weight: 700;*/
cursor: pointer;
/* text-transform: uppercase;*/
}
.menu-layout li a, .menu-layout li div {
padding: 13px 20px;
font-weight: 1000;
text-transform: uppercase;
}
.menu-layout li {
display: inline-block;
}
.form-header-top {
margin-top: -68px;
}
.form-header-top-quotes, .form-header-top-projects {
margin-top: 0;
}
.sign-up-form .form-header a {
min-width: 108px;
text-align: center;
}
.overflow-y-hidden-important {
overflow-y: hidden !important;
}
.menu-layout ul {
display: flex;
margin: auto;
}
.services-menu {
display: none;
/* top: 60px;
position: absolute;*/
width: 100%;
/* padding: 0 30px;*/
}
.services-menu p, .services-menu a {
font-size: 13px;
display: flex;
}
.services-btn {
/* padding: 10px 14px 10px 22px !important;*/
}
.services-btn i {
font-size: 10px;
margin-left: 4px;
display: inline-flex;
}
.services-menu h3 {
margin-bottom: 20px;
margin-top: 20px;
display: flex;
font-weight: 600;
padding: 0 0 0 2px;
}
.services-menu h3 i {
margin-right: 15px;
margin-top: -1px;
}
.services-menu .container {
padding: 0 40px;
}
.services-menu a i {
margin-left: 5px;
}
.quote-close-btn-container a img {
min-width: 30px;
min-height: 30px;
}
.quote-search-form input, .quote-search-form-clients input, .project-search-form input, .project-search-form-clients input, .media-search-form-clients input, .invoices-search-form-clients input, .conversations-search-form-clients input, .profiles-search-form-clients input, .accounts-search-form-clients input, .subscriptions-search-form-clients input, .notifications-search-form-clients input, .settings-search-form-clients input, .team-search-form-clients input, .calendar-search-form-clients input {
width: 100%;
padding-top: 0.6rem;
padding-bottom: 0.55rem;
}
.quote-search-form .input-group-btn, .quote-search-form-clients .input-group-btn, .project-search-form .input-group-btn, .project-search-form-clients .input-group-btn, .media-search-form-clients .input-group-btn, .invoices-search-form-clients .input-group-btn, .conversations-search-form-clients .input-group-btn, .profiles-search-form-clients .input-group-btn, .accounts-search-form-clients .input-group-btn, .team-search-form-clients .input-group-btn, .subscriptions-search-form-clients .input-group-btn, .notification-search-form-clients .input-group-btn, .settings-search-form-clients .input-group-btn, .calendar-search-form-clients .input-group-btn{
margin-left: -43px;
}
.see-more-loader-search-top {
margin-left: 27px;
position: absolute !important;
right: 8px;
top: 7px;
}
.chat-load-cover {
border-radius: 20px;
}
.chat-msg-footer {
min-height: 32px;
}
/*SERVIES CUBE*/
* {
box-sizing: border-box;
}
.scene {
width: 300px;
height: 320px;
perspective: 400px;
}
.cube {
width: 300px;
height: 300px;
position: relative;
transform-style: preserve-3d;
transform: translateZ(-100px);
transition: transform 1s;
}
.cube.show-front {
transform: translateZ(-150px) rotateY(0deg);
}
.cube.show-right {
transform: translateZ(-150px) rotateY(-90deg);
}
.cube.show-back {
transform: translateZ(-150px) rotateY(-180deg);
}
.cube.show-left {
transform: translateZ(-150px) rotateY(90deg);
}
.cube.show-top {
transform: translateZ(-150px) rotateX(-90deg);
}
.cube.show-bottom {
transform: translateZ(-150px) rotateX(90deg);
}
.cube__face {
position: absolute;
width: 300px;
height: 300px;
border-radius: 10px;
padding: 15px 20px;
}
/*.cube__face--front { background: hsla( 0, 100%, 50%, 0.7); }
.cube__face--right { background: hsla( 60, 100%, 50%, 0.7); }
.cube__face--back { background: hsla(120, 100%, 50%, 0.7); }
.cube__face--left { background: hsla(180, 100%, 50%, 0.7); }
.cube__face--top { background: hsla(240, 100%, 50%, 0.7); }
.cube__face--bottom { background: hsla(300, 100%, 50%, 0.7); }*/
/*.cube__face--front {
background: #ffffff;
}
.cube__face--right {
background: #ffffff;
}
.cube__face--back {
background: #ffffff;
}
.cube__face--left {
background: #ffffff;
}
.cube__face--top {
background: #ffffff;
}
.cube__face--bottom {
background: #ffffff;
}*/
.cube__face--front {
transform: rotateY(0deg) translateZ(150px);
}
.cube__face--right {
transform: rotateY(90deg) translateZ(150px);
}
.cube__face--back {
transform: rotateY(180deg) translateZ(150px);
}
.cube__face--left {
transform: rotateY(-90deg) translateZ(150px);
}
.cube__face--top {
transform: rotateX(90deg) translateZ(150px);
}
.cube__face--bottom {
transform: rotateX(-90deg) translateZ(150px);
}
.radio-group input[type="radio"] {
position: fixed;
opacity: 0;
pointer-events: none;
}
.radio-group label {
/*cursor: pointer;
padding: 10px;
line-height: 0.8em;
display: inline-block;
border-radius: 50px;*/
}
.services-cube-nav {
margin-left: 0;
position: absolute;
z-index: 1;
margin-top: 195px;
}
.services-cube-nav a {
margin-left: 20px;
margin-top: 8px;
}
.service-menu2{
}
.radio-group label i {
opacity: 0.5;
}
.radio-group label i.services-dim {
opacity: 1;
}
.service-m-link a {
font-weight: 700;
}
.services-close {
/*border-left: 1px solid #bdbdbd;
padding-left: 15px;*/
cursor: pointer;
}
.services-close i {
/*margin-left: 8px;
opacity: 0.7;
display: inline-block;
line-height: 1.46em;*/
}
/*************TOP MENU BUTTONS****************/
/*SIDE MENU*/
.sidemenu-user {
position: fixed;
top: 0;
height: calc(100vh);
left: -20px;
z-index: 4;
}
ul.sidebar-links {
margin-top: 15px;
width: 210px;
height: calc(100vh - 120px);
overflow-y:auto;
/*scrollbar-width: thin;*/
}
.sidemenu-btn {
/* padding: 8px 5px;
border-radius: 50px;
width: 40px;
min-width: 40px;
height: 40px;
text-align: center;
line-height: 1.68em;
cursor: pointer;
margin-right: 15px;*/
}
.sidemenu-layout {
/*padding: 0;
font-size: 15px;
margin-right: 15px;
width: 40px;
height: 40px;
display: flex;*/
}
#firstList .sidemenu-layout {
margin-top: 10px;
margin-left: -23px;
}
#firstList {
z-index: 1;
}
.sidemenu-layout .sidemenu-btn.down {
animation: menubtnfade 0.1s forwards;
}
.sidemenu-btn.up {
animation: menubtnfadeout 0.5s forwards;
}
.sidebar-links a, .sidebar-links button {
display: flex;
padding: 10px 33px 10px 30px;
font-size: 15px;
margin-bottom: 0;
width: 100%;
font-weight: 600;
}
.sidebar-links button:focus {
outline: 0 !important;
}
.siderbar-logout {
outline: none !important;
cursor: pointer
}
.header-user-menu a i, .header-user-menu button i, .header-user-menu button svg, .conversation-menu a i, .conversation-menu button i{
line-height: 1.0em;
margin-right: 28px;
}
.sidebar-links a i, .sidebar-links button i{
line-height: 1.0em;
margin-right: 28px;
font-size: 20px;
}
.header-user-menu button svg {
display: inline-block;
margin-left: 2px;
margin-right: 28px;
}
.sidebar-links a span, .sidebar-links button span, .header-user-menu a span, .header-user-menus button span {
line-height: 1.8em;
font-size: 13px;
}
hr {
border-color: #e3e3e3;
margin: 10px 0;
}
hr.no-margin {
margin: 0 !important;
}
.chat-reactions img.emoji {
width: 22px;
}
.sidebar-signin {
padding: 10px 33px;
font-size: 13px;
line-height: 1.2em;
}
.sidemenu-user {
left: -235px;
}
.menu-bg, .menu-service-bg {
position: fixed;
width: 100%;
height: 100%;
background: #00000047;
z-index: -1;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
/*CONVERSATION BTN*/
.conversation-btn {
/*border-radius: 50px;
width: 40px;
height: 40px;
text-align: center;
cursor: pointer;*/
}
.conversation-btn .nav-link {
/*margin: 0 auto;
padding: 5px !important;
width: 40px;
height: 40px;*/
}
#navbarDropdownChat i {
/*font-size: 1.3em;
width: 100%;
padding-top:3px;*/
margin-top: -1px;
}
.conversation-btn.down {
animation: menubtnfade 0.1s forwards;
}
.conversation-btn.up {
animation: menubtnfadeout 0.5s forwards;
}
/*CHECKOUT BTN*/
.checkout-btn {
/*border-radius: 50px;
width: 40px;
height: 40px;
text-align: center;
cursor: pointer;*/
}
.checkout-btn .nav-link {
/*display: inline-flex;
justify-content: center;
margin: 0 auto;
padding: 5px !important;
position: relative;
line-height: 1.37em;*/
}
#navbarDropdownCheckOut i {
/*font-size: 1.3rem;
padding-top:3px;*/
margin-top: -2px;
}
.checkout-btn.down {
animation: menubtnfade 0.1s forwards;
}
.checkout-btn.up {
animation: menubtnfadeout 0.5s forwards;
}
/*NOTIFICATIONS BTN*/
.menu-username {
}
.notifications-btn {
/*border-radius: 50px;
width: 40px;
height: 40px;
text-align: center;
line-height: 1.0em;
cursor: pointer;
overflow: visible;
margin-top: 0px;
display: flex;*/
}
.notifications-btn .nav-link {
/*display: inline-flex;
justify-content: center;
margin: 0 auto;
padding: 5px !important;*/
}
.bi.bi-bell.menu-cart, .bi-bell-fill.menu-cart {
/*text-align: center;
font-size: 1.3em;
line-height: 0.8em;*/
}
.text-counter, .text-counter-ajax {
position: absolute;
font-size: 10px;
text-align: center;
min-width: 21px;
height: 21px;
font-weight: 700 !important;
bottom: 16px;
background: #fec922;
border-radius: 73px;
right: -2px;
line-height: 1.6em;
padding: 0 6px 0 5px;
border: 2px solid #ffffff;
top: 0px;
}
i.bi.bi-circle-fill.notif-dot, i.bi.bi-circle-fill.notif-dot-ajax {
position: absolute;
right: -3px;
top: 0px;
color: #fec922;
font-size: 0.4em;
z-index: 0;
}
i.bi.menu-cart.main-notifications-svg.bi-bell-fill {
color: #fec922;
}
.notifications-btn.down {
animation: menubtnfade 0.1s forwards;
}
.notifications-btn.up {
animation: menubtnfadeout 0.5s forwards;
}
.head-right i.bi.menu-cart.bi-handbag-fill, .head-right i.bi.bi-chat-quote-fill, .head-right i.bi.menu-cart.main-notifications-svg.bi-bell-fill{
color: #6c00ff;
}
#theme-toggle {
display: flex;
margin: auto;
flex-direction: row;
align-items: center;
justify-content: flex-start;
height: 50px;
}
#theme-toggle i {
display: inline-block;
}
#theme-toggle i.hidden {
display: none;
}
/*USERMENU BTN*/
.menu-userprofile {
/*border-radius: 50px;
height:40px ;
width: 40px;
background: transparent;*/
}
.user-menu-btn {
/*border-radius: 50px;
width: 40px;
height: 40px;
text-align: center;
line-height: 1.37em;
cursor: pointer;*/
}
.user-menu-btn .menu-userprofile {
margin: 0 auto;
margin-top: 0px;
padding: 0px !important;
-webkit-box-shadow: 0px 0px 3px 2px rgb(129 129 129 / 15%);
box-shadow: 0px 0px 3px 2px rgb(129 129 129 / 15%);
}
.user-menu-btn .menu-userprofile.open {
-webkit-box-shadow: 0px 0px 3px 2px rgb(254 201 34);
;
box-shadow: 0px 0px 3px 2px rgb(254 201 34);
;
}
#navbarDropdownUserMenu i {
/*font-size: 1.3rem;
margin: 0 auto;
text-align: center;
line-height: 1.4em;
margin-top: 0px;*/
}
.user-menu-btn.down {
animation: menubtnfade 0.1s forwards;
}
.user-menu-btn.up {
animation: menubtnfadeout 0.5s forwards;
}
/*SERVICES ICONS CLICK*/
.radio-group label.down {
animation: menubtnfade 0.1s forwards;
}
.radio-group label.up {
animation: menubtnfadeout 0.5s forwards;
}
#firstList.show {
display: block;
}
.conversation-menu, .checkout-menu, .notifications-menu, .header-user-menu {
min-width: 255px;
text-align: center;
position: absolute;
cursor: auto;
border-radius: 10px;
top: 60px;
border: 1px solid #d7d7d7;
-webkit-box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 21%);
box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 21%);
/*font-size: 13px;*/
z-index: 1;
}
.header-user-menu {
min-width: 255px;
}
.explore-main-auth {
/*display: block;*/
}
.explore-mobile-auth, .service-mobile-auth {
display: none;
padding: 10px 4px 10px 30px;
font-size: 13px;
margin-bottom: 0;
cursor: pointer;
}
.check-read-chat.opacity-0 {
opacity: 0;
}
.check-read-chat {
transition-delay: 1.5s;
transition: opacity 0.3s;
opacity: 1;
}
.threed-label.opacity-0 {
transform: scale(0) !important;
}
.explore-mobile-auth i, .service-mobile-auth i {
line-height: 1.0em;
margin-right: 28px;
font-size: 20px;
}
.explore-mobile-auth i.bi.bi-chevron-down, .explore-mobile-auth i.bi.bi-chevron-up, .service-mobile-auth i.bi.bi-chevron-down, .service-mobile-auth i.bi.bi-chevron-up {
font-size: 10px;
line-height: 2em;
margin-left: 12px;
}
.explore-mobile-auth-menu, .service-mobile-auth-menu {
display: none
}
.service-mobile-auth-menu {
border-top: 1px solid rgb(227 227 227);
border-bottom: 1px solid rgb(227 227 227);
padding: 10px 0px;
margin: 10px 0px;
}
.header-user-menu {
right: 20px;
/*padding: 10px 0;*/
}
.notifications-menu {
/*padding: 10px 0px;*/
right: 80px;
}
.checkout-menu {
right: 75px;
/*padding: 10px 0;*/
}
.conversation-menu {
right: 75px;
/*padding: 10px 0;*/
}
/*END OF TOP MENU*/
.margin-0-auto {
margin: 0 auto;
}
.avatar-top { /*border: 4px solid #dcdcdc;
border-radius: 50px;
box-shadow: 0 2px 2px rgba(0,0,0,0.16);*/
border-radius: 50px;
}
.avatar-top-img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
border-radius: 50px;
height: 38px;
width: 38px;
}
.profile-banner .rounded-full {
top: 0px !important;
}
.tweet-name-add {
padding: 3px 6px;
border-radius: 20px;
line-height: 1.3em;
font-size: 11px;
margin-right: 2px;
font-weight: 600;
display: inline-block !important;
background: #f1f1f1;
color: #2a2a2a;
margin-bottom: 2px;
}
.notifications-main-column .tweet-name-add {
margin-left: 3px;
}
.scrolling-pagination-master .tweet-name-add {
margin-top: 2px;
}
.comment-textarea-div-h .tweet-name-add {
background: #f1f1f1 ;
color: #2a2a2a ;
cursor: auto !important;
}
.tweet-wrap-in .tweet-name-add:hover {
background: #00ba7c;
color: #ffffff;
cursor: pointer;
}
.flex-important {
display: flex !important;
}
input[type="radio"].main_input, input[type="checkbox"].main_input {
opacity: 0;
display: inline-block;
margin-top: 13px;
margin-left: 15px;
position: absolute;
z-index: -1;
height: auto;
}
input[type="radio"].main_input:not(:disabled) ~ .main_plans {
cursor: pointer;
}
input[type="radio"].main_input:disabled ~ .main_plans {
color: #bcc2bf;
border-color: #bcc2bf;
box-shadow: none;
cursor: not-allowed;
}
.main_plans {
height: 100%;
display: block;
border-radius: 8px;
padding: 0px;
margin-bottom: 1rem;
box-shadow: 0px 3px 10px -2px rgba(161, 170, 166, 0.5);
position: relative;
}
.main_plans img {
padding-bottom: 30px;
}
.main_plans h3, .main_plans h6 {
padding: 0px 0px;
}
input[type="radio"]:checked + .main_plans {
/*background: #6c00ff;*/
color: #ffffff;
box-shadow: 0px 0px 15px #d6b9ff;
box-shadow: 0px 3px 10px -2px rgba(161, 170, 166, 0.5);
background: rgb(108,0,255);
background: linear-gradient(36deg, rgba(108,0,255,1) 0%, rgb(20 163 84) 64%);
}
input[type="checkbox"]:checked + .terms-label .terms-label-checkbox {
/*background: #6c00ff;*/
color: #ffffff;
/* box-shadow: 0px 0px 15px #d6b9ff;
box-shadow: 0px 3px 10px -2px rgb(161 170 166 / 50%);*/
background: rgb(108,0,255);
background: linear-gradient(159deg, rgba(108,0,255,1) 0%, rgb(65 0 153) 64%);
}
.terms-label-checkbox::after{
position: absolute;
content: url("data:image/svg+xml; utf8, ");
left: 5px;
top: 5px;
}
.terms-label-checkbox{
min-width: 1.75rem;
}
input[type="checkbox"]:checked + .terms-label .terms-label-checkbox::after {
content: url("data:image/svg+xml; utf8, ");
}
input[type="radio"]:checked + .main_plans hr {
border-color: #5532a1;
}
input[type="radio"]:checked + .main_plans .text-default, input[type="radio"]:checked + .main_plans .text-soft {
color: #ffffff;
}
input[type="radio"]:checked + .main_plans .plans-inside-select {
z-index: -1;
opacity: 0;
display: none;
}
/*input[type="radio"]:checked + .main_plans::after {*/
/* font-family: FontAwesome; */
/* border: 2px solid #14a354;*/
/* color: #ffffff; */
/* content: "\f00c"; */
/* font-size: 15px; */
/* position: absolute;
padding-top: 8px;
top: 66%;
left: 50%;
transform: translateX(-50%);
height: 40px;
width: 40px;
text-align: center;
border-radius: 50%;
background: #5035c8;
box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%);
content: url("data:image/svg+xml; utf8, ");
}*/
.main_plans .plans-checked {
z-index: -1;
display: none;
opacity: 0;
border: 2px solid #14a354;
padding-top: 2px;
background: #5035c8;
box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%);
}
input[type="radio"]:checked + .main_plans .plans-checked {
z-index: 0;
opacity: 1;
display: flex;
}
.edit-input-inline {
height: 100%;
display: block;
padding: 4px 14px 4px 25px;
text-align: center;
/* box-shadow: 0px 3px 10px -2px rgb(161 170 166 / 50%); */
position: relative;
}
.w-8 {
min-width: 2rem;
}
input[type="radio"]:checked + .edit-input-inline {
background: #fec922;
color: #252525;
box-shadow: 0px 0px 20px #fec922c4;
position: relative;
}
input[type="radio"]:checked + .edit-input-inline::after {
font-family: FontAwesome;
color: #3e3e3e;
content: "\F00C";
font-size: 11px;
position: absolute;
top: 6px;
left: 14px;
transform: translateX(-50%);
height: 20px;
width: 20px;
line-height: 1.6em;
text-align: center;
border-radius: 50%;
}
.comment-textarea-div-h .atUser {
padding: 2px 10px 3.5px 10px;
background: #00ba7c !important;
color: #fff !important;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
white-space: nowrap !important;
text-overflow: ellipsis !important;
max-width: 180px !important;
height: 55px;
}
.tweet-wrap-in .atUser {
background: #f1f1f1;
color: #464646;
padding: 2px 10px 3.5px 10px;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
white-space: nowrap !important;
text-overflow: ellipsis !important;
max-width: 180px !important;
height: 55px;
}
.hideNew .check-read-chat {
display: none !important;
}
.comment-textarea-div-h p {
display: inline-block;
min-width: 100px;
line-height: 1.6em;
outline: none !important;
position: relative;
word-break: break-all;
min-height: 50px;
}
.msg-delete-btn, .msg-delete-confirm-btn {
height:45px;
/* justify-content: center !important;
padding:10px 0px !important;*/
}
.dropdown-menu.msgdel-dropdown-menu{
min-width: 8.2rem;
}
.main_plans h3 {
font-weight: 800;
}
.main_plans h6 {
font-weight: 400;
margin-top: 10px;
font-size: 13px;
padding-bottom: 40px;
}
.product-details {
/*max-width: 335px;*/
padding: 0px 20px 0px 0px !important;
/*font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Times", "Symbola", "Aegyptus", "Code2000", "Code2001", "Code2002", "Musica", "serif", "LastResort" !important;*/
}
.chat-details-removed.product-details {
padding: 0px 0px 0px 0px !important;
}
.dnone {
display: none !important;
}
.notify-text {
word-wrap: break-word;
text-align: left;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
white-space: normal;
}
.view-notifications .notify-text {
-webkit-line-clamp: 4;
}
.scrolling-pagination-master .notify-text {
-webkit-line-clamp: 4;
}
.notify-text br {
height: 0px !important;
display: none;
}
.hide {
display: none !important;
}
.menu-cart {
/* cursor: pointer;
font-size: 1.8em;
padding: 0px;*/
}
.cart-textcounter {
position: absolute;
font-size: 10px;
text-align: center;
min-width: 21px;
height: 21px;
font-weight: 700 !important;
display: inline-block;
bottom: 16px;
background: #00e5da;
border-radius: 58px;
right: -4px;
line-height: 1.7em;
padding: 0 6px 0 5px;
border: 2px solid #ffffff;
top: 0px;
}
.chat-textcounter, .chat-textcounter-ajax, .chat-textcounter-minus-ajax {
position: absolute;
font-size: 10px;
text-align: center;
min-width: 21px;
height: 21px;
font-weight: 700 !important;
display: inline-block;
bottom: 16px;
background: #6c00ff;
border-radius: 58px;
right: -4px;
line-height: 1.7em;
padding: 0 6px 0 5px;
border: 2px solid #ffffff;
top: 0px;
color:#ffffff;
}
.currentlogin-icon {
font-size: 14px;
border: 0px !important;
text-transform: capitalize;
display: flex !important;
padding: 18px 37px 18px 37px !important;
min-height: 83px;
border-radius: 15px 15px 0 0;
}
.counter-toggle.text-counter.chat-textcounter, .chat-textcounter-ajax, .chat-textcounter-minus-ajax {
color:#fff !important;
}
.chat-hours-full-dates {
height: auto !important;
padding: 10px 25px !important;
}
.chat-hours-current-date {
padding: 0 !important;
}
.tweet-wrap-icon {
/* width: 6%;
margin-left: 1%;*/
}
.tweet-wrap-in {
width: 100%;
position: relative;
}
button:disabled {
cursor: auto;
pointer-events: all !important;
}
.tweet-send-btn:disabled {
pointer-events: none !important;
}
/**
* ==============================================
* Dot Flashing
* ==============================================
*/
.dot-flashing {
position: relative;
width: 7px;
height: 7px;
border-radius: 5px;
animation: dotFlashing 1s infinite linear alternate;
animation-delay: .5s;
}
.dot-flashing.dot-flashing-white {
animation: dotFlashingWhite 1s infinite linear alternate;
animation-delay: .5s;
}
.dot-flashing::before, .dot-flashing::after {
content: '';
display: inline-block;
position: absolute;
top: 0;
}
.dot-flashing::before {
left: -11px;
width: 7px;
height: 7px;
border-radius: 5px;
animation: dotFlashing 1s infinite alternate;
animation-delay: 0s;
}
.dot-flashing::after {
left: 11px;
width: 7px;
height: 7px;
border-radius: 5px;
animation: dotFlashing 1s infinite alternate;
animation-delay: 1s;
}
.dot-flashing.dot-flashing-white::before {
animation: dotFlashingWhite 1s infinite alternate;
animation-delay: 0s;
}
.dot-flashing.dot-flashing-white::after {
animation: dotFlashingWhite 1s infinite alternate;
animation-delay: 1s;
}
.snippet {
margin-left: 8px;
}
.snippet-small .dot-flashing {
width: 10px;
height: 10px;
animation: dotFlashing 0.5s infinite linear alternate;
animation-delay: .33s;
}
.snippet-small .dot-flashing::before, .snippet-small .dot-flashing::after {
content: '';
display: none;
position: absolute;
top: 0;
}
.snippet-small .dot-flashing::before {
left: -7px;
width: 4px;
height: 4px;
}
.snippet-small .dot-flashing::after {
left: 7px;
width: 4px;
height: 4px;
}
.snippet.snippet-small {
margin-top: 13px;
right: 13px;
}
.snippet.snippet-small.snippet-center {
margin-top: 0;
}
.edit-profile .snippet.snippet-small{
margin-top: 0;
}
#seeMoreBtn, #seeMoreTweetBtn, #seeMoreBtnUser, #seeMoreBtnAll, #seeMoreBtnFileType, #seeMoreBtnDate {
position: absolute;
bottom: 20px;
margin: 0 auto;
width: 100%;
text-align: center;
left: 0;
}
#seeMoreBtn button, #seeMoreTweetBtn button, #seeMoreBtnUser button, #seeMoreBtnAll button, #seeMoreBtnFileType button, #seeMoreBtnDate button {
outline: none !important;
}
.tfp {
min-height: 100px;
display:grid;
}
.scrolling-pagination-tweet .no-more-conv, .file-uploaded-quote-content .no-more-uploads, .file-uploaded-quote-content .no-more-notif {
width: 100%;
margin-top: 25px;
text-align: center;
display: block;
/* position: absolute; */
/* bottom: 22px; */
/* left: 0; */
margin-bottom: 0px;
font-size: 15px;
}
.respond-paginator{
bottom: -30px;
height: 33px;
}
#fileCountMain, #tweetCountMain {
display: inline-block;
/*color: #ffffff;*/
}
.notify-dropdown {
display: flex;
height: auto;
max-width: 358px;
overflow: hidden;
}
.scrolling-pagination-master .notify-dropdown {
max-width:440px;
}
.notifications-header {
min-width: 440px;
height: fit-content;
}
.view-notifications .notify-dropdown {
max-width:100%;
width:100%;
}
.notify-image {
width: 50px;
min-width: 80px;
height: 50px;
background: #dadada;
border-radius: 5px;
padding: 5px;
box-shadow: 0 2px 2px rgb(0 0 0 / 16%);
background-size: cover !important;
/*right: 20px;*/
max-width: 90px;
max-height: 50px;
background-color: #f1f1f1 !important;
}
.notify-icon-cover {
position: absolute;
width: 30px;
height: 30px;
background-color: transparent;
cursor: pointer;
top: 22px;
left: 22px;
z-index: 2;
}
.notify-opened {
/*position: fixed; overflow-y: scroll;*/
width: 100%;
}
.notify-unread {
margin-right: 10px;
min-width: 6px;
width: 6px;
height: 6px;
background: #fec922;
border-radius: 3px;
min-height: 6px;
}
.notify-read {
margin-right: 10px;
min-width: 6px;
width: 6px;
height: 6px;
background: #ffffff;
border-radius: 3px;
min-height: 6px;
}
.notify-side-left {
width: 90%;
text-align: left;
}
.comment-textarea {
background: #ffffff !important;
}
.links-panel {
border-top: 1px solid transparent;
/*width: 98.5%;
margin-top: 30px;
padding-bottom: 0px;*/
}
.like-section {
min-height: 20px;
margin-left: 15px;
}
.comment-contain .like-section {
margin-left: 0px;
}
.padb-10 {
padding-bottom: 10px !important;
}
.comment-textarea-div-h {
width: 100%;
/* font-size: 0.85em; */
outline: none !important;
position: relative;
/* word-break: break-all; */
margin-top: 10px;
white-space: pre-wrap;
min-height: 33px;
display: block;
/* border-radius: 4px;*/
/*background: #ffffff;
color:#252525;*/
line-height: 1.4em;
}
.comment-textarea-div-h.signup-textarea {
margin-top:18px;
}
.quote-edit-textarea {
width: 100%;
font-size: 0.85em;
position: relative;
word-break: break-all;
}
.quote-top-emblem {
height: 120px;
width: 120px;
left: 50%;
background-size: cover !important;
position: absolute;
top: 0;
}
.quote-top-banner {
height: 300px;
background-size: contain !important;
}
.setting-add-name-div-input, .setting-add-details-div-input, .setting-edit-name-div-input, .setting-edit-details-div-input{
/*min-width: 160px;*/
}
.focus-border-btm:focus{
/*border-bottom:1px solid #6c00ff; */
}
.nonfocus-border-btm{
border-bottom:1px solid #6c00ff;
}
.plan-add-title-div-input[placeholder]:empty:before, .plan-add-description-div-input[placeholder]:empty:before, .plan-add-pricemin-div-input[placeholder]:empty:before, .plan-add-pricemax-div-input[placeholder]:empty:before, .plan-add-details-div-input[placeholder]:empty:before
, .request-add-name-div-input[placeholder]:empty:before, .request-add-details-div-input[placeholder]:empty:before, .request-add-details-div-input[placeholder]:empty:before, .request-add-price-div-input[placeholder]:empty:before, .setting-add-name-div-input[placeholder]:empty:before,
.setting-add-details-div-input[placeholder]:empty:before
{
content: attr(placeholder);
}
.div-placeholder[placeholder]:empty:before, .plan-edit-title-div-input[placeholder]:empty:before, .plan-edit-description-div-input[placeholder]:empty:before, .plan-edit-pricemin-div-input[placeholder]:empty:before, .plan-edit-pricemax-div-input[placeholder]:empty:before, .plan-edit-details-div-input[placeholder]:empty:before {
content: attr(placeholder);
}
.placeholder-added[placeholder]:before {
content: attr(placeholder);
}
.plan-add-description-div-input, .plan-edit-description-div-input {min-height: 150px !important}
.request-add-details-div-input, .request-edit-details-div-input {min-height: 120px !important; max-height: 150px !important;}
.comment-textarea-div-h[placeholder]:empty:before, .cm-on-image-input[placeholder]:empty:before, .comment-textarea-div-chat[placeholder]:empty:before {
content: attr(placeholder);
color: #6e6e6e;
}
.comment-textarea-div-chat.empty-elem[placeholder]::before {
content: attr(placeholder) !important;
color: #ACACAC;
}
.comment-textarea-div-chat.not-empty-elem[placeholder]::before {
content: '';
}
.plan-edit-details-div-input, .plan-add-details-div-input {
max-width: 260px;
width: 260px;
}
.comment-textarea-div-h[placeholder]:empty:focus:before {
/* content: "";*/
}
.links-title, .links-url-txt {
/*width: 100%;
min-height: 37px;
outline: none !important;
white-space: pre-wrap;
padding: 8px 4px;*/
}
.links-title[placeholder]:empty:before, .links-url-txt[placeholder]:empty:before {
content: attr(placeholder);
color: #ACACAC;
}
.links-title[placeholder]:empty:focus:before, .links-url-txt[placeholder]:empty:focus:before {
content: "";
}
.link-tab-icons i {
font-size: 25px;
padding: 7px;
line-height: 0.70em;
height: 38px;
cursor: pointer;
}
.link-tab-icons i.active {
background-color: #fec922;
border-radius: 25px;
}
.links-title {
max-width: 250px;
}
.scroll-preLoader {
position: absolute;
left: 49%;
top: 49%;
}
.spinning-loader {
width: var(--s-loader-width);
height: var(--s-loader-height);
border: 3px solid var(--s-loader-border-color-trans);
border-left-color: var(--s-loader-border-color-full);
border-radius: 50%;
background: transparent;
animation-name: rotate-s-loader;
animation-iteration-count: infinite;
animation-duration: 1s;
animation-timing-function: linear;
position: relative;
}
.spinning-loader-purple {
border: 3px solid var(--s-loader-border-color-trans);
border-left-color: var(--s-loader-border-color-full-purple);
}
.quotes-more, .projects-more {
margin: 0 auto;
width: auto;
position: absolute;
bottom: -45px;
left: 48.7%;
}
.plans-more {
margin: 0 auto;
width: auto;
position: absolute;
bottom: 0px;
left: 48.7%;
}
.quotes-page {display:none !important}
.avatar-image {
/* margin-right: 20px;
width: 30px;
min-width: 30px;
height: 30px;
background: #dadada;
border-radius: 35px;
display: inline-table;
padding: 5px;
background-size: cover !important;*/
margin-right: 10px;
width: 30px;
min-width: 30px;
height: 30px;
border-radius: 35px;
display: flex;
align-items: center;
justify-content: center;
background-size: cover !important;
background-color: transparent !important;
}
#notifyDropDown .avatar-image {}
.form-control {
font-size: 14px;
font-weight: normal;
line-height: 1.33;
background-color: rgb(255, 255, 255);
white-space: pre-wrap;
overflow-wrap: break-word;
}
/* width */
body::-webkit-scrollbar, .generic-overflow::-webkit-scrollbar {
width: 8px;
}
/* Track */
body::-webkit-scrollbar-track {
/*box-shadow: inset 0 0 5px gainsboro;*/
}
/* Handle */
body::-webkit-scrollbar-thumb {
background: #cacaca;
border-radius: 10px;
/*border: 4px solid orange;*/
}
ul.sidebar-links::-webkit-scrollbar {
width: 6px;
}
ul.sidebar-links.hide-scroller::-webkit-scrollbar-thumb {
background: transparent;
}
ul.sidebar-links::-webkit-scrollbar-thumb {
background: #cacaca;
border-radius: 10px;
}
/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
background: #9B9B9B;
}
.notifications-dropdown::-webkit-scrollbar, .stylish-select::-webkit-scrollbar, .select-product-plans::-webkit-scrollbar, .select-product-generic::-webkit-scrollbar, .fc-scroller::-webkit-scrollbar, .fc-multimonth-multicol::-webkit-scrollbar {
width: 8px !important;
}
.select-product-generic, .fc-scroller, .fc-multimonth-multicol {
/* scrollbar-width: thin !important;*/
}
.comment-contain::-webkit-scrollbar {
width: 8px !important;
}
.modal .request-image::-webkit-scrollbar, .modal .request-details::-webkit-scrollbar, .modal .quote-image::-webkit-scrollbar, .modal .quote-details::-webkit-scrollbar, .modal .quote-details-more::-webkit-scrollbar {
width: 8px !important;
}
.modal .quote-edit-details-div-input::-webkit-scrollbar, .modal .request-edit-details-div-input::-webkit-scrollbar, .quote-add-details-div-input::-webkit-scrollbar {
width: 8px !important;
}
.request-edit-details-div-input, .quote-add-details-div-input {
overflow: auto;
max-height: 177px;
}
.quote-edit-details-div-input {
max-height: 460px;
min-height: 460px;
}
.output-tweet::-webkit-scrollbar, .generic-overflow::-webkit-scrollbar {
height: 2px;
background: #f1f1f1;
}
/* Track */
.notifications-dropdown::-webkit-scrollbar-track, .output-tweet::-webkit-scrollbar-track {
/*box-shadow: inset 0 0 5px gainsboro;*/
}
/* Handle */
.notifications-dropdown::-webkit-scrollbar-thumb, .output-tweet::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .stylish-select::-webkit-scrollbar-thumb, .generic-overflow::-webkit-scrollbar-thumb, .comment-contain::-webkit-scrollbar-thumb, .select-product-plans::-webkit-scrollbar-thumb, .select-product-generic::-webkit-scrollbar-thumb, .fc-scroller::-webkit-scrollbar-thumb, .fc-multimonth-multicol::-webkit-scrollbar-thumb {
background: #cacaca !important;
border-radius: 10px !important;
}
.modal .quote-edit-details-div-input::-webkit-scrollbar-thumb, .modal .request-edit-details-div-input::-webkit-scrollbar-thumb, .quote-add-details-div-input::-webkit-scrollbar-thumb {
background: #cacaca !important;
border-radius: 10px !important;
}
.modal.m-scroll-clear::-webkit-scrollbar-thumb {
background: transparent;
}
/* Handle on hover */
.notifications-dropdown::-webkit-scrollbar-thumb:hover, .output-tweet::-webkit-scrollbar-thumb:hover, .modal::-webkit-scrollbar-thumb:hover, .stylish-select::-webkit-scrollbar-thumb:hover, .generic-overflow::-webkit-scrollbar-thumb:hover, .select-product-plans::-webkit-scrollbar-thumb:hover, .select-product-generic::-webkit-scrollbar-thumb:hover, .fc-scroller::-webkit-scrollbar-thumb:hover, .fc-multimonth-multicol::-webkit-scrollbar-thumb:hover {
background: #9B9B9B !important;
}
.modal .request-image::-webkit-scrollbar-thumb, .modal .request-details::-webkit-scrollbar-thumb, .modal .quote-image::-webkit-scrollbar-thumb, .modal .quote-details::-webkit-scrollbar-thumb, .modal .quote-details-more::-webkit-scrollbar-thumb {
background: #9B9B9B !important;
border-radius: 10px !important;
}
.modal.m-scroll-clear::-webkit-scrollbar-thumb:hover {
background: transparent;
}
.fadein {
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera < 12.1 */
animation: fadein 1s;
}
.fadeout {
-webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadeout 1s; /* Firefox < 16 */
-ms-animation: fadeout 1s; /* Internet Explorer */
-o-animation: fadeout 1s; /* Opera < 12.1 */
animation: fadeout 1s;
}
.control-buttons {
right: 0;
top: 5px;
}
svg.bi.bi-trash.menu-cart {
padding: 8px;
background: #edf2f7;
border-radius: 50px;
width: 40px;
height: 40px;
}
.like-btn {
font-size: 0.75rem;
outline: none !important;
display: flex;
padding: 5px;
margin-left:-5px;
transition: all 0.25s ease;
min-width: 35px;
margin-right: 5px;
padding-right: 0;
}
.dislike-btn {
font-size: 0.75rem;
outline: none !important;
display: flex;
padding: 5px;
transition: all 0.25s ease;
min-width: 35px;
margin-right: 5px;
padding-right: 0;
}
.like-section-thumbs, .like-section-thumbs-in {
min-width: 70px;
}
.tweet-like-count, .tweet-dislike-count {
min-width: 18px;
text-align: left;
}
.file-uploaded-quote {
margin-bottom: 20px;
display: inline-block;
line-height: 1em;
padding: 7px 17px;
border-radius: 20px;
font-size: 12px;
cursor: pointer;
margin-right: 10px;
}
.file-uploaded-quote.active {
background: #6c00ff !important;
color: #ffffff !important;
}
.file-uploaded-quote-count {
display: inline-block;
}
.see-more-loader, .see-more-loader-tweet {
margin: 0 auto;
display: inline-block;
margin-right: 10px;
}
.see-more-loader-slider {
position: absolute;
left: 47%;
top: 40%;
transform: translate(-47%, -40%);
margin-right: 0;
}
.file-uploaded-quote-content a {
padding: 5px;
}
.tweet-files.tweet-img-loader, .link-uploaded-quote-content {
margin-left:15px;
display: flex;
}
.tweet-reply-panel {
margin-left:50px;
margin-right:50px;
}
.header-menu {
position: fixed;
margin: 0 auto;
width: 100%;
z-index: 2;
height: auto;
backdrop-filter: blur(5px) saturate(180%) brightness(150%) blur(10px);
background-color: rgba(255,255,255,0.70);
}
.download-item {
padding: 8px;
background: #3490dc;
border-radius: 5px;
width: 35px;
height: 35px;
color: #fff;
}
.conversations-live {
position: fixed;
bottom: 0;
left: 0;
z-index: 1;
}
.counter-toggle {
animation: 0.5s ease-out 0s 1 slideInFromBottom;
}
.counter-toggle-out {
animation: 0.5s ease-out 0s 1 slideOutFromBottom;
}
.no-display {
opacity: 0 !important;
}
.display-none {
display: none !important;
}
.dislike-group-set, .like-group-set {
/*height: 13px;*/
overflow: hidden;
min-width: 33px;
}
.like-loader {
position: absolute;
margin-left: -30px;
margin-top: 1px;
width: 12px;
}
.check-read-chat-btn{
bottom:80px;
}
.comment-contain-padding .return-btn {
margin-left:0 !important;
}
.tweet-panel .tweet-files {
position: relative;
}
.links-ttl-slider {
display: flex;
position: relative;
overflow: hidden;
}
.att-ttl {
/* position: absolute;
margin-top: -10px;*/
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
border-radius: 50px;
padding: 2px 10px;
cursor: pointer;
color: #0e0e0e;
}
.att-ttl.opened {
color: #ffffff !important;
background: #6c00ff;
}
.att-panel {
border-top: 1px solid transparent;
/*width: 98.5%;
margin-top: 25px;
padding-bottom: 25px;*/
}
.tweet-files img {
max-width: 170px
}
.link-panel {
position: relative;
border-top: 1px solid transparent;
margin-top: 40px;
margin-bottom: 13px;
}
.links-ttl {
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
border-radius: 50px;
padding: 2px 10px;
cursor: pointer;
color: #0e0e0e;
}
.links-ttl.opened {
color: #6c00ff !important;
background: #fec922;
}
.links-sm {
/* position: absolute;
top: 0;
right: 83px;*/
display: flex;
font-size: 13px;
font-weight: 700;
line-height: 2.8em;
color: #666666;
cursor: pointer;
}
.links-sm i.bi.bi-paperclip {
margin-right: 2px;
font-size: 20px;
transform: translate(0%, 0%) rotate(45deg);
color: #666666;
margin-top: -2px;
}
.links-sm i.bi.bi-share {
margin-right: 2px;
font-size: 17px;
color: #fec922;
margin-top: -3px;
padding-right: 3px;
}
.links-sm-only {
right: 26px;
}
.att-sm {
/* position: absolute;
top: 0;
right: 30px;*/
display: flex;
font-size: 13px;
font-weight: 700;
line-height: 2.8em;
color: #666666;
cursor: pointer;
}
.att-sm i.bi.bi-folder, .att-sm i.bi.bi-folder-check {
margin-right: 7px;
font-size: 20px;
color: #666666;
margin-top: -1px;
}
.pf-sm i.bi.bi-stickies {
margin-right: 7px;
font-size: 18px;
color: #666666;
margin-top: 0px;
}
.att-sm i.bi.bi-folder2-open {
margin-right: 7px;
font-size: 20px;
color: #6c00ff;
margin-top: -3px;
}
.link-hover {
background: #ffcc4d !important;
color: #6c00ff !important;
}
.link-hover-btm a {
box-shadow: inset 0 -5px 0 #ffcc4d;
}
.link-hover-btm-blue a {
box-shadow: inset 0 -5px 0 #81ffed;
}
.main-content {
border-radius: 10px;
}
.paginate-nav .hidden {
display: inline-block;
text-align: center;
}
.paginate-nav p {
margin: 20px 0;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
border-color: #fec922 #dee2e6 #ffffff !important;
border-top: 2px solid #fec922 !important;
font-weight: 700 !important;
border-left:1px solid transparent !important;
border-right:1px solid transparent !important;
border-bottom:1px solid transparent !important;
}
.form-header-top-projects .nav-tabs .nav-link.active, .form-header-top-projects .nav-tabs .nav-item.show .nav-link {
border-top: 2px solid #6c00ff !important;
border-left:1px solid transparent !important;
border-right:1px solid transparent !important;
border-bottom:1px solid transparent !important;
}
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
#user_id {
border-radius: 5px;
}
.open-button {
padding: 16px 20px;
border: none;
cursor: pointer;
opacity: 0.8;
/*position: fixed;
bottom: 23px;
right: 28px;
width: 414px;*/
outline: none !important;
margin-left: 5px;
}
.panel-footer {
margin-top: 10px;
/*border-top: 1px solid #d8d8d8;*/
border-radius: 0px 0px 20px 20px !important;
}
.white-text-h1 {
color: #fff;
font-size: 18px;
}
.white-text-h4 {
color: #fff;
font-size: 14px;
}
.chatAppCover {
position: absolute;
width: 100%;
height: 100%;
background: #252525;
z-index: 9;
border-radius: 0px 0px 18px 18px;
}
.chat_screen {
border-radius: 20px;
width:380px;
}
.send-btn-chat {
color: #b076ff !important;
/*background-color: #ffffff !important;
border-color: #ffffff !important;*/
padding: 0 !important;
}
.send-btn-chat:disabled, .send-btn-chat.disabled {
color: #666666 !important;
}
.fulloutput {
max-width: 270px;
border-radius: 30px;
padding: 9px;
text-align: center;
font-size: 12px;
margin-top: 10px;
width: 100%;
min-height: 33px;
}
.typing-panel {
font-style: italic;
font-size: 12px;
position: absolute;
top: -33px;
background: #e2e2e2;
padding: 3px 10px 5px 10px;
border-radius: 50px;
color: #484848;
}
.joined-panel {
font-style: italic;
font-size: 12px;
position: absolute;
top: -33px;
background: #e2e2e2;
border-radius: 50px;
color: #484848;
right: 0;
}
.left-panel {
font-style: italic;
font-size: 12px;
position: absolute;
bottom: 105px;
background: #D89636;
padding: 3px 10px 5px 10px;
border-radius: 50px;
color: #2B2B2B;
right: 20px;
z-index: 2;
}
.left-panel-cover {
font-style: italic;
font-size: 12px;
position: absolute;
bottom: 17px;
background: white;
padding: 20px 30px;
color: #2B2B2B;
height: 90px;
z-index: 1;
left: 0;
}
.chat-loop {
position: absolute;
margin-top: -10px;
font-size: 11px;
}
.-mt-9 {
margin-top: -2.25rem;
}
#exitchatbtn-secondary {
position: absolute;
top: -80px;
right: -1px;
z-index: 2;
background: #d89636;
border: 1px solid #6c00ff;
border-radius: 50px;
width: 24px;
height: 24px;
padding: 0;
color: #ffffff;
}
.exitmainbtn {
outline: none !important;
height: 40px !important;
background: none !important;
border: none !important;
padding: 0 !important;
margin-top: -10px !important;
top: 25px !important;
position: absolute !important;
right: 20px !important;
}
.joined-bg {
padding: 3px 10px 5px 10px;
}
.exit-chat-cover-admin, .exit-chat-cover-client {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
background: #252525;
z-index: 10;
border-radius: 18px;
text-align: center;
}
.adminchatcover {
position: absolute;
width: 100%;
height: 100%;
background: #252525;
z-index: 9;
border-radius: 0px 0px 18px 18px;
}
.chat-links-cover-imgs {
display: block;
width: 250px;
padding-top: 20px;
margin: 0px auto;
}
/* The popup chat - hidden by default */
.chat-popup {
min-height: 540px;
/*display: none;*/
/*position: fixed;
bottom: 0;
right: 15px;*/
padding: 0;
right: 15px;
/*z-index: 9;*/
/*margin-right: 5px;*/
/*min-width: 413px;*/
background: #ffffff;
position: absolute;
bottom: 0;
border-radius: 20px !important;
-webkit-box-shadow: 6px -1px 35px -9px rgba(0, 0, 0, 0.43);
-moz-box-shadow: 6px -1px 35px -9px rgba(0, 0, 0, 0.43);
box-shadow: 6px -1px 35px -9px rgba(0, 0, 0, 0.43);
}
body.modal-open.scrollvisible .chat-popup{
right: 23px;
}
.chat-content-main {
right:0;
bottom:80px;
position: fixed;
}
.auth-session .chat-p-title {
color: #fff !important;
}
.exit-chat-cover {
background-image: url(/images/chat-exit-light.jpg) !important;
background-position: bottom;
background-size: contain;
background-repeat: no-repeat;
}
.exit-conv-form-container {
min-width: 135px;
}
.chat-session-header {
border-radius: 20px 20px 0px 0px !important;
}
.progress-chat-inner {
border-radius: 5px;
height: 5px;
width: 100%;
}
.progress-chat {
bottom: -10px;
position: absolute;
height: 5px;
width: 100%;
display: flex;
overflow: hidden;
line-height: 0;
font-size: 0.675rem;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.progress-chat0 {
position: absolute;
left: 0;
top: -25px;
}
.progress-chat .progress-chat-inner {
background: #01A688;
}
.chat_img_attach, .tweet-img-attach {
/*max-width: 300px;*/
max-height: 140px;
border-radius:0;
margin: 0px auto;
padding: 0;
margin-top: 5px;
}
.z-index2 {
z-index: 2 !important;
}
.btn-danger-chat:focus {
outline: none;
}
.tweet-link-opt {
position: absolute;
background: #6c00ff;
padding: 5px 15px 6px 15px;
border-radius: 50px;
margin-top: -39px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%);
height: 30px;
}
.tweet-link-opt i {
font-size: 15px;
color: #ffffff;
padding: 0px 9px;
line-height: 1.3em;
align-items: center;
/*transform: translateY(-10%);*/
font-weight: 600;
cursor: pointer;
margin: 0 4px;
}
.tweet-link-opt:before {
content: '';
position: absolute;
left: 45%;
top: 100%;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid #6c00ff;
clear: both;
}
.tl-clk {
background: #ffcc4d !important;
color: #6c00ff !important;
}
.ed-clk {
background: #81ffed !important;
color: #6c00ff !important;
}
.tweet-send-btn img {
margin-left: -1px;
}
.output-tweet {
display: flex;
width: 100%;
position: relative;
margin-top: 10px;
overflow: auto;
overflow-y: hidden !important;
cursor: default;
padding-bottom: 0px;
}
.tweet-img-loader.active {
cursor: grabbing !important;
}
.tweet-img-loader.file-uploaded-quote-content.active {
cursor: auto !important;
}
.output-link {
width: 100%;
position: relative;
margin-top: 15px;
overflow-y: hidden !important;
padding-bottom: 0px !important;
cursor: default;
overflow: hidden;
display: inline-grid;
}
.output-link.active .tweet-link-loader, .output-link.active .tweet-link-loader .each-link-tweet a {
cursor: grabbing !important;
}
.output-link.active .tweet-link-loader.overflow-h, .output-link.active .tweet-link-loader.overflow-h .each-link-tweet a {
cursor: default !important;
}
.tweet-link-loader.active {
cursor: grabbing;
}
.link-slide-req-summary .tweet-link-loader .chat-link {
cursor: pointer;
}
.product-details .tweet-link-loader .chat-link {
cursor: pointer !important;
}
.request-all-publish .tweet-link-loader .chat-link {
cursor: pointer!important;
}
.tweet-link-loader.active .chat-link {
cursor: grabbing !important;
}
.min-w-custom-chat-panel {
max-width: 270px;
}
.tweet-link-loader {
display: flex;
position: relative;
overflow: hidden;
cursor: auto;
}
.chat_screen .snippet.snippet-small{
margin-top: 0px;
right: 0px;
position: relative;
}
.chat_screen .snippet{
margin-left: 0px;
}
.overflow-h {
overflow: hidden !important;
}
.tweet-link-loader > .each-link-tweet ~ .each-link-tweet {
margin-left: 15px;
}
.tweet-link-loader a.chat-link {
margin-top: 0;
padding: 3px 7px !important;
max-height: 150px;
min-height: 150px;
}
.tweet-link-loader .chat-link img {
max-height: 50px;
/*width: 60% !important;*/
position: relative;
top: 50%;
transform: translateY(-50%);
}
.tweet-link-loader .p-desc {
margin-top: 2px;
font-size: 10px;
}
.tweet-link-loader .p-img {
height: 75px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
text-align: center;
width: 100%;
margin: 0 auto;
display: inline-flex;
border-radius: 5px;
}
.tweet-link-loader .p-img svg {
max-height: 50px;
width: 100%;
max-width: 160px;
margin: 0 auto;
min-height: 50px;
}
.tweet-link-loader .p-img.p-m {
/*margin: 0px 20px;*/
}
.dev-masonary.active .item-img.dim {
display: none;
}
.dev-masonary.active .item-img.light {
display: block;
}
.edit-link {
/*position: absolute;
top: 0px;
margin-left: 160px;
font-size: 15px;
background: #f1f1f1;
padding: 4px 5px;
border-radius: 50px;
width: 28px;
height: 28px;
line-height: 0.9em;
color: #2d2d2d;
text-shadow: none;
opacity: 1;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
border: 0;
border-top: 1px solid #f2f2f2;
text-align: center;*/
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
margin-left: 155px;
opacity: 1;
}
.goto-link {
/*font-size: 14px;
background: #f3f3f3;
padding: 5px 12px !important;
border-radius: 50px;
width: 35px;
height: 35px;
line-height: 1.3em;
color: #000000;
text-shadow: none;
opacity: 1;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
border: 0;
border-top: 1px solid #f2f2f2;
text-align: center;
position: absolute;
right: 0;
top: 0px;*/
}
.x-link {
/*background: #f3f3f3;
border-radius: 50px;
width: 35px;
height: 35px;
line-height: 1.3em;
color: #000000;
text-shadow: none;
opacity: 1;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
border: 0;
border-top: 1px solid #f2f2f2;
text-align: center;
position: absolute;
top: -47px;
right: 0;
padding: 2px !important;
font-size: 18px;*/
margin-top: 2px;
margin-right: 2px;
}
.close.link-close {
/*position: absolute;
top: 0px;
margin-left: 190px;
font-size: 15px;
background: #f1f1f1;
padding: 5px;
border-radius: 50px;
width: 28px;
height: 28px;
line-height: 0.9em;
color: #2d2d2d;
text-shadow: none;
opacity: 1;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
border: 0;
border-top: 1px solid #f2f2f2;
text-align: center;*/
margin-left: 190px;
padding: 5px;
opacity: 1;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}
.each-link-tweet {
width: 220px;
display: block;
height: 150px;
min-width: 220px;
}
.links-ttl-slider .each-link-tweet {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.link-image-tweet {
z-index: 1;
border-radius: 10px;
display: table-cell;
vertical-align: middle;
width: 220px;
height: 150px;
}
.tweet-link-loader .p-title {
font-size: 14px;
margin-bottom: 5px;
max-width: 150px;
}
.output-chat {
width: 270px;
}
.outputlink-loader {
}
.outputlink-loader-tweet {
/*position: relative;
width: 45px;
height: 45px;
padding-top: 20px;
padding-left: 5px;*/
width: 60px;
}
.link-in-tweet a {
font-size: 14px;
display: block;
}
.tweet-panel .product-details .chat-link {
/*display: none;*/
}
.tweet-panel .p-title a.chat-link {
background: #ffffff00 !important;
box-shadow: none;
}
.tweet-panel .p-title {
/* margin-bottom: 0;
max-width: none;
padding: 0;
display: block;
white-space: break-spaces;
padding-right: 50px;*/
}
.tweet-panel .links-ttl-slider .p-title {
font-size: 11px;
margin-bottom: 2px;
margin-top: 8px;
padding: 0px 13px 5px 13px;
}
.link-wrapper {
position: relative;
}
.tweet-panel .p-title a.chat-link {
margin-bottom: 10px;
margin-top: 0;
padding-top: 10px;
padding-bottom: 5px;
}
.tweet-panel a.chat-link {
padding: 10px 15px;
min-height: auto;
max-width: 220px;
margin-right: 15px;
}
.tweet-panel .link-wrapper a.chat-link {
max-width: 100%;
margin-right: 0px;
}
.tweet-link-loader a.chat-link {
margin-top: 0px !important;
border-radius: 0.9rem;
}
.tweet-panel .p-desc {
margin-top: 2px;
padding: 0 13px;
min-height: 20px;
margin-bottom: 2px;
}
.tweet-panel .product-details {
line-height: 1.3em;
margin-left: 15px;
margin-right: 15px;
}
.tweet-panel .product-details-right {
margin-left:15px;
margin-right: 15px;
}
.tweet-panel .product-details br {
/*height: 0px !important;
display: none;*/
}
.tweet-send-btn {
/* color: #ffffff;*/
/* font-size: 35px; */
line-height: 1em;
/*margin-left: 15px;*/
/* margin-top: 6px; */
/* background: #666666;*/
/* border-radius: 50px; */
width: 45px;
height: 45px;
/* padding: 11px 13px;*/
margin:0 auto !important;
}
.tweet-send-btn svg {
margin-left: -2px;
margin-top: 2px;
}
.tweet-cancel-btn {
color: #ffffff;
/* font-size: 35px; */
line-height: 1em;
margin-left: 15px;
margin-top: 6px;
background: #6c00ff;
border-radius: 50px;
width: 45px;
height: 45px;
}
.tweet-cancel-btn svg {
margin-left: 12px;
}
.tweet-cancel-btn.request-cancel-btn {
margin-left: 0px;
margin-top: 0px;
}
.return-btn-ico, .links-sm, .att-sm {
margin-right: 13px;
margin-left: 13px;
}
.req-summary-slider-cover {
-webkit-box-shadow: -7px 0px 10px 4px rgb(0 0 0 / 22%);
box-shadow: -7px 0px 10px 4px rgb(0 0 0 / 22%);
right: -27px !important;
}
.request-upload-image .tweet-cancel-btn{
width: 30px;
height: 30px;
}
.tweet-panel-img {
display: block;
}
.dropdown-menu-right .links-sm, .dropdown-menu-right .att-sm, .dropdown-menu-right .link-panel, .dropdown-menu-right .att-panel {
display: none !important;
}
#usernameUploadedFile {
/* min-height: 46px;*/
}
.p-url {
font-size: 12px;
color: #424242;
padding: 10px;
}
.p-desc {
/* white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
max-width: 350px;
}
.p-title, .p-url {
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
/*max-width: 300px;*/
}
.outputlink {
width: 100%;
position: absolute;
bottom: 100px;
}
.output-link-tweet {
/*width: 736px;
width: 70%;
text-align: left;
margin: 0 auto;
position: relative;
border-radius: 15px;*/
margin: 0 auto;
}
.output-link .output-link-tweet {
width: 100%;
text-align: right;
margin-top: -10px;
}
.chat-alert-wrapper {
position: absolute;
top: -48px;
padding: 5px 10px;
border-radius: 20px;
right: -5px;
text-align: center;
margin: 0 auto;
}
.chat-alert-wrapper p {
font-size: 12px;
text-align: center;
position: relative;
width: 100%;
background: red;
color: #fff;
border-radius: 20px;
padding: 5px 10px;
}
.chat-alert-wrapper p::after {
font-size: 12px;
content: "";
color: red;
width: 0;
height: 0;
position: absolute;
bottom: -8px;
left: 47%;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #f00;
}
a.chat-link {
/*background-color: #f3f3f3;
box-shadow: 0px 0px 5px 0px silver;
display: block;
text-align: left;
border-radius: 10px;
padding: 10px 20px;
text-decoration: none !important;*/
/*min-height: 243px;*/
/*border-radius: 1rem;*/
}
.output-link-tweet a.chat-link {
margin-top: 10px;
min-height: 243px;
border-radius: 15px;
padding: 15px;
}
.link-loader {
/*position: absolute;*/
display: block !important;
}
svg#line-progress {
border-radius: 20px;
}
.filesizechat {
/*margin-top: -24px;
font-size: 12px;
margin-bottom: 20px;*/
}
.input-count-tweet {
/*font-size: 10px;
position: absolute;
display: table-cell;
vertical-align: middle;
background: #6c00ff;
color: #fff;
border-radius: 50px;
width: 26px;
height: 26px;
line-height: 2.6em;
padding: 0;
top: 31px;
text-align: center;
cursor: pointer;
margin-left: 21px;
margin-top: -5px;*/
line-height: 2.0em;
}
.link-count-tweet {
/* font-size: 10px; */
/* position: absolute; */
/* display: table-cell; */
/* vertical-align: middle; */
background: #ffcc4d;
color: #6c00ff;
/* border-radius: 50px; */
/* width: 26px; */
/* height: 26px; */
/* line-height: 2.6em; */
/* padding: 0; */
/* text-align: center; */
/* cursor: pointer; */
/* margin-left: 17px; */
/* font-weight: 700; */
/* margin-top: -29px; */
transform: translate(0%, 0%) rotate(315deg);
line-height: 2.0em;
}
.link-count-tweet-0 {
opacity: 0;
z-index: -1;
}
.link-overflow {
overflow: auto !important;
}
.output-link::-webkit-scrollbar {
height: 2px;
background: #f1f1f1;
}
.output-link::-webkit-scrollbar-thumb {
background: #cacaca;
border-radius: 10px;
}
.unicode-lg {
font-size: 23px !important;
font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Times", "Symbola", "Aegyptus", "Code2000", "Code2001", "Code2002", "Musica", "serif", "LastResort";
}
.no-unicode {
font-size: 16px !important;
}
.emoji-icon {
/*margin-right: 10px;*/
}
.filesizetweet {
}
.filesizechat.filesizealert, .filesizetweet.filesizealert {
color: #de0b0b;
font-weight: 600;
}
.alert-m.redalertbg {
line-height: 1.0em;
margin-left: 15px;
margin-top: 6px;
background: #999999;
border-radius: 50px;
width: 50px;
height: 50px;
padding: 13px 13px;
}
.alert-m.redalertbg img {
margin-left: -1px;
}
.around-a-circle {
text-align: center;
border-radius: 50%;
border: solid 0px #118be1;
display:none;
position:absolute;
}
.tweet-img-loader {
display: grid;
position: relative;
overflow: hidden;
}
.tweet-img-wrapper .tweet-img-loader {
display: flex;
}
.send-btn-act {
background-color: #6c00ff;
color: #ffffff;
-webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.send-btn-pass {
/* background-color: #666666;*/
-webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.text-blue {
color: #b076ff;
transition: color 0.3s ease-in-out;
}
.text-grey {
color: #a0aec0;
transition: color 0.3s ease-in-out;
}
.text-blue:focus {
/* color: #873EEB;*/
}
.text-grey:focus {
color: #a0aec0;
}
.p-title {
/*font-size: 18px;
font-weight: bold;
padding: 0px;
margin: 0px;
min-height: 25px;
margin-top: 6px;
margin-bottom: 10px;*/
display: block;
}
.outputlink a img {
margin: 0 auto;
margin-top: 25px;
max-width: 100%;
padding: 0 70px;
height: auto;
}
button.url-click {
/*width: 100%;
background: #6c00ff;
padding: 10px;
border-radius: 20px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
margin-top: 10px;
color: #ffffff;
outline: none !important;*/
}
button.url-edit {
/*background: #ffffff;
padding: 10px;
border-radius: 20px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
margin-top: 10px;
color: #6c00ff;
outline: none !important;*/
}
button.url-cancel {
/*background: #ffffff;
padding: 10px;
border-radius: 20px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
margin-top: 10px;
color: #6c00ff;
outline: none !important;
display: inline-block;
margin-right: 6px;*/
}
button.url-remove {
/*background: #ffffff;
padding: 10px;
border-radius: 20px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
margin-top: 10px;
color: #6c00ff;
outline: none !important;
display: inline-block;*/
}
button.url-edit span, button.url-cancel span, button.url-remove span {
font-size: 14px;
color: #6c00ff;
padding: 4px 10px;
border-radius: 50px;
font-weight: 700;
}
button.url-cancel span, button.url-remove span {
font-size: 12px;
color: #575757;
padding: 0px;
}
.url-edit i.bi.bi-check, .url-cancel i.bi.bi-dash, .url-remove i.bi.bi-x {
/*width: 28px;
height: 28px;
background: #6c00ff;
padding: 0px;
border-radius: 50px;
text-transform: uppercase;
font-size: 20px;
font-weight: 900;
line-height: 1.1em;
color: #ffffff;
display: inline-block;*/
}
.url-cancel i.bi.bi-dash, .url-remove i.bi.bi-x {
color: #575757;
}
button.url-edit.btndis {
background: #ffffff !important;
color: #adadad !important;
}
.url-edit.btndis i.bi.bi-check {
background: #adadad !important;
color: #ffffff !important;
}
button.url-edit.btndis span {
color: #adadad !important;
}
.open-reply {
margin-bottom: 20px;
}
.stop-scrolling, .stop-scrolling-menu {
height: 100% !important;
overflow: hidden !important;
}
.add-files-icon {
font-size: 26px;
line-height: 1em;
display: block;
}
.add-link-icon {
font-size: 29px;
line-height: 1em;
display: block;
}
.add-emoji-icon {
font-size: 26px;
line-height: 1em;
display: block;
}
.ac-purple {
color: #6c00ff;
}
.ac-yellow {
color: #fec922 !important;
}
.ac-green {
color: #00ba7c !important;
}
.link-main-icon {
transform: translate(0%, 0%) rotate(45deg);
/* margin-right: 20px;*/
}
.output-link-tweet button.url-click {
/* width: 40px; */
/* height: 40px; */
/*background: #ffffff;*/
/* padding: 0px; */
/* border-radius: 50px; */
/* text-transform: uppercase; */
/* font-size: 28px; */
/* font-weight: 600; */
/* line-height: 0.8em; */
/* color: #ffffff; */
/*display: block;
margin-top: 10px;
right: 0;
padding-bottom: 0px;
padding-top: 0px;*/
}
.hide-url {
display: none;
}
.hide-obj {
display: none !important;
}
.added-link {
/*background: #f1f1f1;
color: #6c00ff;
border-radius: 50px;*/
padding: 1px 10px;
line-height: 1.5em;
font-size: 13px;
margin-right: 5px;
/*font-weight: 700;
position: relative;*/
/*text-decoration: underline;*/
word-break: break-all;
/*display: inline-flex;*/
/*border-bottom: 3px solid #ffffff;*/
/*white-space: nowrap;*/
/*text-overflow: ellipsis;*/
max-width: 350px;
margin-top: 5px;
}
.added-link span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
a.added-link2 {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 350px !important;
display: inline-block !important;
}
span.added-link .added-link2 {
display: inline !important;
}
button.url-click span {
/*font-size: 14px;
color: #6c00ff;
padding: 4px 10px;
border-radius: 50px;
font-weight: 700;*/
}
.url-click i.bi.bi-plus {
/* background: #6c00ff;
width: 28px;
height: 28px;
padding: 0px;
border-radius: 50px;
text-transform: uppercase;
font-size: 20px;
font-weight: 900;
line-height: 1.1em;
color: #ffffff;
display: inline-block;*/
}
.tweet-wrap-in .added-link {
/*overflow: hidden;
text-overflow: ellipsis;
max-width: 500px;*/
}
.chat-link .logo-img {
max-width: 80%;
}
.p-img {
text-align: center;
}
.p-img i.bi {
margin: 0 auto;
text-align: center;
font-size: 25px;
line-height: 2em;
}
.p-img i.bi.bi-youtube {
font-size: 33px;
line-height: 1.3em;
}
.tweet-link-loader .p-img i.bi {
font-size: 30px;
line-height: 1.3em;
}
.tweet-link-loader .p-img i.bi.bi-youtube {
font-size: 23px;
line-height: 1.7em;
}
.links-panel.tweet-link-loader{
display: block;
}
.output-link-tweet .p-img i.bi {
font-size: 90px;
line-height: 1em;
}
.output-link-tweet .p-img i.bi.bi-youtube {
font-size: 90px;
line-height: 1em;
}
.tweet-panel .p-img {
min-height: 75px;
position: relative;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
text-align: center;
width: 100%;
margin: 0 auto;
display: inline-flex;
border-radius : 2px;
}
.tweet-panel .p-img img {
max-height: 55px;
}
.tweet-panel .p-img svg {
max-height: 50px;
width: 100%;
max-width: 160px;
margin: 0 auto;
min-height: 50px;
}
.tweet-panel .link-panel .each-link-tweet {
display: inline-block;
margin-right: 10px;
margin-bottom: 20px;
margin-top: 5px;
}
.tweet-panel .chat-link .logo-img {
max-width: 80%;
width: 60% !important;
height: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto !important;
}
.each-link-tweet .chat-link {
cursor: default;
}
.tweet-panel .each-link-tweet .chat-link {
cursor: pointer;
}
.p-desc {
/*font-size: 12px;
padding: 0px;
margin-top: 0px;
margin-bottom: 5px;*/
display: block;
}
.chat-img-wrapper {
position: absolute;
background: #ffffff;
width: 100%;
text-align: center;
margin: 0 auto;
border-radius: 15px;
box-shadow: rgb(0 0 0 / 20%) 1px 1px 5px 0px;
top: -241px;
height: 220px;
}
.tweet-img-wrapper, .tweet-img-wrapper-respond {
position: relative;
width: 100%;
text-align: center;
border-radius: 15px;
padding: 20px 0px;
margin-top: 10px;
padding-bottom: 0px;
}
.chat-img-main {
overflow: hidden;
display: inline-grid;
}
.add-file-tweet {
width: 150px;
height: 130px;
border-radius: 15px;
min-width: 150px;
margin-right: 1rem;
}
.chat-file-upload-click {
width: 80px;
height: 80px;
border-radius: 15px;
min-width: 80px;
}
.chat-box, .chat-rb {
width: 120px;
height: 120px;
min-width: 120px;
border: 0;
padding: 0;
margin-right: 1rem;
border-radius: 13px;
overflow: hidden;
position: relative;
}
.chat-rb {
height: 100px;
}
.chat-rf {
overflow-x: hidden;
display: flex;
}
.chat-uploaded-image-btn, .chat-ra{
min-height: 100px;
border-radius: 15px;
height: 100px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.chat-box img, .chat-rb img {
margin: 0px auto;
padding: 0px;
max-width: 120px;
border-radius: 0px;
margin-top: -1px;
height: auto;
max-height: none;
}
.chat-box.chat-add-file-labels {
min-width: 80px;
width: 80px;
border-radius: 0;
}
.chat-image-loader {
position: relative;
overflow: hidden;
}
.fulloutput.fulloutput-tweet {
max-width: 150px;
overflow: hidden;
margin-top: -16px;
display: inline-block;
border-radius: 0px 0px 15px 15px;
z-index: 1;
position: relative;
cursor: default;
}
.fulloutput.fulloutput-chat, .chat-fo {
max-width: 120px;
overflow: hidden;
margin-top: -13px;
border-radius: 0px 0px 15px 15px;
z-index: 1;
position: relative;
cursor: default;
font-size:10px;
}
.chat-fo {
padding: 9px;
text-align: center;
width: 100%;
min-height: 33px;
display: flex;
margin-top: -33px;
}
.chat-rt {
word-break: break-word;
overflow-x: hidden;
margin-bottom: 0.75rem;
font-size: .813rem;
padding: 0px 10px 0px 0px !important;
}
.product-details a {
text-decoration: underline;
}
.product-details a.chat-link {
text-decoration: none;
}
.file-name-tweet {
white-space: nowrap;
}
.each-file-tweet, .file-tweet-empty {
width: 150px;
display: block;
height: 130px;
min-width: 150px;
}
.each-file-tweet:nth-of-type(1) {
margin-left: 0px;
}
.close.file-close, .close.file-close-first {
/*position: absolute;
top: 0px;
font-size: 15px;
padding: 5px;
border-radius: 50px;
width: 28px;
height: 28px;
line-height: 0.9em;
text-shadow: none;
opacity: 1;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
border: 0;
right: 0;*/
}
.info-file, .info-file-respond {
/*position: absolute;
top: 0px;
margin-left: 90px;
font-size: 15px;
padding: 5px;
border-radius: 50px;
width: 28px;
height: 28px;
line-height: 0.9em;
text-shadow: none;
opacity: 1;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
border: 0;*/
margin-right: 2.15rem;
}
.tweet-body-wrap {
white-space: break-spaces;
/* padding-right: 15px;*/
line-height: 1.5em;
display: inline;
}
.tweet-project-files .tweet-body-wrap {
padding-right: 0;
font-size: 1rem;
}
.modal-main-title .tweet-body-wrap {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px;
max-height:23px;
display: block;
}
.modal-item-section .bg-purplecolor.rounded-full {
border-radius: 0.375rem !important;
}
.text-green-500 .tweet-body-wrap {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.notifications-main-column .tweet-body-wrap, .scrolling-pagination-master .tweet-body-wrap {
/*width: 100%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
white-space:normal;*/
white-space:normal;
}
.info-file.info-file-quote, .info-file-respond.info-file-quote {
margin-right: 0;
}
.img-slide-req-summary-step-7 .info-file{
margin-right:0;
}
.info-case, .info-case-respond {
position: absolute;
width: 150px;
height: 130px;
background: rgb(108 0 255 / 93%);
top: 0;
/*border-radius: 15px; */
padding: 20px 17px;
text-align: left;
line-height: 1em;
overflow: hidden;
font-weight: 700;
cursor: auto;
z-index: 1;
right:0;
}
.each-file-tweet .info-case, .each-file-tweet .info-case-respond{
border-radius: 15px;
}
.chat-box .info-case {
width: 120px;
height: 120px;
border-radius: 15px;
padding: 25px 12px 20px 12px;
}
.info-file-chat {
right:-1px;
}
.ml-1px {
margin-left:1px;
}
.drag-icon {
cursor: url("data:image/svg+xml; utf8, "), auto;
}
.dark .drag-icon {
cursor: url("data:image/svg+xml; utf8, "), auto;
}
/*MOUSE CIRCLE*/
#follower {
position: absolute;
top: -500px;
left: 50%;
margin-top:-33px;
}
#follower.follower-drag {
margin-top: -20px;
margin-left: -60px;
}
#follower.text-base{
margin-top: -10px;
margin-left: -10px;
}
#follower.text-sm{
margin-top: -8px;
margin-left: -7px;
}
#follower.text-xl{
margin-top: -15px;
margin-left: -12px;
}
#follower #circle1 {
position: absolute;
/*-webkit-animation: pulse 2s infinite; /* Chrome, Safari, Opera */
/*animation: pulse 2s infinite;*/
background: #fff;
border-radius: 50%;
height: 0em;
width: 0em;
margin-top: 0em;
margin-left: 0em;
}
#follower #circle2 {
position: absolute;
/*-webkit-animation: pulse 4s infinite; /* Chrome, Safari, Opera */
/*animation: pulse 4s infinite;*/
background: rgba(200,0,0,0.8);
border-radius: 50%;
height: 0em;
width: 0em;
margin-top: 0em;
margin-left: 0em;
}
.image-comment-box-textbox {
max-height: 260px;
width: 300px;
overflow: hidden;
cursor: auto;
}
.image-comment-box-pos .innercir {
background: rgba(13,107,98,0.85);
-webkit-animation: pulse 3s infinite;
animation: pulse 3s infinite;
left: 16px;
top: 16px;
}
.image-comment-box-pos .innercir2 {
background: rgba(79,209,197,0.85);
-webkit-animation: pulse 1.5s infinite;
animation: pulse 1.5s infinite;
left: 16px;
top: 16px;
}
@-moz-keyframes pulse {
0% {
opacity: 0.2;
height: 1em;
width: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
}
50% {
opacity:1;
height: 2em;
width: 2em;
margin-top: -1.0em;
margin-left: -1.0em;
}
100% {
opacity: 0.2;
height: 1em;
width: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
}
}
@-webkit-keyframes pulse {
0% {
opacity: 0.2;
height: 1em;
width: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
}
50% {
opacity: 1;
height: 2em;
width: 2em;
margin-top: -1.0em;
margin-left: -1.0em;
}
100% {
opacity: 0.2;
height: 1em;
width: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
}
}
@-o-keyframes pulse {
0% {
opacity: 0.2;
height: 1em;
width: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
}
50% {
opacity: 1;
height: 2em;
width: 2em;
margin-top: -1.0em;
margin-left: -1.0em;
}
100% {
opacity: 0.2;
height: 1em;
width: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
}
}
@keyframes pulse {
0% {
opacity: 0.2;
height: 1em;
width: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
}
50% {
opacity:1;
height: 2em;
width: 2em;
margin-top: -1.0em;
margin-left: -1.0em;
}
100% {
opacity: 0.2;
height: 1em;
width: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
}
}
.canvas-img-thumb {
margin: 0px auto;
padding: 10px;
/*margin-top: 12px !important;*/
}
.bg-imgbgcolor-300, .bg-imgbgcolor-100 {
color:#252525;
}
.each-file-tweet .file-image-tweet.bg-imgbgcolor-300, .each-file-tweet .file-image-tweet.bg-imgbgcolor-100
{
border: 1px solid #e7e7e7;
}
.bg-imgbgcolor-600, .bg-imgbgcolor-900 {
color:#a7a7a7;
}
.each-file-tweet .file-image-tweet.bg-imgbgcolor-600, .each-file-tweet .file-image-tweet.bg-imgbgcolor-900
{
border: 1px solid #323232;
}
.bg-imgbgcolor-300 .top-btns:hover, .bg-imgbgcolor-100 .top-btns:hover {
color:#b076ff;
background-color: #d9d9d9;
}
.bg-imgbgcolor-300 .top-btns:focus, .bg-imgbgcolor-100 .top-btns:focus {
color:#b076ff;
background-color: #d9d9d9;
}
.bg-imgbgcolor-600 .top-btns:hover, .bg-imgbgcolor-900 .top-btns:hover {
color:#b076ff;
background-color: #222222;
}
.bg-imgbgcolor-600 .top-btns:focus, .bg-imgbgcolor-900 .top-btns:focus {
color:#b076ff;
background-color: #222222;
}
.bg-imgbgcolor-300 .btm-btns:hover, .bg-imgbgcolor-100 .btm-btns:hover {
color:#b076ff;
background-color: #d9d9d9;
}
.bg-imgbgcolor-300 .btm-btns:focus, .bg-imgbgcolor-100 .btm-btns:focus {
color:#b076ff;
background-color: #d9d9d9;
}
.bg-imgbgcolor-600 .btm-btns:hover, .bg-imgbgcolor-900 .btm-btns:hover {
color:#b076ff;
background-color: #222222;
}
.bg-imgbgcolor-600 .btm-btns:focus, .bg-imgbgcolor-900 .btm-btns:focus {
color:#b076ff;
background-color: #222222;
}
.bg-imgbgcolor-300 .show .top-btns, .bg-imgbgcolor-100 .show .top-btns {
color:#b076ff;
background-color: #d9d9d9;
}
.bg-imgbgcolor-600 .show .top-btns, .bg-imgbgcolor-900 .show .top-btns {
color:#b076ff;
background-color: #222222;
}
.bg-imgbgcolor-300 .erase-msg, .bg-imgbgcolor-100 .erase-msg {
background-color: rgb(217 217 217 / 80%);
}
.bg-imgbgcolor-600 .erase-msg, .bg-imgbgcolor-900 .erase-msg {
background-color: rgb(34 34 34 / 80%);
}
.bg-imgbgcolor-300 .erase-msg h3, .bg-imgbgcolor-100 .erase-msg h3 {
color: #252525;
}
.bg-imgbgcolor-600 .erase-msg h3, .bg-imgbgcolor-900 .erase-msg h3 {
color: #D3D3D3;
}
.bg-imgbgcolor-300 .erase-msg .btn-layout.btn-layout-gray, .bg-imgbgcolor-100 .erase-msg .btn-layout.btn-layout-gray {
color: #252525;
}
.bg-imgbgcolor-600 .erase-msg .btn-layout.btn-layout-gray, .bg-imgbgcolor-900 .erase-msg .btn-layout.btn-layout-gray {
color: #D3D3D3;
}
.bg-imgbgcolor-100 .erase-msg .btn-layout.btn-layout-gray:hover, .bg-imgbgcolor-300 .erase-msg .btn-layout.btn-layout-gray:hover {
color: #D3D3D3;
}
.bg-imgbgcolor-100 .erase-msg .btn-layout.btn-layout-gray:focus, .bg-imgbgcolor-300 .erase-msg .btn-layout.btn-layout-gray:focus {
color: #D3D3D3;
}
.bg-imgbgcolor-600 .erase-msg .btn-layout.btn-layout-gray:hover, .bg-imgbgcolor-900 .erase-msg .btn-layout.btn-layout-gray:hover {
color: #D3D3D3;
}
.bg-imgbgcolor-600 .erase-msg .btn-layout.btn-layout-gray:focus, .bg-imgbgcolor-900 .erase-msg .btn-layout.btn-layout-gray:focus {
color: #D3D3D3;
}
.bg-imgbgcolor-300 button.border, .bg-imgbgcolor-100 button.border {
border-color:#d7d7d7;
}
.bg-imgbgcolor-600 button.border, .bg-imgbgcolor-900 button.border {
border-color:#252525;
}
.bg-imgbgcolor-300 .dropdown-menu, .bg-imgbgcolor-100 .dropdown-menu, .bg-imgbgcolor-300 .draw-toolbox, .bg-imgbgcolor-100 .draw-toolbox, .bg-imgbgcolor-300 .comment-toolbox, .bg-imgbgcolor-100 .comment-toolbox {
color:#5F5F5F;
background-color: #ffffff;
}
.bg-imgbgcolor-600 .dropdown-menu, .bg-imgbgcolor-900 .dropdown-menu, .bg-imgbgcolor-600 .draw-toolbox, .bg-imgbgcolor-900 .draw-toolbox, .bg-imgbgcolor-600 .comment-toolbox, .bg-imgbgcolor-900 .comment-toolbox {
color:#d1d1d1;
background-color: #161616;
}
.bg-imgbgcolor-300 .draw-toolbox button:hover, .bg-imgbgcolor-100 .draw-toolbox button:hover, .bg-imgbgcolor-300 .draw-toolbox button:focus, .bg-imgbgcolor-100 .draw-toolbox button:focus {
color:#b076ff;
background-color: #d9d9d9;
}
.bg-imgbgcolor-600 .draw-toolbox button:hover, .bg-imgbgcolor-900 .draw-toolbox button:hover, .bg-imgbgcolor-600 .draw-toolbox button:focus, .bg-imgbgcolor-900 .draw-toolbox button:focus {
color:#b076ff;
background-color: #222222;
}
.bg-imgbgcolor-300 .comment-toolbox button:hover, .bg-imgbgcolor-100 .comment-toolbox button:hover, .bg-imgbgcolor-300 .comment-toolbox button:focus, .bg-imgbgcolor-100 .comment-toolbox button:focus {
color:#b076ff;
}
.bg-imgbgcolor-600 .comment-toolbox button:hover, .bg-imgbgcolor-900 .comment-toolbox button:hover, .bg-imgbgcolor-600 .comment-toolbox button:focus, .bg-imgbgcolor-900 .comment-toolbox button:focus {
color:#b076ff;
}
.bg-imgbgcolor-300 hr, .bg-imgbgcolor-100 hr {
border-color: #d3d3d3 !important;
}
.bg-imgbgcolor-600 hr, .bg-imgbgcolor-900 hr {
border-color: #2a2a2a !important;
}
.bg-imgbgcolor-300 .border-t, .bg-imgbgcolor-100 .border-t {
border-color: #d3d3d3 !important;
}
.bg-imgbgcolor-600 .border-t, .bg-imgbgcolor-900 .border-t {
border-color: #2a2a2a !important;
}
.bg-imgbgcolor-300 .image-comment-box-textbox, .bg-imgbgcolor-100 .image-comment-box-textbox {
color:#5F5F5F;
background-color: #ffffff;
box-shadow: 1px 1px 5px 1px rgb(191 191 191 / 73%);
}
.bg-imgbgcolor-100 .dropdown-menu.comment-pos-dropdown-menu, .bg-imgbgcolor-300 .dropdown-menu.comment-pos-dropdown-menu, .bg-imgbgcolor-600 .dropdown-menu.comment-pos-dropdown-menu, .bg-imgbgcolor-900 .dropdown-menu.comment-pos-dropdown-menu {
background-color: transparent;
box-shadow: none;
}
.bg-imgbgcolor-100 .dropdown-menu .comment-contain, .bg-imgbgcolor-300 .dropdown-menu .comment-contain {
color:#5F5F5F;
background-color: #ffffff;
box-shadow: 1px 1px 5px 1px rgb(191 191 191 / 73%);
}
.bg-imgbgcolor-600 .dropdown-menu .comment-contain, .bg-imgbgcolor-900 .dropdown-menu .comment-contain {
color:#D3D3D3;
background-color: #161616;
box-shadow: 1px 1px 5px 1px rgb(76 76 76 / 73%);
}
.bg-imgbgcolor-100 .return-btn-cm-on-img, .bg-imgbgcolor-300 .return-btn-cm-on-img {
color: #b076ff;
background-color: #f7f7f7;
}
.bg-imgbgcolor-600 .return-btn-cm-on-img, .bg-imgbgcolor-900 .return-btn-cm-on-img {
color: #b076ff;
background-color: #0e0e0e;
}
.bg-imgbgcolor-100 .comment-contain-respond.border-t, .bg-imgbgcolor-300 .comment-contain-respond.border-t, .bg-imgbgcolor-100 .respond-paginator, .bg-imgbgcolor-300 .respond-paginator {
border-color:#e3e3e3;
}
.bg-imgbgcolor-600 .comment-contain-respond.border-t, .bg-imgbgcolor-900 .comment-contain-respond.border-t, .bg-imgbgcolor-600 .respond-paginator, .bg-imgbgcolor-900 .respond-paginator {
border-color:#3c3c3c;
}
.bg-imgbgcolor-100 .cm-on-image-responds .tweet-name-add, .bg-imgbgcolor-300 .cm-on-image-responds .tweet-name-add {
background: #f7f7f7;
color: #0e0e0e ;
}
.bg-imgbgcolor-600 .cm-on-image-responds .tweet-name-add, .bg-imgbgcolor-900 .cm-on-image-responds .tweet-name-add {
background: #0e0e0e ;
color: #ffffff ;
}
.bg-imgbgcolor-100 .respond-load-btn:hover, .bg-imgbgcolor-300 .respond-load-btn:hover {
background: #b076ff !important;
color: #ffffff !important;
}
.bg-imgbgcolor-600 .respond-load-btn:hover, .bg-imgbgcolor-900 .respond-load-btn:hover {
background: #6c00ff !important;
color: #ffffff !important;
}
.bg-imgbgcolor-100 .file-comment-respond-select:hover, .bg-imgbgcolor-300 .file-comment-respond-select:hover {
background: #d9d9d9 !important;
color: #666666 !important;
}
.bg-imgbgcolor-600 .file-comment-respond-select:hover, .bg-imgbgcolor-900 .file-comment-respond-select:hover {
background: #0e0e0e !important;
color: #666666 !important;
}
.bg-imgbgcolor-100 .comment-contain::-webkit-scrollbar-thumb, .bg-imgbgcolor-300 .comment-contain::-webkit-scrollbar-thumb {
background: #cacaca !important;
}
.bg-imgbgcolor-600 .comment-contain::-webkit-scrollbar-thumb, .bg-imgbgcolor-900 .comment-contain::-webkit-scrollbar-thumb {
background: #2e2e2e !important;
}
.bg-imgbgcolor-100 .spinning-loader, .bg-imgbgcolor-300 .spinning-loader {
border: 3px solid var(--s-loader-border-color-trans-cm);
border-left-color: var(--s-loader-border-color-full);
}
.bg-imgbgcolor-600 .spinning-loader, .bg-imgbgcolor-900 .spinning-loader {
border: 3px solid var(--s-loader-border-color-trans-cm);
border-left-color: var(--s-loader-border-color-full);
}
.dark .bg-imgbgcolor-100 .spinning-loader, .bg-imgbgcolor-300 .spinning-loader {
border: 3px solid var(--s-loader-border-color-trans);
border-left-color: var(--s-loader-border-color-full);
}
.dark .bg-imgbgcolor-600 .spinning-loader, .bg-imgbgcolor-900 .spinning-loader {
border: 3px solid var(--s-loader-border-color-trans);
border-left-color: var(--s-loader-border-color-full);
}
.dark .bg-imgbgcolor-100 .spinning-loader.see-more-loader-download, .dark .bg-imgbgcolor-300 .spinning-loader.see-more-loader-download {
border: 3px solid var(--s-loader-border-color-trans-cm);
border-left-color: var(--s-loader-border-color-full-purple);
}
.dark .bg-imgbgcolor-600 .spinning-loader.see-more-loader-download, .dark .bg-imgbgcolor-900 .spinning-loader.see-more-loader-download {
border: 3px solid var(--s-loader-border-color-trans);
border-left-color: var(--s-loader-border-color-full-purple);
}
.bg-imgbgcolor-100 .text-default, .bg-imgbgcolor-300 .text-default {
color:#939393;
}
.bg-imgbgcolor-600 .text-default, .bg-imgbgcolor-900 .text-default {
color:#939393;
}
.tna-active {
background: #00ba7c !important;
color: #ffffff !important;
cursor: pointer;
}
.tweet-panel.tna-active-tweet {
box-shadow: inset 0 -5px 0 #00ba7c;
}
.dropdown-menu .comment-contain {
width: 300px;
position: absolute;
max-height: 300px;
overflow-y: auto;
}
.dropdown-menu.comment-pos-dropdown-menu.show {
transform: none !important;
}
.bg-imgbgcolor-600 .image-comment-box-textbox, .bg-imgbgcolor-900 .image-comment-box-textbox {
color:#D3D3D3;
background-color: #161616;
box-shadow: 1px 1px 5px 1px rgb(76 76 76 / 73%);
}
.bg-imgbgcolor-100 .cm-on-image-footer, .bg-imgbgcolor-300 .cm-on-image-footer {
border-top: 1px solid #dddddd;
}
.bg-imgbgcolor-600 .cm-on-image-footer, .bg-imgbgcolor-900 .cm-on-image-footer {
border-top: 1px solid #373737;
}
.chat-panel .emoji-header button:active, .chat-panel .emoji-footer button:active, .open-emoji-chat-panel .emoji-header button:active, .open-emoji-chat-panel .emoji-footer button:active {
background-color: #CCCCCC;
}
.bg-imgbgcolor-300 .image-comment-box-textbox .cm-on-image-emoji-panel .emoji-header button:active, .bg-imgbgcolor-100 .image-comment-box-textbox .cm-on-image-emoji-panel .emoji-header button:active {
background-color: #cccccc;
}
.bg-imgbgcolor-600 .image-comment-box-textbox .cm-on-image-emoji-panel .emoji-header button:active, .bg-imgbgcolor-900 .image-comment-box-textbox .cm-on-image-emoji-panel .emoji-header button:active {
background-color: #363636;
}
.bg-imgbgcolor-600 .comment-pos, .bg-imgbgcolor-900 .comment-pos {
color:#252525;
}
.bg-imgbgcolor-300 .comment-pos, .bg-imgbgcolor-100 .comment-pos {
color:#ffffff;
}
.bg-imgbgcolor-300 .comment-pos .bg-gray-600, .bg-imgbgcolor-100 .comment-pos .bg-gray-600, .bg-imgbgcolor-600 .comment-pos .bg-gray-600, .bg-imgbgcolor-900 .comment-pos .bg-gray-600 {
background: rgb(79 209 197 / 44%);
}
.bg-imgbgcolor-600 .hover\:text-purplecolor:hover, .bg-imgbgcolor-900 .hover\:text-purplecolor:hover {
color:#b076ff;
}
.bg-imgbgcolor-600 .bi-toggle-on.text-purplecolor, .bg-imgbgcolor-900 .bi-toggle-on.text-purplecolor {
color:#b076ff;
}
.bg-imgbgcolor-600 .text-purplecolor, .bg-imgbgcolor-900 .text-purplecolor {
color:#b076ff;
}
.cm_numbers {
box-shadow: 1px 1px 5px 1px rgb(76 76 76 / 30%);
transition: all 0.4s ease;
}
.cm_numbers:hover, .dropdown.comment-pos-dropdown.show .cm_numbers {
background-color: #b076ff;
}
.overflow-auto-temp {
overflow: initial !important;
}
.cm-on-image-avatar-img, .cm-on-image-user img, .cm-on-image-user-respond img {
max-width: 25px !important;
min-width: 25px !important;
}
.erase-msg {
margin:0 auto; left:0; right:0; top: 52px;
}
.color-purplelight {
color:#b076ff;
}
.max-20 {
font-size: 12px;
background: #656565;
border-radius: 20px;
padding: 4px 10px;
color: #fff;
text-align: center;
font-weight: 700;
}
.dupe-20 {
font-size: 12px;
background: #d6d6d6;
border-radius: 20px;
padding: 5px 10px;
color: #dd0b0b;
line-height: 1em;
text-align: center;
margin-top: 5px;
font-weight: 700;
margin-bottom: 40px;
}
.total-file-size, .total-file-size-respond {
/*font-size: 12px;
/*font-size: 12px;
background: #e6e6e6;
border-radius: 20px;
padding: 6px 10px 7px 10px;
line-height: 1em;
text-align: center;
font-weight: 700;
top: 0px;
position: absolute;
width: 150px;
z-index: 0;
right: -10px;*/
}
.chat-box .total-file-size {
font-size: 10px;
}
.file-image-tweet, .file-image-tweet-empty {
z-index: 1;
border-radius: 15px;
height: 110px;
display: inline-block;
vertical-align: middle;
width: 150px;
overflow: hidden;
}
.file-image-chat, .file-image-chat-empty, .chat-fic {
z-index: 1;
border-radius: 15px;
display: inline-block;
vertical-align: middle;
width: 120px;
overflow: hidden;
}
.file-image-tweet.empty-img-holder {
height: 130px
}
.file-image-tweet img {
max-width: 150px;
margin-top: -1px;
height: auto;
max-height: none;
}
.file-image-tweet button{
height: auto;
align-items: center;
min-height: 110px;
overflow: hidden;
position: relative;
min-height: 100%;
}
.add-file-tweet i, .add-file-tweet-respond i {
font-size: 50px;
line-height: 1.33em;
}
.btn-danger-chat {
position: absolute;
top: 10px;
right: 10px;
}
.btn-danger-tweet {
position: absolute;
top: 5px;
right: 10px;
outline: none !important;
font-size: 18px;
line-height: 1em;
padding: 2px;
}
.alert-color-red {
color: #de0b0b;
font-weight: 600;
}
.chat-image-modal, .tweet-image-modal {
cursor: pointer;
}
.chat-image-modal-backdrop {
background: rgba(0, 0, 0, 0.68);
}
.chat-link img {
/* width: 100%;
width: 50% !important;*/
padding: 0 !important;
margin: 0 auto !important;
max-height: 130px;
}
.chat-li .chat-link img, .open-links-chat-panel .chat-link img, .open-reply-chat-panel .chat-link img {
max-width: 100px;
}
.link-panel .chat-link img {
max-height: 53px;
}
.msg-reply-sec {
overflow-y: scroll;
height: 130px;
}
.added-link a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.chat {
list-style: none;
margin: 0;
/*padding: 30px 30px 10px 30px;*/
}
.append-chat .chat {
min-height: 165px;
}
.chat li {
/*border-bottom: 1px solid #e7e7e7;*/
}
.chat li .chat-body p {
/*max-width: 330px;*/
}
.panel-body {
overflow-y: scroll;
overflow-x: hidden;
height: 350px;
}
.chat-buttons-main {
position: fixed;
bottom: 0px;
display: flex;
width: 100%;
padding: 12px;
padding-right: 20px;
}
body.modal-open.scrollvisible .chat-buttons-main{
padding-right: 28px;
}
.file-ready {
background-color: #6c00ff;
color: #ffffff;
z-index: 0;
}
.link-ready {
background-color: #fec922;
color: #252525;
z-index: 0;
}
.file-not-ready {
background-color: transparent;
color: #ffffff;
}
.hide-zindex-1 {
z-index: -1 !important;
background: transparent !important;
opacity: 0;
}
/* NEW CHAT PANEL */
.chat-panel {
position: relative;
/*background-color: #f7f7f7;*/
font-size: 0;
overflow: hidden;
white-space: nowrap;
}
.chat-panel .emoji-header {
/*background-color: #FFFFFF;*/
}
.chat-panel .emoji-header button, .chat-panel .emoji-footer button, .open-emoji-chat-panel .emoji-header button, .open-emoji-chat-panel .emoji-footer button {
min-width: 50px;
height: 50px;
vertical-align: top;
-webkit-transition: background-color 100ms;
-moz-transition: background-color 100ms;
-o-transition: background-color 100ms;
transition: background-color 100ms;
outline: none;
}
.open-emoji-chat-panel .emoji-header button, .open-emoji-chat-panel .emoji-footer button {
min-width: 30px;
height: 50px;
}
.chat-panel .emoji-header button img {
width: 24px;
}
.open-emoji-chat-panel .emoji-header button img {
width: 24px;
}
.chat-panel .emoji-panel, .open-emoji-chat-panel .emoji-panel {
height: 178px;
/* overflow-x: auto; */
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
transition-timing-function: ease-in;
transition: 0.2s;
}
.open-emoji-chat-panel .emoji-panel {
height: 80px;
}
.chat-panel .emoji-panel > div, .open-emoji-chat-panel .emoji-panel > div {
margin: 0;
height: 100%;
overflow-y: auto;
display: inline-block;
white-space: normal;
vertical-align: top;
}
.open-emoji-chat-panel .emoji-panel > div {
margin: 0;
}
.chat-panel .emoji-panel .emojicon, .open-emoji-chat-panel .emoji-panel .emojicon {
display: inline-block;
cursor: pointer;
transition: all 225ms cubic-bezier(.4, 0, .2, 1);
}
.chat-panel .emoji-panel .emojicon img, .open-emoji-chat-panel .emoji-panel .emojicon img {
width: 33px;
padding: 5px;
margin: 0px;
-webkit-transition: transform 100ms cubic-bezier(.4, 0, .2, 1);
-moz-transition: transform 100ms cubic-bezier(.4, 0, .2, 1);
-o-transition: transform 100ms cubic-bezier(.4, 0, .2, 1);
transition: transform 100ms cubic-bezier(.4, 0, .2, 1);
}
.open-emoji-chat-panel .emoji-panel .emojicon img {
width: 30px;
}
.chat-panel .emoji-footer *, .open-emoji-chat-panel .emoji-footer * {
display: inline-block;
}
.chat-panel .emoji-footer, .open-emoji-chat-panel .emoji-footer {
position: relative;
background-color: #EEEEEE;
padding: 8px 0;
z-index: 1;
}
.chat-panel .emoji-footer form .message, .open-emoji-chat-panel .emoji-footer form .message {
background-color: #FFFFFF;
padding: 12px;
font-size: 17px;
outline: none;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 5px;
white-space: pre-wrap;
}
.chat-panel .emoji-footer form .message *, .open-emoji-chat-panel .emoji-footer form .message * {
vertical-align: middle;
}
.chat-panel .emoji-footer form .message img, .open-emoji-chat-panel .emoji-footer form .message img {
margin: 0 1px;
margin-top: -1px;
height: 20px;
width: 20px;
}
.chat-panel .emoji-footer button, .open-emoji-chat-panel .emoji-footer button {
height: 50px;
text-align: center;
}
.chat-panel .emoji-footer button i, .open-emoji-chat-panel .emoji-footer button i {
font-size: 30px;
line-height: 50px;
}
.chat-panel .emoji-footer button:first-child i, .open-emoji-chat-panel .emoji-footer button:first-child i {
font-size: 50px;
}
.comment-textarea-div-h div {
/*display: inline-block;*/
}
/* EMOJI */
.emoji-panel div::-webkit-scrollbar {
width: 6px !important;
}
.emoji-panel div::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .2);
}
.emoji-panel div::-webkit-scrollbar-track {
background: rgba(255, 255, 255, .08);
}
.emoji-panel div {
scrollbar-width: thin !important;
}
span.hlink {
display: none;
}
img.emoji {
width: 25px;
padding: 2px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
.currentNote img.emoji {
width: 20px;
margin-top: -4px;
}
.chat-reactions-loader-container img.emoji {
width: 20px;
padding: 2px;
display: inline-block;
}
.more-opt {
margin-left: 0px;
width: 32px !important;
height: 32px !important;
}
.remove-deleted-comment {
width: 32px !important;
height: 32px !important;
position: absolute !important;
min-height: auto !important;
}
.pr-1 {
/* padding-right: 1rem;*/
}
.tweet-panel-org.tweet-panel, .tweet-panel.respond-panel{
min-height:120px;
}
/* ----------
FLEX
---------- */
.hor-flex-parent {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
}
.flex-kid {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-outcast {
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.menu-tabs > .menu-item {
text-align: center;
}
/* Add styles to the form container */
.form-container {
max-width: 300px;
padding: 10px;
background-color: white;
}
/* Full-width textarea */
.form-container textarea {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;
resize: none;
min-height: 200px;
}
/* When the textarea gets focus, do something */
.form-container textarea:focus {
background-color: #ddd;
outline: none;
}
/* Set a style for the submit/send button */
.form-container .btn {
background-color: #4CAF50;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
width: 100%;
margin-bottom: 10px;
opacity: 0.8;
}
/* Add a red background color to the cancel button */
.form-container .cancel {
background-color: red;
}
/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
opacity: 1;
}
.custom-file-upload, .custom-file-upload-label {
/*border: 0;
display: inline-block;
padding: 0;
cursor: pointer;*/
}
.multiple-file-upload {
border: 0;
display: flex;
padding: 0;
cursor: pointer;
width: 150px;
height: 130px;
border-radius: 15px;
min-width: 150px;
align-items: center;
justify-content: center;
}
.custom-emoji-upload {
position: absolute;
bottom: 99px;
width: 100%;
left: 0;
box-shadow: rgb(0 0 0 / 20%) 1px 1px 5px;
border-radius: 15px;
z-index: 1;
}
.custom-emoji-upload-tweet {
width: auto;
/* box-shadow: rgb(0 0 0 / 20%) 1px 1px 5px; */
border-radius: 15px;
z-index: 1;
margin-bottom: 25px;
}
.emoji-opener, .link-main-icon {
cursor: pointer;
}
.custom-emoji-upload .emoji-picker {
width: 100%;
}
.turbolinks-progress-bar {
height: 4px;
background-color: #6c00ff;
border-radius: 20px;
}
.tweet-publish {
position: relative;
}
.progress-wrapper {
position: absolute;
width: 100%;
margin-top: -36px;
}
.progress-wrapper-reply {
/*padding: 0px 165px;
margin-top: -48px;
margin-left: -100px !important;*/
}
.tweet-returns {
padding-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
position: relative;
}
.linksTabTitle {
font-size: 12px;
}
.links-title, .links-url-txt, .links-config {
/*border: 0px;
font-size: 14px;
display: block;
overflow: hidden;
white-space: pre;
border-radius: 50px;
padding: 7px 10px;
position: relative;
outline: none !important;*/
}
.links-url-panel {
/*width: 70%;
margin: 0 auto;
display: block;*/
margin: 0 auto;
}
.tweet-avatar {
flex-shrink: 0;
}
.output-link-tweet .p-img {
min-height: 130px;
max-height: 130px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
text-align: center;
width: 100%;
margin: 0 auto;
display: inline-flex;
}
.output-link-tweet .p-img svg {
width: 100%;
max-height: 120px;
max-width: 400px;
margin: 0 auto;
min-height: 130px;
}
.output-link-tweet .p-img.p-m {
/* margin: 0px 60px;*/
}
.output-link-tweet .p-title {
/*min-height: 30px;
font-size: 15px;*/
font-size: 1rem;
}
.output-link-tweet .p-desc {
min-height: 35px;
padding-top: 10px;
}
.notify-div {
cursor: pointer;
}
.return-btn {
outline: none !important;
color: #6c00ff;
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
border-radius: 50px;
padding: 2px 10px;
cursor: pointer;
margin-left: 15px;
border-top: 1px solid transparent;
line-height: 1.5em;
}
.return-btn-ico {
display: flex;
font-size: 13px;
font-weight: 700;
line-height: 2.8em;
color: #666666;
cursor: pointer;
outline: none !important;
}
.return-btn-ico.return2 {
position: absolute;
right: 92px;
}
.return-btn-ico.return3 {
position: absolute;
right: 145px;
}
.return-btn-ico i.bi.bi-reply {
margin-right: 4px;
font-size: 20px;
color: #666666;
margin-top: -3px;
}
.return-btn-ico i.bi.bi-reply-all {
margin-right: 4px;
font-size: 20px;
color: #00ba7c;
margin-top: -3px;
}
.reply-txt-area-btn {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
outline: none !important;
color: #737373;
}
.return-btn.opened {
background-color: #00ba7c;
color: #ffffff;
}
.return-btn.opened i {
color: #00ba7c;
}
.return-btn i.bi.bi-chevron-down {
margin-right: 3px;
}
.return-btn.opened i.bi.bi-chevron-up {
margin-right: 3px;
}
emoji-picker {
--input-border-radius: 15px;
--emoji-size: 23px;
--background: #ffffff;
--num-columns: 16;
--indicator-color: #6c00ff;
--border-color: #fff;
border-radius: 5px !important;
width: 730px;
height: 300px;
}
emoji-picker .picker {
border-radius: 15px !important;
}
.chat-details a.chat-link, .chat-details-removed a.chat-link {
margin-top: 15px;
padding: 5px 12px;
}
.chat-details .p-title, .chat-details-removed .p-title {
font-size: 12px;
margin-bottom: 8px;
max-width: 150px;
margin-top: 8px;
}
.chat-details .p-img, .chat-details-removed .p-img {
margin-bottom: 8px;
}
.view-uploads, .view-options {
float: right;
/* width: 35px;
height: 35px;*/
margin-top:-3px;
}
.view-uploads .dropdown-toggle i {
/* background: #f1f1f1;
padding: 6px 10px 9px 10px;
border-radius: 50px;
line-height: 0.4em;
margin: 0;
height: 50px;
width: 50px;
margin-left: 5px;
color: #252525;*/
}
.view-options .dropdown-toggle i {
background: transparent;
padding: 6px 10px 9px 10px;
border-radius: 50px;
line-height: 0.4em;
margin: 0;
height: 50px;
width: 50px;
margin-left: 0px;
color: #666666;
}
.view-uploads .viewList.show .dropdown-toggle i {
/*background: #6c00ff;*/
/*color: #6c00ff;*/
}
.view-options .view-opt.show .dropdown-toggle i {
background: transparent;
color: #ff0076;
}
.view-uploads .selectCat.show .dropdown-toggle i, .view-options .selectCat.show .dropdown-toggle i {
background: #fdb821;
color: #252525;
}
.view-uploads button.dropdown-item, .view-options button.dropdown-item {
display: flex;
justify-content: left;
line-height: 2em;
}
.view-files-wrapper button {
/* justify-content: center !important;*/
}
.view-uploads .dropdown-item i, .view-options .dropdown-item i {
margin-right: 10px;
margin-top: -1px;
font-size: 15px;
}
.view-uploads .viewList .dropdown-menu, .view-uploads .selectCat .dropdown-menu, .view-options .selectCat .dropdown-menu {
margin-top: 10px !important;
}
.view-options .view-opt .dropdown-menu {
margin-top: 5px !important;
}
.selectCat button.dropdown-toggle, .viewList button.dropdown-toggle, .view-opt button.dropdown-toggle {
padding: 0 !important;
outline: none !important;
box-shadow: none !important;
}
.paginate-nav.tweetfileshow {
margin-bottom: -20px;
}
.tweetfileshow {
color: #fff;
}
.showtimeline {
}
.tweet-panel {
/* margin-bottom: 0.4rem !important;*/
padding: 0 8px !important;
}
.tweet-reply-panel {
padding-top: 1rem;
}
.m-empty {
height: 15px;
display: block;
}
.tweet-file-link, .tweet-image-modal, .chat-file-link, .chat-image-modal {
/*width: 185px;*/
height: 143px;
text-align: center;
display: flex;
align-items: center;
/*background: #fafafa;*/
/*padding: 15px;*/
/*margin: 5px;*/
border-radius: 15px;
}
.tweet-panel .tweet-image-modal {
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 10px;
}
.modal-dialog .tweet-file-link, .modal-dialog .tweet-image-modal, .modal-dialog .chat-image-modal {
margin: 0 auto;
}
.tweet-file-link img, .chat-file-link img{
width: auto;
max-width: 155px;
max-height: 100px;
border-radius: 5px;
margin: auto;
vertical-align: middle;
display: inline-block;
}
.tweet-file-link .rounded-full{
border-radius: 50px;
}
.tweet-file-link span, .chat-file-link span {
display: block;
position: absolute;
font-size: 10px;
margin: 0 auto;
max-width: 130px !important;
border-radius: 5px;
line-height: 1.1em;
margin-top: 120px;
text-align: left;
margin-left: 7px;
background: #fafafa;
padding: 10px;
max-height: 45px;
box-shadow: 0 0 15px rgb(0 0 0 / 6%);
}
.tweet-image-modal span, .chat-image-modal span {
position: absolute;
font-size: 10px;
margin: 0 auto;
max-width: 130px !important;
border-radius: 5px;
line-height: 1.1em;
margin-top: 120px;
text-align: left;
margin-left: 5px;
background: #fafafa;
padding: 10px;
max-height: 45px;
box-shadow: 0 0 15px rgb(0 0 0 / 6%);
}
#layout-conversation .tweet-image-modal span {
display: inline;
font-size: 9px;
margin-top: 90px;
}
#showFileNames i.bi.bi-toggle-on, #filesTypeView i.bi.bi-toggle-on, #filesDateDesView i.bi.bi-toggle-on, #filesDateDesViewProjects i.bi.bi-toggle-on, #filesDateDesViewMedia i.bi.bi-toggle-on {
color: #ffb532;
}
.tweet-files .image-filename {
display: none !important;
}
.image-filename, .tweet-org-filename {
display: none;
}
.tweet-file-link.tweet-image-link, .chat-file-link.chat-image-link {
height: auto;
margin: 0 auto;
display: inline-block;
width: 100%;
position: relative;
}
.tweet-image-link img.tweet-image-img, .chat-image-link img.chat-image-img {
height: auto;
width: auto;
max-width: 100%;
max-height: none;
padding: 0;
}
.cm-on-image-input img.emoji, .comment-contain img.emoji{
width: 22px;
padding: 2px;
display: inline-block;
}
.modal-dialog-boxed .tweet-image-link img.tweet-image-img {
height: auto;
left: 0;
width: auto;
}
img.canvasimg-img, img.comb-img {
width:auto; height: auto; left:0; right:0; margin:auto; position: absolute;
}
.tweet-files-paginate-4 .each-file-tweet, .tweet-files-paginate-4 .file-tweet-empty {
width: auto;
height: 200px;
min-width: auto;
margin-right: 5px;
margin-left: 5px;
}
.tweet-files-paginate-4 .each-file-tweet .fulloutput.fulloutput-tweet, .tweet-files-paginate-4 .file-tweet-empty .fulloutput.fulloutput-tweet {
max-width: 100%;
}
.tweet-files-paginate-4 .each-file-tweet .file-image-tweet, .tweet-files-paginate-4 .file-tweet-empty .file-image-tweet-empty {
width: 100%;
height: 171px;
}
.tweet-files-paginate-4.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-4.nfn .file-tweet-empty .file-image-tweet-empty {
height: 192px;
}
.tweet-files-paginate-4 .each-file-tweet .file-image-tweet img {
max-width: 100%;
}
.tweet-files-paginate-4 .each-file-tweet.narrow-img .file-image-tweet img, .tweet-files-paginate-4 .each-file-tweet.narrow-img .file-image-tweet img.canvas-img-thumb {
max-height: 177px;
}
.tweet-files-paginate-4 span {
max-width: 165px !important;
}
.tweet-files-paginate-3 .each-file-tweet, .tweet-files-paginate-3 .file-tweet-empty {
width: auto;
height: 249px;
min-width: auto;
margin-right: 5px;
margin-left: 5px;
}
.tweet-files-paginate-3 .each-file-tweet .fulloutput.fulloutput-tweet, .tweet-files-paginate-3 .file-tweet-empty .fulloutput.fulloutput-tweet {
max-width: 100%;
}
.tweet-files-paginate-3 .each-file-tweet .file-image-tweet, .tweet-files-paginate-3 .file-tweet-empty .file-image-tweet-empty {
width: 100%;
height: 220px;
}
.tweet-files-paginate-3.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-3.nfn .file-tweet-empty .file-image-tweet-empty {
height: 240px;
}
.tweet-files-paginate-3 .each-file-tweet .file-image-tweet img {
max-width: 100%;
}
.tweet-files-paginate-3 .each-file-tweet.narrow-img .file-image-tweet img, .tweet-files-paginate-3 .each-file-tweet.narrow-img .file-image-tweet img.canvas-img-thumb {
max-height: 235px;
}
.tweet-files-paginate-3 span {
max-width: 165px !important;
}
.tweet-files-paginate-2 .each-file-tweet, .tweet-files-paginate-2 .file-tweet-empty {
width: auto;
height: 380px;
min-width: auto;
margin-right: 5px;
margin-left: 5px;
}
.tweet-files-paginate-2 .each-file-tweet .fulloutput.fulloutput-tweet, .tweet-files-paginate-2 .file-tweet-empty .fulloutput.fulloutput-tweet {
max-width: 100%;
}
.tweet-files-paginate-2 .each-file-tweet .file-image-tweet, .tweet-files-paginate-2 .file-tweet-empty .file-image-tweet-empty {
width: 100%;
height: 350px;
}
.tweet-files-paginate-2.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-2.nfn .file-tweet-empty .file-image-tweet-empty {
height: 370px;
}
.tweet-files-paginate-2 .each-file-tweet .file-image-tweet img {
max-width: 100%;
}
.tweet-files-paginate-2 .each-file-tweet.narrow-img .file-image-tweet img, .tweet-files-paginate-2 .each-file-tweet.narrow-img .file-image-tweet img.canvas-img-thumb {
max-height: 336px;
}
.tweet-files-paginate-2 span {
max-width: 165px !important;
}
.tweet-files-paginate-1 .each-file-tweet, .tweet-files-paginate-1 .file-tweet-empty {
width: auto;
height: 520px;
min-width: auto;
margin-right: 5px;
margin-left: 5px;
}
.tweet-files-paginate-1 .each-file-tweet .fulloutput.fulloutput-tweet, .tweet-files-paginate-1 .file-tweet-empty .fulloutput.fulloutput-tweet {
max-width: 100%;
}
.tweet-files-paginate-1 .each-file-tweet .file-image-tweet, .tweet-files-paginate-1 .file-tweet-empty .file-image-tweet-empty {
width: 100%;
height: 490px;
}
.tweet-files-paginate-1.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-1.nfn .file-tweet-empty .file-image-tweet-empty {
height: 510px;
}
.tweet-files-paginate-1 .each-file-tweet .file-image-tweet img {
max-width: 100%;
}
.tweet-files-paginate-1 .each-file-tweet.narrow-img .file-image-tweet img, .tweet-files-paginate-1 .each-file-tweet.narrow-img .file-image-tweet img.canvas-img-thumb {
max-height: 470px;
}
.tweet-files-paginate-1 span {
max-width: 165px !important;
}
.tweet-files-paginate-1 {
padding: 0 140px;
}
.file-image-tweet-empty.bg-imgbgcolor-100 .remove-deleted-comment, .file-image-tweet-empty.bg-imgbgcolor-300 .remove-deleted-comment {
background-color: #dfdfdf !important;
}
.file-image-tweet-empty.bg-imgbgcolor-600 .remove-deleted-comment, .file-image-tweet-empty.bg-imgbgcolor-900 .remove-deleted-comment {
background-color: #222222 !important;
}
#filesSidePanel {
margin-right:-4px;
}
.view-files-wrapper {
height: 45px;
}
.nfn .filenameupload{
display: none;
}
.nfn .filenameupload-chat{
display: none;
}
.view-media .nfn .chat-box img, .view-media .nfn .chat-rb img {
margin-top: 0px;
}
.nfn .info-file, .nfn .info-case{
display: none;
}
/*.view-files-wrapper button {
width: 50px;
text-align: center;
height: 45px;
padding-top: 15px;
}
.view-files-wrapper button i {
margin: 0;
line-height: 0.7em;
margin-right: 0px !important;
margin-top: -1px;
}
i.fileViewIcon {
font-size: 20px;
color: #424242;
margin-top: -7px;
}*/
.scrolling-pagination-master-inside, .scrolling-cart-master {
max-height: 470px;
/*scrollbar-width: thin;*/
}
.scrolling-cart-master .cart-item-body{
border-radius: 0;
}
.scrolling-cart-master .cart-item-name, .checkout-sidebar-column .cart-item-name {
font-size: .813rem;
}
.scrolling-cart-master .cart-card .cart-image{
max-width: 112px;
}
.checkout-sidebar-column .cart-card hr{
margin: 10px 0 !important;
}
.scrolling-cart-master .cart-card .text-sm, .checkout-sidebar-column .cart-card .text-sm{
font-size: .688rem;
}
.scrolling-cart-master .cart-card .mb-6, .checkout-sidebar-column .mb-6{
margin-bottom: 0.75rem;
}
.scrolling-cart-master .cart-card .mt-6, .checkout-sidebar-column .mt-6{
margin-top: 0.75rem;
}
.checkout-sidebar-column .cart-image, .checkout-sidebar-column .remove-item-cart-btn {
display: none;
}
.checkout-sidebar-column .cart-image-area {
display: block;
}
.checkout-sidebar-column .cart-text-area {
margin-left:0;
}
.checkout-sidebar-column .cart-pro-sid {
justify-content: start;
margin-bottom: 5px;
}
.checkout-sidebar-column .cart-item-body:hover{
background: none;
cursor: default;
}
.checkout-sidebar-column .cart-item-body-in{
padding:10px;
}
.checkout-sidebar-column .cart-total-pay{
margin-bottom: 1.5rem;
}
.header-menu .full-width-header {
max-width: none;
padding: 0 20px;
margin-left: auto;
margin-right: auto;
}
.header-menu .container-wide {
width: 100%;
display: flex;
}
.logo-layout {
/*margin: auto;*/
}
nav.navbar.navbar-expand-md.navbar-light.shadow-sm {
height: 90px;
}
.notify-new-circle {
margin-right:10px; width:6px; height:6px; background: #00ba7c; border-radius: 3px;
}
.bg-fade-green {
-webkit-box-shadow: 0px 0px 15px 5px #00BA7C;
box-shadow: 0px 0px 15px 5px #00BA7C;
transition: box-shadow 1s linear;
-moz-transition: box-shadow 1s linear;
-webkit-transition: box-shadow 1s linear;
-ms-transition: box-shadow 1s linear;
}
.bg-fade-green-in {
-webkit-box-shadow: 0px 0px 15px 5px #00BA7C;
box-shadow: inset 0px 0px 6px 5px #00BA7C;
transition: box-shadow 1s linear;
-moz-transition: box-shadow 1s linear;
-webkit-transition: box-shadow 1s linear;
-ms-transition: box-shadow 1s linear;
}
.bg-fade-yellow {
-webkit-box-shadow: 0px 0px 15px 5px #6c00ff;
box-shadow: 0px 0px 15px 5px #6c00ff;
transition: box-shadow 1s linear;
-moz-transition: box-shadow 1s linear;
-webkit-transition: box-shadow 1s linear;
-ms-transition: box-shadow 1s linear;
}
.bg-fade-red {
-webkit-box-shadow: 0px 0px 15px 5px #D30003;
box-shadow: 0px 0px 15px 5px #D30003;
transition: box-shadow 1s linear;
-moz-transition: box-shadow 1s linear;
-webkit-transition: box-shadow 1s linear;
-ms-transition: box-shadow 1s linear;
}
.bg-fade-remove {
-webkit-box-shadow: 0px 0px 15px 5px transparent;
box-shadow: 0px 0px 15px 5px transparent;
/*box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);*/
}
.bg-fade-remove-in {
-webkit-box-shadow: inset 0px 0px 15px 5px transparent;
box-shadow: inset 0px 0px 15px 5px transparent;
/*box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);*/
}
.progress {
overflow: hidden;
line-height: 0;
font-size: 0.675rem;
margin-top: 20px;
height: 0.8rem;
border-radius: 20px;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #DFDFDF;
text-align: center;
white-space: nowrap;
transition: width 0.6s ease;
height: 0.8rem;
}
.progress-bar-request {
-webkit-transition: width 0.6s 0s ease;
-moz-transition: width 0.6s 0s ease;
-o-transition: width 0.6s 0s ease;
transition: width 0.6s 0s ease;
margin-left: -33px;
margin-right: -33px;
}
.progress-bar-striped, .progress-bar-striped-respond {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-bar-animated, .progress-bar-animated-respond {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.dashboard-notifications .notif-href a {
cursor: default;
}
/*******************************************************STRUCTURE*************************************************************/
.dropdown-menu-right {
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-item {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 10px 33px;
clear: both;
font-weight: 400;
text-align: left;
white-space: nowrap;
background-color: transparent;
border: 0;
letter-spacing: 0;
height:50px;
font-size: 13px;
}
.dropdown-item .md\:hidden {
display: hidden;
}
.dropdown-item-filters {
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 10px 33px;
clear: both;
font-weight: 400;
text-align: left;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 12rem;
text-align: left;
list-style: none;
background-clip: padding-box;
border-radius: 10px;
margin-top:5px;
margin-bottom:5px;
box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 21%);
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-toggle::after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.dropdown-item:hover,
.dropdown-item:focus {
outline:0 !important;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent;
outline:0 !important;
box-shadow: none !important;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.7875rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
background: transparent;
padding: 0;
border: 0;
color: inherit;
box-shadow: none;
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon {
display: inline-block;
width: 1.4em;
height: 1.4em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
margin-top:-1px;
}
.navbar-dark .navbar-nav .nav-link {
outline: 0 !important;
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: #646464;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.btn.btn-primary:hover,
.navbar-light .navbar-nav .nav-link.btn.btn-primary:focus {
color: rgba(255,255,255,0.70);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #fff;
}
.table {
width: 100%;
margin-bottom: 1rem;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #c6e0f5;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: #95c5ed;
}
.table-hover .table-primary:hover {
background-color: #b0d4f1;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #b0d4f1;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #d6d8db;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: #b3b7bb;
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #c8cbcf;
}
.table-success,
.table-success > th,
.table-success > td {
background-color: #c7eed8;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: #98dfb6;
}
.table-hover .table-success:hover {
background-color: #b3e8ca;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b3e8ca;
}
.table-info,
.table-info > th,
.table-info > td {
background-color: #d6e9f9;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
border-color: #b3d7f5;
}
.table-hover .table-info:hover {
background-color: #c0ddf6;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #c0ddf6;
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #fffacc;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
border-color: #fff6a1;
}
.table-hover .table-warning:hover {
background-color: #fff8b3;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #fff8b3;
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f7c6c5;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: #f09593;
}
.table-hover .table-danger:hover {
background-color: #f4b0af;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f4b0af;
}
.table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: #fbfcfc;
}
.table-hover .table-light:hover {
background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #95999c;
}
.table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6;
}
.table-dark {
color: #fff;
background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #454d55;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075);
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
min-height: calc(1.6em + 0.75rem + 2px);
font-size: 0.9rem;
font-weight: 400;
line-height: 1.6;
background-color: transparent;
background-clip: padding-box;
border-radius: 0.25rem;
resize: none;
border: none;
transition: background-color 200ms ease 0s, box-shadow 200ms ease 0s;
outline-offset: -5px;
margin-right: 10px;
max-height: 120px;
overflow-y: auto;
}
.open-extra-chat-panel {
width:100%;
height: 50px;
overflow: hidden;
transition: all 0.25s ease;
}
.open-extra-chat-panel.hideit {
min-height: 0;
height: 0;
}
.extra-btns {
padding-top:10px;
}
.open-emoji-chat-panel, .open-files-chat-panel, .open-links-chat-panel, .open-reply-chat-panel {
width:100%;
height:130px;
overflow: hidden;
transition: all 0.25s ease;
position: relative;
/* background-color: #f7f7f7; */
font-size: 0;
white-space: nowrap;
}
.open-reply-chat-panel {
white-space:normal;
max-width: 250px;
margin: 0 auto;
border-radius: 10px;
}
.open-emoji-chat-panel.hideit, .open-files-chat-panel.hideit, .open-links-chat-panel.hideit, .open-reply-chat-panel.hideit {
height: 0;
}
.chat-link {
padding: 0px 15px;
max-height: 130px;
min-height: 130px;
margin-top: 0px;
border-radius: 0.9rem;
border-radius: 15px;
}
.p-desc {
width:150px;
}
.output-link-tweet .p-desc {
width: 250px;
max-width: 250px;
}
.p-title {
font-size: 12px;
margin-bottom: 8px;
max-width: 150px;
}
.output-link-tweet .p-title {
max-width: 250px;
}
.p-img {
height: 57px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
text-align: center;
width: 100%;
margin: 0 auto;
border-radius: 2px;
justify-content: center;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.p-img svg{
max-height: 60px;
margin-top: -10px;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:-moz-focusring {
color: transparent;
}
.form-control:focus {
background-color: transparent;
outline: 0;
}
.form-control::-moz-placeholder {
opacity: 1;
}
.form-control:focus-visible {
color:inherit;
}
.form-control:-ms-input-placeholder {
opacity: 1;
}
.form-control::placeholder {
opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input::placeholder {
color: #6E6E6E;
-webkit-text-fill-color: #6E6E6E ;
-webkit-box-shadow: 0 0 0 30px #ffffff inset;
}
input.bg-inline-code {
color: #252525;
padding: 0 10px;
border: 1px solid #C7C7C7;
}
textarea.bg-inline-code {
color: #252525;
border: 1px solid #C7C7C7;
}
input.bg-inline-code::placeholder, textarea.bg-inline-code::placeholder {
color: #6E6E6E;
-webkit-box-shadow: 0 0 0 30px #FFFFFF inset;
-webkit-text-fill-color: #6e6e6e;
}
select.form-control:focus::-ms-value {
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
/*******************MODAL************************/
.modal-open {
overflow: auto;
}
.modal-open .modal {
overflow-x: auto;
overflow-y: auto;
padding-right: 0 !important;
/*scrollbar-width: thin;*/
will-change: transform;
}
.modal {
position: fixed;
top: 0px;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
opacity: 0;
will-change: transform;
cursor: auto;
}
.modal.onmove {
top:0 !important;
height: 100% !important;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
/*transition: transform 0.3s ease-out;
transform: translate(0, -50px);
animation: 0.5s ease-out 0s 1 slideInFromBottom;*/
}
.modal.fade {
/*top:200px;*/
}
.modal.modal-static .modal-dialog { -webkit-transform: none !important; transform: none !important; }
/*BTN ANIMATION*/
.btn-anim {
height:31px;
opacity: 0;
width: 0 !important;
transition: 1s all ease;
}
.btn-anim-span {
/*opacity: 0;
width: 0;
transition: 0.3s all ease;*/
}
.btn-abort {
border-radius:40px;
background: transparent;
height: 2.25rem;
width:2.25rem;
font-size: 8px;
}
.btn-normal {
outline: none;
text-align: center;
border-radius: 2px;
background: transparent;
border: 1px solid #6c00ff;
letter-spacing: 0px;
/* font-size: 12px; */
/* line-height: 1.0em; */
font-weight: bold;
cursor: pointer;
/* padding: 6px 20px; */
padding: 10px 20px;
transition: all 0.25s ease;
height: 3.3rem;
text-transform: uppercase;
font-size: 13px;
}
.btn-normal.btn-normal-yellow{
border: 2px solid #fec922;
background: #fec922;
color: #252525;
}
.transition-smooth {
transition: all 0.25s ease;
}
.transition-smooth-2 {
transition: all 0.2s ease-in-out;
}
.transition-smooth-3 {
transition: all 0.4s ease-in-out;
}
.transition-smooth-4 {
transition: all 0.8s ease-in-out;
}
.btn-normal.btn-normal-label{
padding: 8px 20px;
}
.btn-normal.btn-normal-round {
padding: 0;
}
.btn-normal.btn-pad-md {
padding: 6px 45px;
}
.btn-normal.btn-normal-gray {
padding: 0;
border: 2px solid #bbbbbb;
color: #545454;
}
.btn-normal.btn-normal-bw {
border: 2px solid #ffffff;
color: #545454;
background: #f9f9f9;
border-radius: 6px;
}
.btn-layout {
outline:none;
height: 2.25rem;
text-align: center;
width: 130px;
border-radius:40px;
background: transparent;
border: 2px solid #6c00ff;
letter-spacing:0px;
text-shadow:0;
font-size: 12px;
font-weight: bold;
cursor: pointer;
transition: all 0.25s ease;
color:#6c00ff;
}
.btn-delete-permanently-submit{
background: #d30003;border: 2px solid #d30003;
}
.btn-delete-permanently-submit:hover{
background: #a50002 !important;border: 2px solid #d30003;
}
.btn-back-delete.btn-layout, .btn-back-trash.btn-layout, .btn-back-active.btn-layout, .btn-back-refund.btn-layout, .btn-back-cancel.btn-layout, .btn-back-revise.btn-layout, .btn-back-suspend.btn-layout, .btn-back-activate.btn-layout, .btn-back-terminate.btn-layout, .btn-back-delete-permanently.btn-layout{
width:36px;
}
.btn-layout.btn-layout-red {
border: 2px solid #404040;
color:#404040;
}
.btn-layout.btn-layout-gray {
border: 2px solid #b1b1b1;
color: #5e5e5e;
}
.btn-normal:hover, .btn-layout:hover {
color:#ffffff;
background: #6c00ff;
}
.btn-normal.btn-normal-yellow:hover {
color: #f9f9f9;
background: #6a5000;
border: 2px solid #6a5000;
}
.btn-normal.btn-normal-for-select, .btn-normal-check {
border: 1px solid #bbbbbb;
}
.btn-normal.btn-normal-for-select:hover, .btn-normal-check:hover {
border: 1px solid #6c00ff !important;
background: #6c00ff !important;
}
.btn-normal.btn-normal-for-select.active {
border: 1px solid #6c00ff;
background: #6c00ff !important;
color:#ffffff;
}
.btn-layout:disabled, .btn-normal:disabled {
border: 2px solid #dddddd;
color: #cfcfcf !important;
}
.btn-layout:disabled:hover, .btn-normal:disabled:hover {
background: transparent;
}
.btn-normal.btn-normal-gray:hover {
border: 2px solid #6c00ff;
}
.btn-normal.btn-normal-bw:hover {
border: 2px solid #2F2F2F;
color: #f5f5f5;
background: #252525;
}
.trans-hover:hover {
background: transparent !important;
color:#0e111a;
}
.dark .trans-hover:hover {
background: transparent !important;
color:#ffffff;
}
/*@media (hover: none) {
.modal .btn-normal:hover {
background: transparent !important;
color:#0e111a;
}
.dark .modal .btn-normal:hover {
background: transparent !important;
color:#ffffff;
}
}*/
.btn-layout.btn-layout-red:hover {
color:#ffffff;
background: #D30003;
border: 2px solid #D30003;
}
.btn-layout.btn-layout-gray:hover {
color: #444444;
background: #e7e7e7;
border: 2px solid #c3c3c3;
}
.btn-layout::after {
content:"";
}
.btn-layout.btn-layout-pay-item::after {
content:"Add to Cart";
}
.btn-layout.btn-layout-plan-edit::after {
content:"Edit Plan";
}
.btn-layout.btn-layout-profile-edit::after {
content:"Edit Profile";
}
.btn-layout.btn-layout-request-edit::after {
content:"Edit Request";
}
.btn-layout.btn-layout-quote-edit::after {
content:"Edit Quote";
}
.btn-layout.btn-layout-project-edit::after {
content:"Edit Project";
}
.btn-layout.btn-layout-plan-add::after {
content:"Add plan";
}
.btn-layout.btn-layout-setting-add::after {
content:"Add Setting";
}
.btn-layout.btn-layout-setting-edit::after {
content:"Edit Setting";
}
.btn-layout.btn-layout-request-add::after {
content:"Add Request";
}
.btn-layout.btn-layout-confirm::after {
content:"Confirm";
}
.btn-layout.btn-layout-conversation-add::after {
content:"Add Chat";
}
.btn-layout.btn-layout-trash::after {
content:"Trash";
}
.btn-layout.btn-layout-activate::after {
content:"Activate";
}
.btn-layout.btn-layout-cancel::after {
content:"Confirm";
}
.btn-layout.btn-layout-suspend::after {
content:"Suspend";
}
.btn-layout.btn-layout-terminate::after {
content:"Terminate";
}
.btn-layout.btn-layout-refund::after {
content:"Refund";
}
.btn-layout.btn-layout-revise::after {
content:"Revise";
}
.btn-layout.btn-layout-trash.btn-plan-found::after {
content:"Inactive";
}
.btn-layout.btn-layout-active::after {
content:"Put Back";
}
.btn-layout.btn-layout-delete::after {
content:"Delete";
}
.btn-layout.btn-layout-request-all::after {
content:"Send";
}
.btn-layout.btn-confirm-account-update-user::after, .btn-layout.btn-confirm-avatar-crop::after, .btn-confirm-add-team-member::after, .btn-confirm-add-chat-members::after {
content:"Confirm";
}
.btn-confirm-remove-team-member::after {
content:"Remove";
}
.btn-layout-full, .btn-normal-full {
background: #6c00ff;
color:#fff;
}
.btn-layout-full-gray, .btn-normal-full-gray {
background: #6c6c6c;
color:#fff;
}
.btn-layout-full:hover, .btn-normal-full:hover, .btn-normal.btn-normal-full:hover {
background: #390481;
color:#fff;
border: 1px solid #390481;
}
.btn-layout-full-gray:hover, .btn-normal-full-gray:hover, .btn-normal.btn-normal-full-gray:hover {
background: #373737;
color:#fff;
border: 1px solid #373737;
}
.btn-layout-red-full {
background: #D30003;
color:#fff;
border: 1px solid #D30003;
}
.btn-layout-red-full:hover {
background: #9B0002;
color:#fff;
border: 1px solid #9B0002;
}
.onclic {
width: 2.25rem !important;
border-color:#f7f7f7;
border-width:3px;
font-size:0;
/*border-left-color:#6c00ff;
animation: rotating 2s 0.25s linear infinite;*/
}
.onclic::after {
content:"";
}
.onclic:hover {
color:#6c00ff;
background: transparent;
}
.validate {
font-size:13px;
color: white;
background: #6c00ff;
}
.validate::after {
/*font-family: FontAwesome;
content: "\F00C";*/
position: absolute;
top: 5px;
margin: 0 auto;
width: 100%;
left: 0;
content: url("data:image/svg+xml; utf8, ") !important;
}
.calendar-edit-publish .validate::after{
top: 4px;
}
.validate.smaller::after{
top: 10px;
left: 0px;
content: url("data:image/svg+xml; utf8, ") !important;
}
.notifications-many-modal .validate::after {
top: 17px;
left: 7px;
}
.circle-wrap {
width: 2.25rem !important;
height: 2.25rem !important;
background: transparent;
border-radius: 50%;
}
.circle-wrap .circle .mask,
.circle-wrap .circle .fill{
width: 2.25rem !important;
height: 2.25rem !important;
position: absolute;
border-radius: 50%;
}
.mask .fill {
clip: rect(0, 1.125rem, 2.25rem, 0);
/*background-color: #6c00ff;*/
background-color: #6c00ff;
}
.circle-wrap .circle .mask {
clip: rect(0, 2.25rem, 2.25rem, 1.125rem);
}
.mask.full,
.circle .fill {
/* animation: fill ease-in-out 3s;
transform: rotate(135deg);*/
/*transition: all ease-in-out 0.3s;*/
}
.z-m1-important{
z-index: -1 !important;
}
.circle-wrap .inside-circle {
width: 2rem !important;
height: 2rem !important;
border-radius: 50%;
background: #FFFFFF;
line-height: 30px;
text-align: center;
margin-top: 2px;
margin-left: 2px;
color: #1e51dc;
position: absolute;
z-index: 10;
font-weight: 700;
font-size: 1em;
}
.bg-imgbgcolor-300 .circle-wrap .inside-circle, .bg-imgbgcolor-100 .circle-wrap .inside-circle {
background: #ffffff;
}
.bg-imgbgcolor-600 .circle-wrap .inside-circle, .bg-imgbgcolor-900 .circle-wrap .inside-circle {
background: #161616;
}
.l-purple .mask .fill {
background-color: #b076ff !important;
}
.btn-layout-green {
background: #00ba7c;
border: 2px solid #00ba7c !important;
}
.btn-layout-green:hover, .btn-layout-green:focus {
color:#ffffff !important;
background: #009764 !important;
border: 2px solid #009764 !important;
}
.opacity0 {
opacity: 0 !important;
z-index: -1 !important;
}
.plan-card-trashed, .plan-card-deleted, .plan-card-activated {
min-height: 540px;
}
.request-card-trashed, .request-card-deleted, .request-card-activated {
min-height: 300px;
}
/*@keyframes fill{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(137deg);
}
}*/
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
body.modal-open {
overflow: hidden;
padding-right:8px !important;
}
body.modal-open .header-menu {
padding-right:8px !important;
}
body.modal-open.scrollvisible{
padding-right:8px !important;
}
body.modal-open.scrollvisible .header-menu {
padding-right:8px !important;
}
body.modal-open.scrollvisible.mobile-detect{
padding-right:0px !important;
}
body.modal-open.scrollvisible.mobile-detect .header-menu {
padding-right:0px !important;
}
.modal.show .modal-dialog {
transform: none;
/*transform: scale(1.02);*/
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-clip: padding-box;
outline: 0;
padding:15px;
}
.modal-content-no-pad{
padding:0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 110vh;
background-color: #000;
opacity: 0;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
/*opacity: 0.5;*/
}
.modal-open .modal-block {
display: block !important;
}
.modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom:10px;
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
outline: none;
}
.modal-title {
}
.modal-body {
}
.modal-footer {
display: flex;
align-items: flex-end;
padding: 15px 10px 10px 10px;
}
.modal-footer-custom-pad {
padding: 10px 20px 20px 20px;
}
.modal-dialog-fullscreen {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
height: 100% !important;
display: table;
}
.modal-dialog-fullscreen .modal-content {
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
/* height: 100vh !important;*/
}
.modal-dialog-fullscreen .modal-header-files{
padding: 10px !important;
margin-bottom: 0;
}
.modal-dialog-fullscreen img.tweet-image-img, .modal-dialog-fullscreen img.chat-image-img {
padding: 0 !important;
border-radius: 0 !important;
/* width: auto !important;*/
height: auto !important;
left: 0 !important;
}
.modal-dialog-fullscreen .tweet-file-link, .modal-dialog-fullscreen .chat-file-link {
padding:0 !important;
border-radius: 0 !important;
}
.modal-dialog-narrow .tweet-file-link, .modal-dialog-narrow .chat-file-link{
max-width: 66vh !important;
margin: 0 auto !important;
}
.modal-dialog-narrow .modal-body {
height: 80vh !important;
overflow: hidden !important;
}
.modal-dialog-narrow .tweet-image-link img.tweet-image-img, .modal-dialog-narrow .chat-image-link img.chat-image-img{
max-height: 66vh !important;
}
.modal-dialog.modal-dialog-boxed .modal-content {
min-height: 300px;
}
.modal-dialog.modal-dialog-boxed .modal-body {
min-height: 300px;
}
.narrow-img .file-image-tweet img, .narrow-img .file-image-tweet img.canvas-img-thumb {
max-height: 140px;
}
.modal-open .modal.overflow-hidden{
overflow-x: hidden;
}
.modal-files {
padding: 0!important;
}
.all-requests-modal .modal-footer{
border-top: 0;
}
.comment-pos-dropdown-menu {
width: 300px;
}
.progress-btn.clicked:hover > .step-progress {
background: #390481;
}
.progress-btn.clicked:hover > .progress-checkpoint > .bg-purplecolor {
background: #390481;
}
.progress-btn.active .step-progress.bg-purplecolor::after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 9px 9px;
border-color: transparent transparent #e9e9e9 transparent;
margin-left: 55px;
top: 11px;
}
.progress-bar-request::after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 49px 25px 0 0;
border-color: #fec922 transparent transparent transparent;
margin-left: 0px;
top: 0px;
right: -25px;
}
.progress-bar-request::before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0px 49px 25px;
border-color: transparent transparent #fec922 transparent;
margin-left: 0px;
top: 0px;
left: -25px;
}
.progress-bar-request.bg-yellowcolor::after {
border-color: #fec922 transparent transparent transparent;
}
.progress-bar-request.bg-purplecolor::after {
border-color: #6c00ff transparent transparent transparent;
}
.modal-dialog-md .progress-btn.active .step-progress.bg-purplecolor::after {
margin-left: 34px;
}
.modal-footer > * {
/* margin: 0.25rem;*/
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.z-zero {
z-index: 0 !important;
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-style: normal;
font-weight: 400;
line-height: 1.3;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.7875rem;
word-wrap: break-word;
opacity: 0;
margin:5px;
}
.tooltip.show {
opacity: 1;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.tooltip-inner {
max-width: 250px;
padding: 0.35rem 0.95rem;
text-align: center;
background: #e7e7e7;
color: #252525;
border-radius: 50px;
}
.password-tooltip .tooltip-inner {
max-width: 100%;
padding: 14px 10px;
text-align: left;
}
.tooltip-inner hr {
border-color: #c5c5c5;
}
.tooltip-inner {
border-radius: 0.75rem !important;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
border-top-color: #e7e7e7 !important;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
border-right-color: #e7e7e7 !important;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color: #e7e7e7 !important;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
border-left-color: #e7e7e7 !important;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
left: 1px;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
right: 1px;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.btn-primary {
color: #fff;
background-color: #6c00ff;
border-color: #6c00ff;
padding: 8px 18px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
appearance: auto;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: center;
align-items: flex-start;
cursor: pointer;
border-style: outset;
box-shadow: none !important;
overflow: hidden;
transition: all 0.2s ease-in-out;
}
.btn-primary-green {
color: #252525;
background-color: #01db92;
border-color: #01db92;
}
.btn-primary-yellow {
color: #252525;
background-color: #fec922;
border-color: #fec922;
}
.btn-primary:hover {
color: #6c00ff;
background-color: #fec922;
border-color: #fec922;
}
.btn-primary.btn-primary-yellow:hover {
color: #ffffff;
background-color: #6c00ff;
border-color: #6c00ff;
}
.btn-primary:focus,
.btn-primary.focus {
/*color: #6c00ff;
background-color: #fec922;
border-color: #fec922;
box-shadow: inset 0px 0px 0 0.1rem rgb(145 134 159 / 26%);*/
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #4A4A4A;
background-color: #f7f7f7;
border-color: #C9C9C9;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #6c00ff;
background-color: #fec922;
border-color: #fec922;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}
.btn-primary.btn-lg{
padding: 11px 24px;
}
/*BG GRID FOR QUOTE etc*/
.bg-grid-custom {
background-size: 50% !important;
background-position: bottom 23px right -26px !important;
height: 100% !important;
max-height: 292px;
}
#dashboard .bg-grid-custom {
background-size: 60% !important;
background-position: bottom 0px right 0px !important;
}
.bg-grid-custom.bg-grid-custom-stacked {
background-size: 50% !important;
background-position: bottom -37px right 43px !important;
}
.bg-grid-custom.bg-grid-custom-sidebar {
background-size: 50% !important;
background-position: top 0 right 43px !important;
}
.cm-on-image-send:disabled {
opacity: 0.5;
}
/**************************NAV TABS**********************/
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
/*padding: 0.5rem 1rem;*/
height: 60px;
}
.navbar-nav {
/*display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
float: right;*/
}
.head-right .navbar-nav {
/*flex-direction: row;
align-items: center;*/
}
.navbar-nav .nav-link {
/* padding-right: 0;
padding-left: 0;*/
}
.navbar-nav .dropdown-menu {
float: none;
}
.nav-tabs {
}
.nav-tabs .nav-item {
/*margin-bottom: -1px;*/
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
/*color: #6c00ff;*/
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
background-color: #f7f7f7;
border-color: #dee2e6 #dee2e6 #fec922;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
/*.nav-link {
padding: 0.5rem 1rem;
}*/
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default;
}
.input-group {
/*position: relative;
display: flex;
/* flex-wrap: inherit;
align-items: center;
width: 100%;*/
}
.input-group.grid-cols-5 {
min-width: 300px;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
/*.fade {
-webkit-transition: -webkit-opacity 0.15s linear;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade:not(.show) {
opacity: 0;
}*/
.alert {
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
position: fixed;
bottom: 40px;
z-index: 9;
left: 60px;
}
.quotes-empty-added, .projects-empty-added {
bottom: -60px;
}
.empty-error::after {
position: absolute;
content: url("data:image/svg+xml; utf8, ");
left: -41px;
top: 0;
}
.empty-error.plan-add-pricemin-div-input::after, .empty-error.plan-edit-pricemin-div-input::after {
position: absolute;
content: url("data:image/svg+xml; utf8, ");
left: -54px;
top: 0;
}
.empty-error.plan-add-pricemax-div-input::after, .empty-error.plan-edit-pricemax-div-input::after {
position: relative;
left: auto;
content: url("data:image/svg+xml; utf8, ");
right: -20px;
top: 0;
}
.empty-error.plan-edit-details-div-input::after {
left: -34px;
}
.empty-error.plan-add-details-div-input::after{
left: -77px;
}
.number-error::after {
position: absolute;
content: url("data:image/svg+xml; utf8, ");
left: -41px;
top: 0;
}
.number-error.plan-add-pricemin-div-input::after, .number-error.plan-edit-pricemin-div-input::after {
position: absolute;
content: url("data:image/svg+xml; utf8, ");
left: -58px;
top: 0;
}
.number-error.plan-add-pricemax-div-input::after, .number-error.plan-edit-pricemax-div-input::after {
position: relative;
left: auto;
content: url("data:image/svg+xml; utf8, ");
right: -20px;
top: 0;
}
.number-error.plan-add-details-div-input::after, .number-error.plan-edit-details-div-input::after {
left: -87px;
}
.max250-error::after {
position: absolute;
content: url("data:image/svg+xml; utf8, ");
left: -41px;
top: 0;
}
.max250-error.plan-add-pricemin-div-input::after, .max250-error.plan-edit-pricemin-div-input::after {
position: absolute;
content: url("data:image/svg+xml; utf8, ");
left: -58px;
top: 0;
}
.max250-error.plan-add-pricemax-div-input::after, .max250-error.plan-edit-pricemax-div-input::after {
position: relative;
left: auto;
content: url("data:image/svg+xml; utf8, ");
right: -41px;
top: 0;
}
.max250-error.plan-add-details-div-input::after, .max250-error.plan-edit-details-div-input::after {
left: -87px;
}
.empty-file-error::after {
position: absolute;
left: -20px;
content: url("data:image/svg+xml; utf8, ");
}
.trash-input-container::after, .active-input-container::after, .refund-input-container::after, .cancel-input-container::after, .revise-input-container::after, .suspend-input-container::after, .activate-input-container::after {
position: absolute;
left: 50%;
margin-left: -140px;
margin-top: 3px;
content: url("data:image/svg+xml; utf8, ");
}
.trash-input-container.input-complete::after, .active-input-container.input-complete::after, .refund-input-container.input-complete::after, .cancel-input-container.input-complete::after, .suspend-input-container.input-complete::after, .activate-input-container.input-complete::after, .revise-input-container.input-complete::after {
content: url("data:image/svg+xml; utf8, ") !important;
}
.delete-input-container::after, .terminate-input-container::after, .delete-permanently-input-container::after {
position: absolute;
left: 50%;
margin-left: -160px;
margin-top: 3px;
content: url("data:image/svg+xml; utf8, ");
}
.delete-input-container.input-complete::after {
content: url("data:image/svg+xml; utf8, ");
}
.cancel-input-container::after, .revise-input-container::after, .activate-input-container::after, .delete-permanently-input-container::after{
margin-left: -163px;
}
.active-input-container::after {
margin-left: -160px;
}
.refund-input-container::after {
margin-left: -160px;
}
.terminate-input-container::after{
margin-left: -140px;
}
.plan-add-pricemin-div-input, .plan-add-pricemax-div-input, .plan-edit-pricemin-div-input, .plan-edit-pricemax-div-input, .quote-edit-price-div-input, .request-add-price-div-input, .request-edit-price-div-input {
max-width: 120px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px 10px !important;
margin-left:5px;
}
.alert-success {
color: #1d643b;
background-color: #d7f3e3;
border-color: #c7eed8;
}
.alert-success-pruple {
color: #fbfbfb;
background-color: #6c00ff;
border-color: #5b20ab;
padding: 0.75rem 1.25rem;
}
.alert-success hr {
border-top-color: #b3e8ca;
}
.alert-success .alert-link {
color: #123c24;
}
.alert-info {
color: #385d7a;
background-color: #e2f0fb;
border-color: #d6e9f9;
}
.alert-info hr {
border-top-color: #c0ddf6;
}
.alert-info .alert-link {
color: #284257;
}
.alert-warning {
color: #857b26;
background-color: #fffbdb;
border-color: #fffacc;
}
.alert-warning hr {
border-top-color: #fff8b3;
}
.alert-warning .alert-link {
color: #5d561b;
}
.alert-danger {
color: #761b18;
background-color: #f9d6d5;
border-color: #f7c6c5;
}
.alert-danger hr {
border-top-color: #f4b0af;
}
.alert-danger .alert-link {
color: #4c110f;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light hr {
border-top-color: #ececf6;
}
.alert-light .alert-link {
color: #686868;
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.alert-dark hr {
border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
color: #040505;
}
.close {
/*float: right;
font-size: 1.35rem;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;*/
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
/* opacity: 0.75;*/
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #3490dc;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-link:hover {
z-index: 2;
color: #1d68a7;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #3490dc;
border-color: #3490dc;
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.125rem;
line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.7875rem;
line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.arrow-menu{
width: 0;
height: 0;
border-radius: 50px;
display: inline-block;
position: absolute;
top: -10px;
right: 17px;
}
.arrow-menu.arrow-menu-default{
right: 13px;
}
.arrow-menu:after{
content: "";
width: 0;
height: 0;
position: absolute;
}
.arrow-menu-up{
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #e3e3e3;
}
.arrow-menu-up:after{
top: 1.5px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
right: -10px;
}
.notifications-menu .arrow-menu {
right:31px;
}
.checkout-menu .arrow-menu {
right:49px;
}
.conversation-menu .arrow-menu {
right:130px;
}
.search-loader-wrap {min-height:50px}
.quotes-count-user-admin-search, .projects-count-user-admin-search, .media-count-user-admin-search, .invoices-count-user-admin-search, .conversations-count-user-admin-search, .profiles-count-user-admin-search, .accounts-count-user-admin-search, .team-count-user-admin-search, .subscriptions-count-user-admin-search, .notifications-count-user-admin-search, .settings-count-user-admin-search, .cal-count-user-admin-search {
top:-55px;
left:3px;
}
.mr-1px {
margin-right:1px;
}
.run-in {
left:20px;
animation: 0.3s ease-out 0s 1 run-in;
}
.run-out {
left:-330px;
animation: 0.3s ease-out 0s 1 run-out;
}
/*QUOTES MODAL SCROLLBAR*/
.modal::-webkit-scrollbar {
width: 7px;
}
/* Track */
.modal::-webkit-scrollbar-track, .output-tweet::-webkit-scrollbar-track {
/*box-shadow: inset 0 0 5px gainsboro;*/
}
/* Handle */
.modal::-webkit-scrollbar-thumb, .output-tweet::-webkit-scrollbar-thumb, .generic-overflow::-webkit-scrollbar-thumb {
background: #A0A0A0;
border-radius: 10px;
}
/* Handle on hover */
.modal::-webkit-scrollbar-thumb:hover, .output-tweet::-webkit-scrollbar-thumb:hover, .generic-overflow::-webkit-scrollbar-thumb:hover {
background: #5A5A5A;
}
/*plans*/
.plan-description, .plan-image, .plan-image-project, .plan-image-container, .plan-subscription-section {
height: 195px;
min-width: 250px;
margin-bottom: 10px;
}
.request-step-form .plan-description, .request-step-form .plan-image, .request-step-form .plan-image-project, .request-step-form .plan-included, .request-step-form .plan-image-container, .request-step-form .plan-subscription-section, .modal .plan-description, .modal .plan-image, .modal .plan-image-project, .modal .plan-included, .modal .plan-image-container, .modal .plan-subscription-section{
min-width: 200px;
margin-bottom: 10px;
}
.request-step-form .plan-included {
height: 341px;
}
.modal .plan-included {
height: 348px;
}
.plan-discount-section {
height: 195px;
margin-top: 0px;
margin-bottom: 10px;
}
.modal .plan-discount-section {
height: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.modal.revise-subscription-plan-modal .plan-discount-section {
margin-top: 10px;
}
.plan-subscription-section{
min-height: 195px;
}
.modal .plan-subscription-section{
height: auto;
}
.paypal-plans-main-column .plan-subscription-section, .paypal-plans-main-column .plan-image-container, .paypal-plans-main-column .plan-description{
min-height: 225px;
}
.plan-image-project.profile-plan-image-project {
min-height: auto;
min-width: auto;
}
.request-image, .quote-image {
min-height: 210px;
min-width: 335px;
}
.modal .request-image, .modal .request-details{
min-height: 195px;
min-width: 335px;
margin-bottom: 10px;
/*max-height: 195px;*/
}
.modal .quote-image {
min-height: 140px;
min-width: 335px;
margin-bottom: 10px;
/*max-height: 195px;*/
}
.modal .quote-details, .modal .quote-details-more {
min-height: 481px;
max-height: 481px;
min-width: 358px;
max-width: 358px;
overflow: auto;
}
.request-image.page-image, .quote-image.page-image {
min-width: auto;
}
.plan-image.min-w-100 {
min-width: 100%;
}
.w-1-4-custom {
width: 24.0%;
padding: 0.5%;
}
.image-gray {
filter: grayscale(100%) !important;
}
.remove-modal .modal-content, .trash-modal .modal-content, .delete-modal .modal-content {
padding: 15px;
}
/* QUOTES TOGGLE FILTER */
.quotes-stats-column .holder, .projects-stats-column .holder, .generic-holder-filters.holder, .media-column .holder, .invoices-column .holder, .conversations-column .holder, .profiles-column .holder, .accounts-column .holder, .team-column .holder, .subscriptions-column .holder, .notifications-stats-column .holder, .settings-stats-column .holder, .generic-toggle .holder, .calendar-stats-column .holder {
position: relative;
height: 38px;
width: 100%;
border-radius: 50px;
transition: 0.15s background ease-out;
margin-bottom:15px;
cursor: pointer;
}
.generic-toggle .holder {
max-width: 420px;
}
.quotes-stats-column .toggle, .projects-stats-column .toggle, .generic-holder-filters .toggle, .media-column .toggle, .invoices-column .toggle, .conversations-column .toggle, .profiles-column .toggle, .accounts-column .toggle, .team-column .toggle, .subscriptions-column .toggle, .notifications-stats-column .toggle, .settings-stats-column .toggle, .generic-toggle .toggle, .calendar-stats-column .toggle {
position: absolute;
top: 1px;
width: 49%;
height: 42px;
border-radius: 5px;
margin: 0 1px;
/* box-shadow:1px 1px 2px 0 rgb(0 0 0 / 25%);*/
}
.generic-toggle .toggle {
width: 45%;
}
.media-column .toggle{
top: 2px;
}
.quotes-stats-column .quotes-holder-clients .toggle, .projects-stats-column .projects-holder-clients .toggle, .media-column .media-holder-clients .toggle, .invoices-column .invoices-holder-clients .toggle, .conversations-column .conversations-holder-clients .toggle, .profiles-column .profiles-holder-clients .toggle, .accounts-column .accounts-holder-clients .toggle, .team-column .team-holder-clients .toggle, .subscriptions-holder-clients .toggle, .notifications-holder-clients .toggle, .settings-holder-clients .toggle, .generic-toggle .gen-holder .toggle, .calendar-stats-column .calendar-holder-clients .toggle {
top:3px;
}
.request-process .toggle {
width: 145px;
height: 34px;
margin: 0 2px;
}
.quotes-stats-column .on .toggle, .projects-stats-column .on .toggle, .generic-holder-filters.on .toggle, .media-holder-clients.on .toggle, .invoices-holder-clients.on .toggle, .conversations-holder-clients.on .toggle, .profiles-holder-clients.on .toggle, .accounts-holder-clients.on .toggle, .team-holder-clients.on .toggle, .subscriptions-holder-clients.on .toggle, .notifications-holder-clients.on .toggle, .notifications-holder-filters.on .toggle, .settings-holder-clients.on .toggle, .generic-toggle .on .toggle, .calendar-stats-column .on .toggle {
animation: toggleOn 0.33s ease-in;
left: 50%;
}
.quotes-stats-column .off .toggle, .projects-stats-column .off .toggle, .generic-holder-filters.off .toggle, .media-holder-clients.off .toggle, .invoices-holder-clients.off .toggle, .conversations-holder-clients.off .toggle, .profiles-holder-clients.off .toggle, .accounts-holder-clients.off .toggle, .team-holder-clients.off .toggle, .subscriptions-holder-clients.off .toggle, .notifications-holder-clients.off .toggle, .notifications-holder-filters.off .toggle, .settings-holder-clients.off .toggle, .generic-toggle .off .toggle, .calendar-stats-column .off .toggle {
animation: toggleOff 0.33s ease-in;
left: 0px;
}
.quotes-stats-column .on-default .toggle, .projects-stats-column .on-default .toggle, .generic-holder-filters.on-default .toggle, .media-column .on-default .toggle, .invoices-column .on-default .toggle, .conversations-column .on-default .toggle, .profiles-column .on-default .toggle, .accounts-column .on-default .toggle, .team-column .on-default .toggle, .subscriptions-column .on-default .toggle, .notifications-stats-column .on-default .toggle, .settings-stats-column .on-default .toggle, .generic-toggle .on-default .toggle, .calendar-stats-column .on-default .toggle {
left: 50%;
}
.quotes-stats-column .off-default .toggle, .projects-stats-column .off-default .toggle, .generic-holder-filters.off-default .toggle, .media-column .off-default .toggle, .invoices-column .off-default .toggle, .conversations-column .off-default .toggle, .profiles-column .off-default .toggle, .accounts-column .off-default .toggle, .team-column .off-default .toggle, .subscriptions-column .off-default .toggle, .notifications-column .off-default .toggle, .settings-stats-column .off-default .toggle, .generic-toggle .off-default .toggle, .calendar-stats-column .off-default .toggle {
left: 0px;
}
.quotes-p-title, .projects-p-title, .projects-p-title, .invoices-p-title, .media-p-title, .conversations-p-title, .subscriptions-p-title, .notifications-p-title, .settings-p-title, .calendar-p-title {
width: 340px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chat-p-title {
width: 150px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.quotes-ac-long-text, .projects-ac-long-text, .media-ac-long-text, .invoices-ac-long-text, .conversations-ac-long-text, .profiles-ac-long-text, .accounts-ac-long-text, .team-ac-long-text, .subscriptions-ac-long-text, .notifications-ac-long-text, .settings-ac-long-text, .calendar-ac-long-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.quotes-user-btn-placeholder div, .projects-user-btn-placeholder div, .media-user-btn-placeholder div, .invoices-user-btn-placeholder div, .conversations-user-btn-placeholder div, .profiles-user-btn-placeholder div, .accounts-user-btn-placeholder div, .team-user-btn-placeholder div, .subscriptions-user-btn-placeholder div, .notifications-user-btn-placeholder div, .settings-user-btn-placeholder div, .calendar-user-btn-placeholder div {
height: 35px;
width: 35px;
}
.quotes-user-btn-placeholder, .projects-user-btn-placeholder, .media-user-btn-placeholder, .invoices-user-btn-placeholder, .conversations-user-btn-placeholder, .profiles-user-btn-placeholder, .accounts-user-btn-placeholder, .team-user-btn-placeholder, .subscriptions-user-btn-placeholder, .notifications-user-btn-placeholder, .settings-user-btn-placeholder, .calendar-user-btn-placeholder {
width: 35px;
height: 35px;
margin:0 auto;
}
.quotes-user-selected {
/*border: 17px solid #00a9e0;*/
}
.quotes-user-a-selected img, .projects-user-a-selected img, .media-user-a-selected img, .invoices-user-a-selected img, .conversations-user-a-selected img, .profiles-user-a-selected img, .accounts-user-a-selected img, .team-user-a-selected img, .subscriptions-user-a-selected img, .notifications-user-a-selected img, .settings-user-a-selected img, .calendar-user-a-selected img {
box-shadow: 0px 0px 2px 2px rgb(206 191 255);
}
.quotes-number-zero-nine, .projects-number-zero-nine {
/*padding-left: 0.15rem;
padding-right: 0.25rem;
line-height: 1.7em;
width: 21px;
height: 21px;*/
padding-left: 0.15rem;
padding-right: 0.25rem;
width: 21px;
height: 21px;
/* display: flex;*/
justify-content: center;
align-items: center;
line-height: 1.7em;
}
.quotes-number-zero-nine.hidden, .projects-number-zero-nine.hidden {
/*display: none;*/
}
.modal.show .quotes-number-zero-nine, .modal.show .projects-number-zero-nine {
padding-left: 0.15rem;
padding-right: 0.15rem;
}
.counter-number-zero-nine {
padding-left: 0.25rem;
padding-right: 0.33rem;
line-height: 1.7em;
width: 21px;
height: 21px;
}
.quotes-number-rest, .counter-number-rest, .projects-number-rest {
line-height: 1.5em;
padding-top: 1px;
height: 21px;
margin-top: 7px;
}
.members-count {
line-height: 1.7em;
padding-top: 2px;
height: 24px;
width: 24px;
padding-left: 0.6em;
}
.members-count-lg {
width: 38px;
padding-left: 0;
}
.members-count-xl {
width: 45px;
padding-left: 0;
}
.account-filter-left .quotes-number-rest, .team-filter-left .quotes-number-rest, .profile-filter-left .quotes-number-rest, .setting-filter-left .quotes-number-rest {
margin-top:-7px;
}
.view-plans .counter-number-rest, .view-clients .counter-number-rest{
margin-top: -1.25rem;
}
.request-multiple-details .plan-subscription-section, .threed-plans-panel .plan-subscription-section {
min-width: 100%;
}
.request-multiple-details .plan-description, .threed-plans-panel .plan-description {
min-width: 100%;
}
.request-progress:hover > .request-step-progress {
background: #6c00ff;
}
.hidden-important {
display: none !important;
}
.open-temp {
display: block;
opacity: 1;
}
.request-title-slide {
width: 300px !important;
margin: 0 auto;
border: 1px solid #e2dcf7;
}
/***SELECT OPTIONS DROPDOWN***/
/* ALL YOU NEED is these 3 lines */
.stylish > span {position:relative;}
.stylish .stylish-select {
position:absolute;
left: 0;
}
.stylish { position: relative;}
.stylish.dropped-down .stylish-select {/*transform:scaleY(1);*/}
.stylish .stylish-select-input, .stylish .stylish-select {/*min-width:260px;*/}
.stylish, .stylish .stylish-select, .stylish .stylish-select optgroup {font-size: .813rem;}
.dark .stylish .div-placeholder
{
color: #6E6E6E;
}
.dark .stylish .div-placeholder.text-strong
{
color: inherit;
}
.stylish .stylish-select-input, .div-placeholder
{
/*padding: 4px 14px;*/
height: 36px;
/* border-radius: 4px;*/
align-items: center;
display: flex;
padding: 4px 11px;
border-radius: 50px;
min-width: 200px;
}
.cal-modal .stylish .stylish-select-input, .cal-modal .div-placeholder
{
border-radius: 3px;
}
.stylish .stylish-select-input, .div-placeholder
{
/*padding: 4px 30px; */
}
.stylish .stylish-select {
border-top-color: transparent;
/*transition: transform 200ms ease;*/
box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 21%);
margin-top: 10px;
max-height: 220px !important;
overflow: auto;
border-radius: 10px;
}
.stylish-select .option-select, .option-select-multiple {
border-bottom: 1px solid #dee2e6;
padding: 12px 15px 10px 24px;
box-shadow: 0 0 10px 100px #ffffff inset;
}
.option-select-multiple {
padding: 12px 15px 10px 33px;
}
.option-select-multiple:checked:after {
position: absolute;
left: 7px;
margin-top: 0px;
content: url("data:image/svg+xml; utf8, ");
}
.stylish-select .option-select:hover, .option-select-multiple:hover {
background: #6c00ff;
color:#ffffff;
box-shadow: 0 0 10px 100px #6c00ff inset !important;
}
.stylish-select .option-select:focus, .stylish-select .option-select:checked, .stylish-select .option-select.active, .option-select-multiple:focus, .option-select-multiple:checked, .option-select-multiple.active {
background: #390481 !important;
color:#ffffff !important;
box-shadow: 0 0 10px 100px #390481 inset !important;
}
.stylish .stylish-select optgroup {
background: #390481 !important;
color: #ffffff !important;
padding: 12px 0px 10px 24px;
}
.color-bucket-added, .color-custom-added {
background-color: #f7fafc;
}
.main_input:checked + .btn-normal-label {
background: #6c00ff !important;
color:#ffffff;
}
.main_input:checked + .btn-normal-check {
background: #6c00ff !important;
color:#ffffff;
}
.modal-file-arrows .overflow-hidden {
top: 47.5%;
}
.modal-file-arrows button {
width: 115px;
height: 115px;
background-color: rgba(25,25,25,0.10);
color:#a7a7a7;
}
.modal-file-arrows button:hover {
background-color: rgba(25,25,25,0.60);
}
/********DRAW ON CANVAS ***********/
.draw-on-canvas-container, .comment-on-canvas-container, .draw-on-canvas-mouse-container {
position: fixed;
margin: 0 auto;
overflow: hidden;
z-index: 2;
border-radius: 5px;
}
.draw-on-canvas-mouse-container {
z-index: 1;
}
.draw-saved-icon {
width:6px;
height:6px;
background: #b076ff;
}
.comment-saved-icon {
width:6px;
height:6px;
background: #4fd1c5;
}
.box-shadow-canvas {
box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 73%);
}
.draw-toolbox, .comment-toolbox {
margin:0 auto;
width: 100%;
left: 0;
min-height: 52px;
}
.form-header, .form-heading {
min-height: 67px;
}
.form-header.nav {
min-width:700px;
overflow-y: hidden;
}
.mobile-detect #follower {
z-index: -99999 !important;
opacity: 0 !important;
}
.draw-layers-container, .comment-layers-container {
max-height: 165px;
overflow-y: auto;
min-width: 235px;
}
.draw-layers-container::-webkit-scrollbar, .cm-on-image-input::-webkit-scrollbar, .comment-layers-container::-webkit-scrollbar
{
width: 7px;
}
/* Track */
.draw-layers-container::-webkit-scrollbar-track, .cm-on-image-input::-webkit-scrollbar-track, .comment-layers-container::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px grey;
border-radius: 10px;
}
/* Handle */
.bg-imgbgcolor-600 .draw-layers-container::-webkit-scrollbar-thumb, .bg-imgbgcolor-900 .draw-layers-container::-webkit-scrollbar-thumb, .bg-imgbgcolor-600 .cm-on-image-input::-webkit-scrollbar-thumb, .bg-imgbgcolor-900 .cm-on-image-input::-webkit-scrollbar-thumb, .bg-imgbgcolor-600 .comment-layers-container::-webkit-scrollbar-thumb, .bg-imgbgcolor-900 .comment-layers-container::-webkit-scrollbar-thumb {
background: rgb(42 42 42);
border-radius: 10px;
}
/* Handle on hover */
.draw-layers-container::-webkit-scrollbar-thumb:hover, .cm-on-image-input::-webkit-scrollbar-thumb:hover, .comment-layers-container::-webkit-scrollbar-thumb:hover {
background: #6c00ff;
}
.bg-imgbgcolor-100 .draw-layers-container::-webkit-scrollbar-thumb, .bg-imgbgcolor-300 .draw-layers-container::-webkit-scrollbar-thumb, .bg-imgbgcolor-100 .cm-on-image-input::-webkit-scrollbar-thumb, .bg-imgbgcolor-300 .cm-on-image-input::-webkit-scrollbar-thumb, .bg-imgbgcolor-100 .comment-layers-container::-webkit-scrollbar-thumb, .bg-imgbgcolor-300 .comment-layers-container::-webkit-scrollbar-thumb{
background: rgb(229 229 229);
border-radius: 10px;
}
.purple-light-color {
color:#b076ff;
}
.purple-dark-color {
color:#6c00ff;
}
.yellow-org-color {
color:#fec922;
}
.teal-org-color {
color:#4fd1c5;
}
.teal-org-bgcolor {
background-color:#4fd1c5;
}
.-ml-9 {
margin-left: -2.25rem;
}
.cm-on-image-input {
min-height: 30px;
width: 100%;
font-size: 0.85em;
outline: none !important;
position: relative;
margin-top: 10px;
white-space: pre-wrap;
max-height: 70px;
overflow-y: auto;
cursor: text;
background: transparent;
line-height: 1.5em;
}
.cm-on-image-input.cm-on-image-input-reply {
margin-top: 30px;
}
.cm-on-image-emoji-panel{
position: relative;
overflow: hidden;
white-space: nowrap;
}
.cm-on-image-emoji-panel .emoji-header button {
height: 30px;
min-width: 22px;
margin-bottom: 3px;
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1em;
border-radius: 90px;
}
.cm-on-image-emoji-panel .emoji-header button img{
width: 22px;
}
.cm-on-image-emoji-panel .emoji-panel > div {
margin: 1px;
padding-left: 2px;
padding-right: 2px;
}
.cm-on-image-emoji-panel .emoji-panel {
margin-top: 5px;
height: 50px;
}
.cm-on-image-emoji-panel .emoji-panel .emojicon img{
width: 24px;
padding: 3px;
}
.cm-name {
max-width: 100px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.comment-select-layer img.emoji {
width: 20px;
}
.comment-contain-respond {
min-height: 136px;
}
.cm-res-removed {
min-height: 100px;
}
.comment-contain-respond.tna-active-tweet {
box-shadow: inset 0 -5px 0 #00ba7c;
}
.respond-cm-remove-img {
width:30px !important;
margin-right: 10px !important;
}
.file-remove-panel {
min-height: 21px;
}
.file-remove-container{
height:56px;
}
.tweet-img-loader {
cursor: auto;
}
.cover-bg {
cursor: grab;
}
.cover-bg:focus {
cursor: grabbing;
}
#media {
/* min-height: 344px;*/
}
.modal-main-title-req-del i {
margin-right: 0.5rem;
}
.quote-card, .project-card, .card-sample, .invoice-card, .conversation-card, .subscription-card {
max-height: 292px;
min-height: 292px;
}
.card-footer {
min-height: 66px;
max-height: 66px;
height: 66px;
}
.card-header {
min-height: 224px;
}
.dropdown.view-opt.project-file-edit {
position: absolute;
}
.tweet-publish-edit .tweet-name-add {
display: none !important;
}
.zoom-eff {
transition: transform .2s; /* Animation */
}
.zoom-eff:hover{
transform: scale(1.04);
}
.dash-media{
border-radius: 5px;
vertical-align: middle;
overflow: hidden;
max-height: 100px;
min-height: 100px;
background: #ffffff;
display: flex;
justify-content: center;
align-items: center;
margin: 2px;
}
.dash-media-box {
opacity:0.2 !important;
background: #cbcbcb;
}
.bg-purple-grad-1 {
background: rgb(108,0,255);
background: linear-gradient(36deg, rgba(108,0,255,1) 0%, rgb(254 201 34 / 0%) 64%);
background-repeat: no-repeat;
}
.bg-purple-grad-2 {
background: rgb(108,0,255);
background: linear-gradient(180deg, rgb(108 0 255) 0%, #b076ffd1 94%);
background-repeat: no-repeat;
}
.bg-orange-grad-2 {
background: rgb(254 201 34);
background: linear-gradient(180deg, rgb(254 201 34) 0%, #ffdb56d1 94%);
background-repeat: no-repeat;
}
.bg-purple-grad-3 {
background: rgb(108,0,255);
background: linear-gradient(36deg, rgb(108, 0, 255) 10%, #e7d7ff45 70%);
background-repeat: no-repeat;
}
.bg-green-grad-1 {
background: #01db92;
background: linear-gradient(36deg, #01db92 0%, rgb(254 201 34 / 0%) 64%) ;
background-repeat: no-repeat;
}
.bg-yellow-grad-1 {
background: #fec922;
background: linear-gradient(36deg, #fec922 0%, rgb(254 201 34 / 0%) 64%) ;
background-repeat: no-repeat;
}
.bg-bw-grad-1 {
background: #e7e7e7;
background: linear-gradient(36deg, #f3f2f2 0%, rgb(254 201 34 / 0%) 64%);
background-repeat: no-repeat;
}
.bg-bw-grad-top {
background: #f7f7f7;
background: linear-gradient(0deg, #f7f7f7 10%, rgb(255 255 255) 64%);
background-repeat: no-repeat;
}
.bg-bw-grad-right {
background: #f7f7f7;
background: linear-gradient(36deg, #f7f7f7 10%, rgb(255 255 255) 64%);
background-repeat: no-repeat;
}
.dark .bg-bw-grad-yel {
background: #f7f7f7;
background: linear-gradient(36deg, #f7f7f7 10%, rgb(255 255 255) 64%);
background-repeat: no-repeat;
}
.bg-bw-grad-left {
background: #f7f7f7;
background: linear-gradient(218deg, #f7f7f7 10%, rgb(255 255 255) 64%);
background-repeat: no-repeat;
}
.dark .bg-bw-grad-top {
background: #292929;
background: linear-gradient(180deg, #161616 10%, rgb(14 14 14) 64%);
background-repeat: no-repeat;
}
.dark .bg-bw-grad-right {
background: #292929;
background: linear-gradient(218deg, #28005d 10%, rgb(14 14 14) 64%);
background-repeat: no-repeat;
}
.dark .bg-bw-grad-left {
background: #292929;
background: linear-gradient(36deg, #161616 10%, rgb(14 14 14) 64%);
background-repeat: no-repeat;
}
.dark .bg-bw-grad-yel {
background: #292929;
background: linear-gradient(218deg, #161616 10%, rgb(14 14 14) 64%);
background-repeat: no-repeat;
}
.dark .btm-quote-head .bg-bw-grad-right {
background: #292929;
background: linear-gradient(218deg, #01685b 10%, rgb(14 14 14) 64%);
background-repeat: no-repeat;
}
.bg-bw-grad-2 {
background: #e7e7e7;
background: linear-gradient(180deg, #e7e7e7 0%, rgb(254 201 34 / 0%) 94%);
background-repeat: no-repeat;
}
.primary-font {
color:#efefef;
}
.exit-chat-cover {
border-radius: 20px !important;
}
.zoom-infinite {
animation: zoom-in-zoom-out 1s ease infinite;
}
.zoom-once {
animation: zoom-in-zoom-out-limited 1s ease;
animation-iteration-count: 2;
}
.scale-sm {
transform: scale(0.8, 0.8);
}
.comment-textarea-div-chat .chbotmsg{
display: none;
}
.chat-lock-answer li.leftover-opt:hover {background-color: transparent !important;}
.search-results .chat-lock-answer li.leftover-opt:hover {background-color: #6c00ff !important;}
.chat-lock-answer li, .chat-lock-answer-btm button {cursor:default !important;}
.search-results .chat-lock-answer li, .search-results .chat-lock-answer-btm button {cursor:pointer !important;}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(0.8, 0.8);
}
50% {
transform: scale(1, 1);
}
100% {
transform: scale(0.8, 0.8);
}
}
@keyframes zoom-in-zoom-out-limited {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}
.scale-chat-icon {
transform: scale(0.8, 0.8);
opacity: 0;
}
.conv-bg-chat {
background:#ffffff url(/images/chat.png) no-repeat center;
}
.conv-content .chat-list-btn:hover, .conv-content .curr-chat-load-btn:hover {
background-color: #5c00d9 !important;
}
.conv-content .chat-list-btn, .conv-content .curr-chat-load-btn {
cursor: default !important;
}
.curr-chat-lmore .curr-chat-load-btn { cursor: default}
.chat-li:last-of-type .curr-chat-lmore .curr-chat-load-btn { cursor:pointer}
.conversation-card .chat-link {
padding: 5px 15px;
max-height: 140px;
min-height: 140px;
margin-right: 15px;
}
.notifications-dropdown .ch-ln-lm {display: none}
.bg-purple-grad-2 .text-default {color:#E9E9E9}
.chat-textcounter.bg-red-700{
background-color:#c53030 !important;
}
.profiles-main-column .plan-image-project-info-section, .profiles-main-column .plan-image-info-section {
max-width: 330px;
right: 0;
}
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
display:none;
}
.gmnoprint div {
background:none !important;
}
#map_profile > div:first-child {
background-color: transparent !important;
}
.plan-add-billing-input, .plan-add-billing-input-remove{
margin-right:55px
}
.cart-image {
max-width: 100px;
}
.cart-card .cart-image {
max-width: 250px;
}
.cart-contents, #shoppingCartModal{
max-width: 360px;
min-width: 330px;
}
.add-to-cart-btn {
width: 42px;
height: 42px;
}
.see-more-loader-paypal {
margin-top:280px;
margin-bottom:285px;
}
.page-head-title span {
max-width: 100%;
}
.paypal-plans-main-column {
min-height: 470px;
}
.plan-image-container{
/*filter: sepia(100%) hue-rotate(180deg) saturate(600%);*/
}
.plan-image-paypal{
filter: sepia(100%) hue-rotate(180deg) saturate(600%);
transition: all 0.8s;
opacity: 0;
}
.plan-image-paypal.change {
opacity: 1;
}
.img-filter-1{
filter: sepia(100%) hue-rotate(180deg) saturate(600%);
}
.no-filter {
filter:none !important;
}
/*PP*/
.card_container .paypal-button-container {
border-radius: 5px;
background-color: #FFFFFF;
padding: 20px;
max-width: 760px;
width: 100%;
margin: 0 auto;
}
.card_container .card_container {
border-radius: 5px;
background-color: #FFFFFF;
padding: 20px;
max-width: 760px;
width: 100%;
margin: 0 auto;
}
.card_container iframe{
border-radius: 4px;
}
.card_container .card_field{
width: 100%;
/*padding: 0 10px;*/
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
height:40px;
background:#ffffff;
/*font-size:17px;*/
/*color:#3a3a3a;*/
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
}
.card_container .card_field_50{
width: 50%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
height:40px;
background:#ffffff;
/*font-size:17px;*/
/*color:#3a3a3a;*/
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
}
.card_container .card_field_75{
width: 75%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
height:40px;
background:#ffffff;
/*font-size:17px;*/
/*color:#3a3a3a;*/
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
}
.card_container .row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
margin: 0 -16px;
}
.card_container .col-25 {
-ms-flex: 25%; /* IE10 */
flex: 25%;
}
.card_container .col-50 {
-ms-flex: 50%; /* IE10 */
flex: 50%;
}
.card_container input[type=text], .card_container select, .card_container textarea {
width: 100%;
padding: 10px;
/*border: 1px solid #ccc;*/
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
height:40px;
background:#ffffff;
font-size:14px;
/*color:#3a3a3a;*/
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
}
.card_container input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.card_container .message_container {
border-radius: 5px;
background:#FFFFFF;
font-size:13px;
font-family:monospace;
padding: 20px;
}
.card_container #loading {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}
.card_container #loading-image {
position: absolute;
z-index: 15;
top: 50%;
left: 50%;
margin: -100px 0 0 -150px;
}
.card_container .spinner {
position: fixed;
top: 50%;
left: 50%;
margin-left: -50px; /* half width of the spinner gif */
margin-top: -50px; /* half height of the spinner gif */
text-align:center;
z-index:1234;
overflow: auto;
width: 100px; /* width of the spinner gif */
height: 102px; /* height of the spinner gif +2px to fix IE8 issue */
}
.card_container .button_container {
display: flex;
justify-content: center;
}
.card_container button:hover {
}
.card_container button {
}
.card_container .btn_small{
width:130px;
height:39px;
background:lightblue;
border:1px dotted black;
font-size:14px;
color:#3a3a3a;
}
.card_container .btn_small:hover {
background-color: powderblue;
}
.card_container .cc_cards_checkout{
margin-bottom: -20px;
}
.payment-container-top {
min-height: 220px;
z-index: 1;
}
.card_field input{
}
.card_container .card_field:focus, .card_container .card_field.braintree-hosted-field-cvv:focus{
outline: auto;
}
.card_container .card_field input:-webkit-autofill,
.card_container .card_field input:-webkit-autofill:hover,
.card_container .card_field input:-webkit-autofill:focus,
.card_container .card_field input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 30px #e8f0fe inset !important;
}
.mt-9 {
margin-top: 2.1rem;
}
.mt-7 {
margin-top: 1.9em;
}
.add-plans-modal div[contenteditable], .edit-plans-modal div[contenteditable], .edit-quotes-modal div[contenteditable], .edit-requests-modal div[contenteditable], .add-requests-modal div[contenteditable] {
-webkit-box-shadow: 0 0 0 30px #ffffff inset ;
-webkit-text-fill-color: #252525 ;
padding: 5px 10px;
color: #252525;
border: 1px solid #d3d3d3;
min-height: 40px;
-webkit-background-clip: text;
}
div[placeholder]:empty:before {
color: #d9d9d9 ;
-webkit-text-fill-color: #8d8d8d ;
-webkit-box-shadow: 0 0 0 30px transparent inset ;
cursor: text;
}
.notifications-many-modal div[placeholder]:empty:before {
color: #252525;
-webkit-box-shadow: 0 0 0 30px transparent inset ;
-webkit-text-fill-color: #252525;
}
.placeholder-secondary.bg-inline-code{
padding:10px 15px !important;
}
.capitalize-first {
text-transform: lowercase;
}
.capitalize-first::first-letter {
text-transform: uppercase;
}
.invoice-tab-active {
border-top: 3px solid #6c00ff;
}
.view-invoice-main {
margin-top: -0.05rem;
}
.view-invoice-main, .view-invoice-subs{
margin-top: -0.063rem;
}
.sub-invoice {
/*padding: 15px 20px;*/
margin-bottom: 20px;
}
.sub-invoice .td {
border-bottom: 0 !important;
}
.user-search-all {
min-height: 100px;
}
.font-30 {
font-size: 30px;
}
.plan-card {
min-width: 280px;
}
.request-card .plan-card {
min-width: 293px;
}
.request-step-form .plan-card {
min-width: 280px;
}
.request-step-form .plan-title {
min-height: 100px;
}
.plan-normal .plan-title {
min-height: 50px;
}
.plan-normal-2 .plan-title {
min-height: 60px;
}
.request-step-form .product-category {
min-height: 35px;
}
/*.view-notifications .notify-dropdown:nth-of-type(1)*/
.view-notifications .currentNote:first-child .notify-dropdown
{
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.notifications-menu .notifiy-multiple-images .notify-image, .view-dashboard .notifiy-multiple-images .notify-image {
position:absolute;
margin-left:0;
}
.notifications-menu .notifiy-multiple-images .notify-image:first-child, .view-dashboard .notifiy-multiple-images .notify-image:first-child {
position:relative;
}
.scrolling-pagination-master .currentNote{
font-size: .813rem;
}
.view-notifications .notifiy-multiple-images {
direction: rtl;
min-width: 115px;
margin-left: 20px;
}
.scrolling-pagination-master .notifiy-multiple-images{
min-width: 50px;
margin-left: 5px;
}
.scrolling-pagination-master .notify-multiple-items span, .view-dashboard .notify-multiple-items span{
display: inline-block;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.notify-text.notify-multiple-items {
min-width: 162px;
}
.see-more-loader-bell-container {
margin-left: 0.6rem;
margin-top: 0.9rem;
}
.scrolling-pagination-master-inside ul {
/*min-height: 180px;*/
}
.accounts-main-column .view-sub-main-append.hidden {
display: block;
}
.accounts-main-column .view-sub-header {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.accounts-main-column .view-sub-image{
display: none;
}
.textarea-scroll{
resize: none;
}
.pac-container.pac-logo{
z-index: 9999;
}
/*.textarea-scroll::-webkit-scrollbar {
width: 1em;
}
.textarea-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.textarea-scroll::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}*/
.nounderline, .violet{
color: #7c4dff !important;
}
.btn-dark {
background-color: #7c4dff !important;
border-color: #7c4dff !important;
}
.btn-dark .file-upload {
width: 100%;
padding: 10px 0px;
position: absolute;
left: 0;
opacity: 0;
cursor: pointer;
}
.profile-img img{
width: 200px;
height: 200px;
border-radius: 50%;
}
.croppie-container .cr-boundary {
border-radius: 7px;
}
.cr-slider{
cursor: grabbing;
}
input.cr-slider[type="range"]::-webkit-slider-runnable-track {
background: #EBEBEB;
}
input.cr-slider[type="range"]::-moz-range-track {
background: #EBEBEB;
}
.border-purplecolor {
border: 2px solid #6c00ff;
}
.chat-textarea {
min-height: 40px;
}
.profile-theme-label {
min-height: 100px;
}
.product-details .tweet-name-add{
display: none !important;
}
.product-details .tweet-name-add.tweet-name-add-added{
display: inline-block !important;
}
.grad-default-tweets-up{
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%, rgba(255,255,255,1) 161616%);
}
.grad-default-tweets-down{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%, rgba(255,255,255,1) 161616%);
}
.large-text-counter {
margin-top: -0.4rem;
}
.image-comment-box-textbox .large-text-counter {
margin-top: 10px;
}
.comment-pos-dropdown-menu .large-text-counter {
margin-top: -15px;
}
.notify-text-container {
word-break: break-word;
}
.modal-open .chat-buttons-main{
margin-right: -18px;
}
.ml-50 {
margin-left: 30px;
}
.mr-50 {
margin-right: 30px;
}
.ml-100 {
margin-left: 100px;
}
.mr-100 {
margin-right: 100px;
}
.flex-row-reverse .like-section-thumbs{
margin-left: 1.25rem;
margin-right: -1.25rem;
}
.flex-row-reverse .open-textarea{
margin-left:7px;
}
.reverse .tweet-img-loader{
}
.reverse .tweet-link-loader{
}
.like-section.flex-row-reverse{
margin-right:10px;
}
.bg-greencolor {
background-color: #01db92 !important;
}
.bg-redcolor {
background-color: #d30003 !important;
}
.settings-stats-column .quotes-number-rest {
margin-top: -10px;
}
.delete-input {
height: 2.5rem;
display: block;
}
.w-100 {
width: 150px;
}
.add-chat-member-modal-btn:hover .italic{
color: #ffffff;
}
.overflow-y-hidden-im {
overflow-y: hidden !important;
}
.view-media .chat-box {
min-height: 240px;
width: auto;
min-width: auto;
margin: 0 5px;
}
.view-media .fulloutput.fulloutput-chat, .view-media .chat-fo{
max-width: 100%;
margin-top: -33px;
font-size: 12px;
min-height: 36px;
}
.view-media .chat-box img, .view-media .chat-rb img {
max-width: 100%;
margin-top: -20px;
}
.view-media .file-image-chat, .view-media .file-image-chat-empty, .view-media .chat-fic{
width:100%;
}
.view-media .tweet-files-paginate-3 .file-image-chat, .view-media .tweet-files-paginate-3 .file-tweet-empty{
width: 100%;
height: 240px;
/*margin-right: 5px;
margin-left: 5px;*/
}
.view-media .tweet-files-paginate-4 .file-image-chat, .view-media .tweet-files-paginate-4 .file-tweet-empty {
height: 185px;
}
.view-media .tweet-files-paginate-1 .file-image-chat, .view-media .tweet-files-paginate-1 .file-tweet-empty {
height: 490px;
}
.view-media .tweet-files-paginate-2 .file-image-chat, .view-media .tweet-files-paginate-2 .file-tweet-empty {
height: 340px;
}
.view-media .chat-uploaded-image-btn, .view-media .chat-ra {
min-height:auto;
height:100%;
overflow:auto;
}
.view-media .tweet-files-paginate-1 .chat-box {
min-height: 490px;
margin-right: 0;
}
.view-media .tweet-files-paginate-2 .chat-box {
min-height: 350px;
}
.view-media .tweet-files-paginate-3 .chat-box {
min-height: 250px;
}
.view-media .tweet-files-paginate-4 .chat-box {
min-height: 195px;
}
.view-media .media-main-column.grid-cols-1 {
margin-top: 30px;
}
.view-media .chat-box .info-case{
width: 150px;
height: 130px;
padding: 20px 17px;
font-weight: 700;
}
.view-media .chat-box .info-case p {
font-size: .813rem;
}
.w-auto-important {
width:100% !important;
}
.w-special-important {
width: calc(var(--n)*100%) !important;
}
.modal-mainbody-layouts ul li {
display: flex;
margin-bottom:5px;
}
.btn-disabled,
.btn-disabled[disabled] {
opacity: .4;
cursor: default !important;
pointer-events: none;
}
/***calendar****/
.fc-event, .fc-event:hover {
cursor: pointer;
}
.fc-view, .fc-view > table {
border: 2px hidden transparent !important;
border-collapse: collapse !important;
border-radius: 10px !important;
border-style: hidden !important;
box-shadow: 0 0 0 2px #F0F0F0;
background: #ffffff;
}
.fc td.fc-day-today {
/* background: linear-gradient(36deg, rgba(108,0,255,1) 0%, #fec922 64%) !important;*/
background: #e9e9e9 !important;
border-style: hidden !important;
}
span.fc-title {
font-size: .813rem !important;
}
tr:first-child > td > .fc-day-grid-event {
margin-top: 0px !important;
}
.fc-day-grid-event {
margin: 0 !important;
padding: 3px !important;
}
.fc-event {
border-radius: 0 !important;
}
.calendar-main-column {
min-height: 500px;
}
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
background: transparent;
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.fc-theme-standard th:first-child {
border-radius: 10px;
}
.fc-theme-standard td, .fc-theme-standard th{
border: 1px solid #dbdbdb;
}
.fc-list td, .fc-list th{
border: 1px solid #e5e5e5;
}
.fc-day-past{background-color:#f5f5f5;}
.fc-day-future{background-color:#f4eefd;}
.fc-day-disabled{background-color:#f8f8f8;}
.fc .fc-multimonth-daygrid {
background-color:transparent !important;
}
.fc-today-button {
line-height: 1em !important;
}
.fc-button-primary {
line-height: 1em !important;
}
.fc .fc-button .fc-icon {
margin-top: -1px !important;
}
.fc .fc-button-primary {
background-color: #f4eefd;
border-color: #f7f7f7;
color: #a18bbf !important;
}
.fc .fc-button-primary:hover {
background-color: #E6DEF1;
border-color: #f7f7f7;
}
.fc .fc-button-primary:disabled {
background-color: #e9e9e9;
border-color: #e9e9e9;
color: #252525 !important;
}
.fc .fc-button-primary:focus {
box-shadow: none !important;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
background-color: #f4eefd;
border-color: #f4eefd;
}
.fc .fc-toolbar-title {
font-size: 1.25em;
font-weight: 600;
}
.fc-scrollgrid-section-header tr:first-child {
border-bottom: 1px hidden !important;
}
.fc-daygrid-body tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
.fc-daygrid-body tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
.fc .fc-popover-close {
font-size: 0.8em;
line-height: 0.1em;
margin-right: 2px;
}
.fc .fc-popover-title {
font-size: 0.8em;
}
.fc-multimonth-daygrid .fc-daygrid-day-number {
font-size: 0.8em;
}
.fc .fc-multimonth-multicol .fc-daygrid-more-link {
border: 1px solid #ababab;
}
.fc-theme-standard .fc-popover-header {
background: #f4eefd;
}
td.fc-timegrid-divider.fc-cell-shaded {
display: none;
}
.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion {
font-size: 0.9em;
}
.fc-timeGridWeek-view .fc-daygrid-body tr:last-child td:last-child {
border-radius: 0;
}
.fc-timeGridWeek-view td:last-child, .fc-timeGridWeek-view th:last-child {
border-radius: 0 10px 0 0;
}
.fc-timeGridWeek-view .fc-col-header {
border-radius: 10px;
}
.fc .fc-col-header-cell-cushion, .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text, .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text {
font-size: 0.9em;
}
.fc-timeGridWeek-view th:first-child {
border-radius: 10px;
}
.fc-list .fc-event, .fc-list .fc-event-dot {
background-color: #f7f7f7;
}
.fc-list .fc-event {
border: 1px solid #ffffff;
}
.fc-list .fc-event, .fc-list .fc-event:hover {
color: #1c1c1c;
}
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
padding: 8px 14px !important;
}
.fc .fc-cell-shaded, .fc .fc-day-disabled {
/*border-radius: 10px;*/
}
.fc-list-day th:first-child {
border-radius: 10px 10px 0 0;
}
.fc-event.fc-list-event:last-child {
border-radius: 0 0 10px 10px !important;
}
.fc-theme-standard .fc-list-day-cushion::last-child, .fc-list-table .fc-event::last-child {
border-radius: 0 0 10px 10px !important;
}
.fc .fc-list-empty {
background-color: hsl(0deg 0% 8.63%);
border-radius: 10px;
}
.fc-list .fc-scroller {
border-radius: 10px;
background: #FFFFFF;
}
.fc-theme-standard .fc-list-day-cushion {
background: transparent !important;
}
.fc .fc-list-table tr > *{
border-left: 1px solid #c9c9c9 !important;
border-right:1px solid #c9c9c9 !important;
}
.fc-list-table td {
border-width: 1px !important;
}
.fc .fc-list-event:hover td {
background-color: #f4eefd;
}
.mr-15 {
margin-right: 4rem;
}
.ml-1-1 {
margin-left:1px;
}
a.fc-event.fc-daygrid-dot-event {
display: flex;
}
.fc-event {
background-color: #E0E0E0;
border: 1px hidden;
}
.fc-event-title {
font-weight: normal !important;
}
.cal-cancel {
background-color: #d30003;
color:#ffffff;
}
a.fc-event.fc-daygrid-dot-event {
background: #ffffff;
border: hidden;
color: #252525;
}
.cal-tag {min-width: 75px;}
.border-0-important{
border:0 !important;
}
.cal-meeting-pending-btn, .cal-meeting-reschedule-btn, .cal-meeting-confirm-btn {
width:200px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #ac92f5 !important;
background: #d1b0ff !important;
color:#ffffff !important;
}
.dark .ui-state-hover, .dark .ui-widget-content .ui-state-hover, .dark .ui-widget-header .ui-state-hover, .dark .ui-state-focus, .dark .ui-widget-content .ui-state-focus, .dark .ui-widget-header .ui-state-focus {
border: 1px solid #7B59DB !important;
background: #6c00ff !important;
color:#ffffff !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #efb808 !important;
background: #efb808 !important;
color: #252525 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
color: #6c00ff !important;
}
.ui-datepicker-today .ui-state-hover {
color:#ffffff !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 1px solid #6c00ff !important;
background: #6c00ff !important;
}
.search-link:hover .text-default {
color:#ffffff;
}
.search-link:hover .chat-list-btn{
background-color: #6c00ff;
}
.scrolling-cart-master .discount-codes-cart {
display: block!important;
}
.scrolling-cart-master .discount-codeinput-cart {
width:70%;
}
.checkout-sidebar-column .discount-codeinput-cart {
width:50%;
}
/*3D LOADER 3D LOADER 3D LOADER 3D LOADER 3D LOADER 3D LOADER 3D LOADER 3D LOADER*/
input[type="color"] {
border-radius: 10px;
padding: 0;
border: 0;
}
input[type="color"]::-moz-color-swatch {
border: none;
}
input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
border-radius: 10px;
}
input[type="color"]::-webkit-color-swatch {
border: none;
}
.colorPicker input {
width: 6rem;
/*height: 33px;*/
outline: none !important;
}
.colorPicker input::-webkit-color-swatch {
border: none;
border-radius: 5px;
padding: 0;
outline: none !important;
}
.colorPicker input::-webkit-color-swatch-wrapper {
border: none;
border-radius: 5px;
padding: 0;
outline: none !important;
}
.fade-in {
opacity: 1;
transition: 1s opacity;
}
.fade-out {
opacity: 0;
transition: 1s opacity;
}
.fade-out2 {
opacity: 0;
transition: 0.5s opacity;
}
.fade-out3 {
opacity: 0;
transition: 0.3s opacity;
}
canvas:focus {outline:none;}
.hide4mobile span.item_text {
display: none !important;
}
#mm3d_canvas, #mm3d_canvas2, .scene-container {width: 100% !important; height: 100% !important; min-height: 100vh;
margin-bottom: 0; /* fallback if grab cursor is unsupported */
}
#mm3d_canvas.enable, .scene-container.enable {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
#mm3d_canvas.enable:active, .scene-container.enable:active{
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;}
#mm3d_canvas.pointer, .scene-container.pointer {
cursor:pointer;
}
#mm3d_canvas.pointer:active, .scene-container.pointer:active {
cursor:pointer;
}
#mm3d_canvas_info {
height: 100% !important; min-height: 100vh;
}
#loading-screen {
position: absolute;
background: #f7f7f7;
width: 100%;
height: 100%;
cursor:default;
}
.info-canvas{
cursor:auto;
position: absolute;
height:100vh;
height:100%;
width:650px;
}
#loading-screen.fade-in {
/*opacity: 1;
transition: 1s opacity;*/
animation: fadein 1s;
animation-delay:1s;
animation-fill-mode:forwards;
}
@-webkit-keyframes fadein {
0% {
opacity:0
}
100% {
opacity:1;
}
}
@keyframes fadein {
0% {
opacity:0
}
100% {
opacity:1;
}
}
#loading-screen.fade-out {
/*opacity: 0;
transition: 1s opacity;
z-index: -1;*/
/*animation:fadeout 1s;animation-fill-mode:forwards;animation-delay:1s;*/
animation: fadeout 1s;
animation-delay:1s;
animation-fill-mode:forwards;
}
@-webkit-keyframes fadeout {
/*0 {z-index:2;opacity:1}
50% {opacity:0.5}
100% { z-index:-1;opacity:0}*/
0% {
z-index:2;
opacity:1;
}
100% {
opacity:0;
z-index:-1;
}
}
@keyframes fadeout {
/*0 {z-index:2;opacity:1}
50% {opacity:0}
100% {z-index:-1;opacity:0}*/
0% {
z-index:2;
opacity:1;
}
100% {
opacity:0;
z-index:-1;
}
}
.mmcanvas {position: absolute; top:200px; z-index: 9;}
#mm3d_canvas, #mm3d_canvas2, .scene-container{ /*overflow: hidden;*/ user-select:none;}
#mm3d_canvas.office-canvas, #mm3d_canvas.cellbru-canvas{ overflow: hidden;}
#loading-screen.zindex-1 {z-index: -1;}
#loading-screen.zindex-0 {z-index: 0;}
#loader {
/*
display: block;
position: relative;
top: 0%;
width: 150px;
height: 150px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #9370DB;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;*/
}
.threed-lock-panel-container {
height: 148px;
}
.threed-lock-panel-container.threed-lock-panel-container-sm {
height: 100%;
width:130px;
}
.threed-btn-clr:hover {
background: rgb(108,0,255) !important;
/* background: linear-gradient(36deg, rgb(108, 0, 255) 10%, #c69ffff5 70%) !important;*/
background: linear-gradient(218deg, #f7f7f7 10%, rgb(255 255 255) 64%) !important;
background-repeat: no-repeat !important;
color:#252525;
}
.threed-btn-clr.active {
background: rgb(108,0,255) !important;
background: linear-gradient(36deg, rgb(108, 0, 255) 10%, #c69ffff5 70%) !important;
color:#ffffff;
}
.skew-x-transform {
transform: skewX(340deg);
-webkit-transform: skew(340deg);
-moz-transform: skew(340deg);
transform-origin: 100%;
}
.skew-x-transform-reverse {
transform: skewX(20deg);
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
transform-origin: 100%;
}
.slash {
height: 1px;
width: 40px;
background: #252525;
transform: rotate(290deg);
margin-left: -10px;
margin-top: -24px;
margin-right: -13px;
}
.slash.slash2 {
margin-left: 15px;
margin-top: -3px;
}
.slash.slash3 {
margin-left: -2px;
margin-right: 2px;
margin-top: -3px;
}
.colorPicker-container {
/*width: 117px;*/
height: 76px;
}
.scenePicker-container {
width: 89px;
height: 77px;
}
.partsPicker-container, .galleryPicker-container, .detailsPicker-container {
height: 40px;
}
.threed-color-preset-down, .threed-color-preset-up {
cursor: pointer!important;
}
#scene-color, .threed-scene-brightness, .threed-scene-preset, .threed-color-preset, .colorPicker input, .threed-scene-color, .threed-colorPicker {
-webkit-box-shadow: 4px 3px 2px 0px rgb(30 30 30 / 4%);
box-shadow: 4px 3px 2px 0px rgb(30 30 30 / 4%);
}
.threed-scene-preset, .threed-parts-preset, .threed-gallery-preset, .threed-details-preset {
border: 2px solid #252525;
}
.threed-parts-preset, .threed-gallery-preset, .threed-details-preset {
min-width: 190px;
}
/*.preset-bg{
background: linear-gradient(to left, transparent 50%, #252525 50%) right;
background-size: 200%;
transition: 9.5s ease-out;
color:#ffffff;
}
.preset-bg2{
background-position:left;
background: #252525;
transition: none;
color:#ffffff;
}
.preset-nobg {
transition: all 0.5s ease-out !important;
background: transparent !important;
}*/
.threed-info-panel .threed-label-path1-nr.threed-gallery-icon{
transform: rotate(180deg) scale(0.8) !important;
}
.threed-colorPicker, .threed-color-preset, .threed-color-preset div {
outline: none !important;
border:0 !important;
}
.threed-colorPicker-selection-container {
height: 185px;
max-width: 344px;
min-width: 344px;
margin-top: -160px;
bottom: 0;
padding: 10px;
margin-left: -111px;
-webkit-box-shadow: 4px 3px 2px 0px rgb(30 30 30 / 4%);
box-shadow: 4px 3px 2px 0px rgb(30 30 30 / 4%);
z-index: 1;
border-radius: 15px;
border-bottom: 0;
border: 0;
}
.threed-colorPicker-selection-container:after{
content: "\F5E3";
font-family: bootstrap-icons !important;
bottom: -10px;
font-size: 10px;
margin: 0 auto;
right: 50%;
position: absolute;
color: #ffffff;
text-shadow: none;
z-index: 1;
transform: scale(1.9) rotate(-180deg);
}
.color-picker-menu-btn {
border-bottom: 2px solid #DCDCDC;
}
.color-picker-menu-btn.active {
border-bottom: 2px solid #b076ff !important;
}
.color-picker-tab-default {
max-height: 195px;
}
.picker_done {
display: none !important;
}
.picker_editor {
transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
background: #ffffff;
width: 47% !important;
margin-left: 15px !important;
z-index: 1;
}
.picker_editor input {
font-size: .813rem !important;
color: #252525 !important;
padding: 5px 10px !important;
transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(20deg);
border: 1px solid transparent !important;
box-shadow: none !important;
margin-left: -10px;
background: #ffffff;
}
.layout_default .picker_sample {
margin-left: -15px !important;
box-shadow: none !important;
}
.picker_wrapper button:focus, .picker_wrapper button:active, .picker_wrapper input:focus, .picker_wrapper input:active{
box-shadow: none !important;
}
.layout_default.picker_wrapper {
width: 30.2em !important;
}
.layout_default .picker_sl {
height: 10em !important;
}
.picker_wrapper {
background: #f2f2f2 !important;
box-shadow: none !important;
}
.color-pick-layout {
height: 165px;
overflow: auto;
}
.picker_sl {
box-shadow: 0 0 0 1px #c0c0c0 !important;
}
.picker_selector {
border: 2px solid #ffffff !important;
box-shadow: 0 0 3px 1px #b076ff !important;
}
.picker_hue {
box-shadow: none !important;
}
.arrow-down {
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 19px solid #ffffff;
position: absolute;
bottom: -18px;
left: calc(50% - 14px);
display: block;
bottom: 60px;
margin-left: -111px;
}
.picker_alpha.picker_slider {
display: none !important;
}
#scene-color {
border: 0px solid #252525 !important;
}
.layout_default .picker_sl::before{
padding-bottom: 0 !important;
}
.dg.ac {
z-index: 10000 !important;
top:100px !important;
}
.threed-label {
position: absolute;
font-size: 1.9em;
/* -webkit-text-stroke: 1px black; */
background-color: transparent;
/*transition: all 0.25s ease; */
/* z-index: 10; */
/* width: 100px; */
/* border: dotted 1px orange; */
/* border-radius: 5px; */
/* background: rgba( 100%, 70%, 0%, 20% ); */
transition: all .08s ease-out;
/*transform: scale(1.0);*/
transform-origin: center;
width: 33px;
height: 33px;
top: -100px;
}
.threed-label .bi-hexagon {
font-size: 1.6em;
opacity: 0.25;
}
.threed-label .bi-hexagon-fill {
position: absolute;
left: 20%;
top: 17.5%;
}
.threed-label .threed-label-plus {
position: absolute;
right: 27%;
top: 26%;
font-size: 0.7em;
opacity: 0.8;
}
.threed-label:hover {
cursor: pointer;
transform: scale(1.1);
}
.threed-label svg {
transform: scale(2.5);
margin: 0 auto;
overflow: visible;
}
.threed-label svg path.threed-label-path1 {
fill: #1616166e;
stroke: rgb(255 255 255 / 66%);
stroke-width: 0.8px;
margin: 0 auto;
stroke-dasharray: 0px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-linejoin: round;
/*animation: draw-stroke 3s linear forwards;*/
animation: draw-stroke 4s ease-in-out forwards;
}
.threed-play svg path.threed-label-path1 {
fill: transparent;
stroke: #313131;
stroke-width: 0.5px;
margin: 0 auto;
stroke-dasharray: 0px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-linejoin: round;
/*animation: draw-stroke 3s linear forwards;*/
animation: draw-stroke 4s ease-in-out forwards;
}
.threed-main svg path.threed-label-path1 {
fill: transparent;
stroke: #252525;
stroke-width: 0.6px;
margin: 0 auto;
stroke-dasharray: 0px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-linejoin: round;
animation: draw-stroke 1.5s ease-in-out forwards;
transition: all .2s ease-out;
transform-origin: center;
transform: scale(1);
}
.keeplight .threed-main svg path.threed-label-path1{
stroke: #fbfbfb !important;
}
.fill-white.threed-main svg path.threed-label-path1 {
fill: rgba(255,255,255,0.80);
}
.stroke-white.threed-main svg path.threed-label-path1 {
stroke: rgba(255,255,255,0.80) !important;
}
.threed-main.active svg path {
stroke: #00b377 !important;
stroke-width: 0.4;
}
.threed-main.active svg path.no-stroke{
stroke-width: 0 !important;
fill: #00b377 !important;
}
.side-left-menu-btns .threed-main.active svg path{
stroke: #660be3 !important;
}
.side-left-menu-btns .threed-main.active svg path.no-stroke{
stroke-width: 0.4 !important;
fill: #660be3 !important;
}
.side-left-menu-btns-normal .threed-main.active svg path {
stroke: #5e301a !important;
}
.side-left-menu-btns-normal .threed-main.active svg path.no-stroke{
stroke-width: 0.4 !important;
fill: #5e301a !important;
}
.heli-camera-birds-eye.cruiseOn .threed-main.active svg path {
stroke: #dd6b20 !important;
}
.heli-camera-birds-eye.cruiseOn .threed-main.active svg path.no-stroke {
fill: #dd6b20 !important;
stroke-width: 0 !important;
}
.threed-main:disabled svg path.threed-label-path1 {
animation: none;
transform: scale(1);
}
.threed-main svg path.threed-label-path1-x, .threed-main svg path.threed-label-path1-nr {
fill: transparent;
stroke: #252525;
stroke-width: 0.6px;
margin: 0 auto;
stroke-dasharray: 0px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-linejoin: round;
transition: all .2s ease-out;
transform-origin: center;
transform: rotate(0deg) scale(0.8);
}
.threed-main svg path.threed-label-path1-nr.threed-rotate-m90 {
transform: rotate(-90deg) scale(0.8);
}
.threed-main svg path.threed-label-path1-nr.threed-rotate-90 {
transform: rotate(90deg) scale(0.8);
}
.threed-main svg path.threed-label-path1-nr {
fill: #252525;
stroke-width: 0px;
}
.side-left-menu-btns .threed-main svg path.threed-label-path1-nr {
fill: #252525;
stroke: #252525;
}
.side-left-menu-btns .threed-main.active svg path.threed-label-path1-nr {
fill: #660be3;
stroke: #660be3;
}
.side-left-menu-btns-normal .threed-main.active svg path.threed-label-path1-nr {
fill: #5e301a ;
stroke: #5e301a ;
}
.threed-main svg path.threed-label-path1-x.threed-label-path1-x-fr {
fill: #ffffff;
stroke-width: 0px;
}
.threed-main svg path.threed-label-path1-x {
stroke: #ffffff;
}
.threed-main svg path.threed-label-path1-x.darkFill {
stroke: #252525;
}
.keeplight .threed-main svg path.threed-label-path1-x.darkFill {
stroke: #ffffff !important;
}
.threed-main.stroke-white svg path.threed-label-path1-x.darkFill {
stroke: #ffffff;
}
.threed-main:disabled svg path.threed-label-path1-x.threed-label-path1-x-fr, .threed-main:disabled svg path.threed-label-path1-nr {
/*fill: #B9B9B9;*/
}
.threed-main svg path.threed-label-path1-nr.with-stroke {
stroke-width: 0.5px;
}
.threed-main svg path.threed-label-path1-nr.dark_c {
stroke-width: 0.5px;
stroke: #0F0F0F !important;
}
.threed-play svg {
transform: scale(3.3);
margin: 0 auto;
overflow: visible;
}
.threed-main svg {
transform: scale(3.0);
margin: 0 auto;
overflow: visible;
}
.threed-main svg.threed-rotate-90 {
transform: scale(3.0) rotate(90deg);
}
.threed-unlock-btn{
transition: all .2s ease-out;
transform: scale(1.0);
transform-origin: center;
}
.threed-unlock-btn:hover .threed-label-path1 {
stroke: #6c00ff;
stroke-dasharray:48px;
stroke-dashoffset: 23px;
animation: draw-stroke2 2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.heli-camera-birds-eye .threed-unlock-btn:hover .threed-label-path1 {
stroke: #00b377;
}
.threed-dashes {
transition: all 4.2s ease-out;
transform: translateX(0.0px);
}
.threed-unlock-btn:hover .threed-dashes {
transform: translateX(-120.0px);
}
.threed-unlock-btn:hover {
transform: scale(1.1);
}
.threed-unlock-btn .threed-play-btn-text {
/*animation: draw-btn-text 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;*/
}
.threed-unlock-btn:hover .threed-play-btn-text {
animation: draw-btn-text-hover 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.threed-main:hover svg path.threed-label-path1 {
stroke-dasharray:48px;
stroke-dashoffset: 23px;
animation: draw-stroke-reverse 1.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
transform: scale(1.05);
stroke: #6c00ff;
}
.threed-dronespeed-btn.threed-main:hover svg path.threed-label-path1, .threed-drone-elevation-btn.threed-main:hover svg path.threed-label-path1, .threed-drone-explode-btn.threed-main:hover svg path.threed-label-path1, .threed-korespeed-btn.threed-main:hover svg path.threed-label-path1 {
stroke:#252525 ;
/*fill:#b076ff;*/
}
.threed-korespeed-btn.threed-main.stroke-white:hover svg path.threed-label-path1 {
stroke:#ffffff ;
/*fill:#b076ff;*/
}
.keeplight .threed-drone-elevation-btn.threed-main:hover svg path.threed-label-path1 {
stroke:#ffffff;
}
.keeplight .threed-dronespeed-btn.threed-main:hover svg path.threed-label-path1, .keeplight .threed-korespeed-btn.threed-main:hover svg path.threed-label-path1 {
stroke:#ffffff;
}
.heli-camera-birds-eye .threed-main:hover svg path.threed-label-path1 {
stroke: #00b377;
}
.heli-camera-birds-eye .threed-main:hover svg path.no-stroke {
fill: #00b377;
}
.heli-camera-birds-eye.cruiseOn .threed-main:hover svg path.threed-label-path1 {
stroke: #dd6b20;
}
.heli-camera-birds-eye.cruiseOn .threed-main:hover svg path.no-stroke {
fill: #dd6b20;
stroke:0 !important;
}
.threed-main:hover svg path.threed-label-path-in-0 {
stroke-width: 0 !important;
fill:#f9f9f9 !important;
}
.threed-main.closeWork2:hover svg path.darkStroke {
fill:#252525 !important;
}
.threed-main:hover svg path.threed-label-path-in-bw {
stroke-width: 0 !important;
fill:#252525 !important;
}
.threed-main.stroke-white:hover svg path.threed-label-path-in-bw {
fill:#ffffff !important;
}
.threed-main:hover svg path.threed-label-path-in-bw1.active {
stroke-width: 0 !important;
fill:#252525 !important;
}
.threed-main.stroke-white:hover svg path.threed-label-path-in-bw1.active {
fill:#ffffff !important;
}
.threed-main:hover svg path.threed-label-path-in-bw2.active {
stroke-width: 0 !important;
fill:#252525 !important;
}
.threed-main.stroke-white:hover svg path.threed-label-path-in-bw2.active {
fill:#ffffff !important;
}
.keeplight .threed-main:hover svg path.threed-label-path-in-bw {
fill:#ffffff !important;
}
.keeplight .threed-main:hover svg path.threed-label-path-in-bw1.active {
fill:#ffffff !important;
}
.keeplight .threed-main:hover svg path.threed-label-path-in-bw2.active {
fill:#ffffff !important;
}
.threed-main:hover svg path.threed-label-path-in {
stroke: #252525 !important;
fill:#252525 !important;
}
.threed-main:hover svg path.threed-label-path-in-normal {
fill:#252525 !important;
}
.threed-main:disabled:hover svg path.threed-label-path1 {
animation: none;
transform: scale(1);
stroke-dasharray:0px;
stroke-dashoffset: 0px;
stroke: #6d6d6d;
}
.threed-level-panel .threed-main:disabled svg path {
stroke: #6d6d6d !important;
}
.threed-main:hover svg path.threed-label-path1-x {
stroke: #252525;
transform: rotate(90deg) scale(0.9);
}
.threed-main.closeWork2:hover svg path.darkFill {
stroke: #ffffff !important;
}
.threed-main:hover svg path.threed-label-path1-nr {
transform: scale(0.8);
animation: bounce2 1s ease infinite;
stroke: #6c00ff;
fill: #6c00ff;
}
.side-left-menu-btns .threed-main:hover svg path.threed-label-path1-nr {
stroke: #252525;
fill: #252525;
}
.threed-main:hover svg path.threed-label-path1-nr.threed-rotate-m90 {
animation: bounce3 1s ease infinite;
}
.threed-main:hover svg path.threed-label-path-left-bounce {
animation: bounceLeft 1s ease infinite;
}
.threed-main:hover svg path.threed-label-path-left-bounce-full {
animation: bounceLeftFull 1s ease infinite;
}
.threed-main:hover svg path.threed-label-path-up-bounce-full {
animation: bounceUpFull 1s ease infinite;
transform-origin: center
}
.threed-main:hover svg path.threed-label-path1-nr.threed-rotate-90 {
animation: bounce4 1s ease infinite;
}
.threed-main:hover svg path.threed-label-rotate-full {
animation: rotateFull 1s ease infinite;
transform-origin: 44% 51%;
}
.threed-level-panel .threed-main:hover svg path.threed-label-path1-nr{
animation: bounceLevel 1s ease infinite;
}
.threed-main:hover svg path.threed-label-path3 {
transform: scale(1.05);
}
.threed-main:hover .threed-ex-btn {
transform: scale(1.05) rotate(-90deg);
}
@keyframes rotateFull {
0%, 100% {transform: rotate(-90deg)}
50% {transform: rotate(90deg)}
}
@keyframes bounce2 {
0%, 60%, 100% {transform: translateY(0) scale(0.33)}
40% {transform: translateY(0px) scale(0.33)}
80% {transform: translateY(0px) scale(0.33)}
}
@keyframes bounceLevel {
0%, 60%, 100% {transform: translateY(0) scale(0.8)}
40% {transform: translateY(0px) scale(0.8)}
80% {transform: translateY(0px) scale(0.8)}
}
@keyframes bounceLeft {
0%, 60%, 100% {transform: translateX(0) scale(0.8)}
40% {transform: translateX(-2px) scale(0.8)}
80% {transform: translateX(-1px) scale(0.8)}
}
@keyframes bounceLeftFull {
0%, 60%, 100% {transform: translateX(0) }
40% {transform: translateX(-2px) }
80% {transform: translateX(-1px) }
}
@keyframes bounceUpFull {
0%, 60%, 100% {transform: scaleY(0.8) }
40% {transform: scaleY(1) }
80% {transform: scaleY(1.2) }
}
@keyframes bounce3 {
0%, 60%, 100% {transform: translateX(0) rotate(-90deg) scale(0.8)}
40% {transform: translateX(3px) rotate(-90deg) scale(0.8)}
80% {transform: translateX(1px) rotate(-90deg) scale(0.8)}
}
@keyframes bounce4 {
0%, 60%, 100% {transform: translateX(0) rotate(90deg) scale(0.8)}
40% {transform: translateX(-3px) rotate(90deg) scale(0.8)}
80% {transform: translateX(-1px) rotate(90deg) scale(0.8)}
}
.threed-main:disabled:hover svg path.threed-label-path1-nr {
transform: scale(0.8);
animation: none;
stroke: #7C7C7C !important;
}
.threed-main:disabled:hover svg path.threed-label-path1-nr.threed-rotate-m90 {
transform: scale(0.8) rotate(-90deg);
}
.threed-main:disabled:hover svg path.threed-label-path1-nr.threed-rotate-90 {
transform: scale(0.8) rotate(90deg);
}
.threed-main:hover svg path.threed-label-path1-x.threed-label-path1-x-fr {
transform: rotate(180deg) scale(0.9);
}
.threed-main.hover-no-rotate:hover {
transform: rotate(360deg) scale(1) !important;
}
.threed-label svg path.threed-label-path2 {
fill:rgb(255 255 255 / 93%);
transform: translateX(2.6px) translateY(2.4px) scale(0.7);
}
.threed-label:hover .threed-label-path1 {
stroke-dasharray:48px;
stroke-dashoffset: 23px;
animation: draw-stroke2 2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.threed-label-path3 {
transition: all .2s ease-out;
}
.threed-label svg path.threed-label-path3 {
fill: transparent;
stroke: #F3F3F3;
stroke-width: 0.8px;
margin: 0 auto;
stroke-dasharray: 0px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-linejoin: round;
transform: translateX(2.4px) translateY(2.4px) scale(0.7);
animation: draw-stroke 4s ease-in-out forwards;
}
.threed-label:hover .threed-label-path3 {
stroke-dasharray: 0px;
/* stroke-dashoffset: -23px; */
animation: draw-stroke3 1.6s ease-out forwards;
transform: translateX(-1.6px) translateY(-1.6px) scale(1.2);
}
.threed-main svg path.threed-label-backdrop {
scale: 2;
stroke-width: 0.3;
stroke-dasharray: 80px;
stroke-dashoffset: 14px;
animation: draw-stroke-backdrop 0.5s ease-in-out forwards;
}
.threed-main:hover svg path.threed-label-backdrop {
transform: scale(1);
animation: draw-stroke-backdrop-hover 0.5s ease-in-out forwards;
}
#loader .threed-preloader {
font-size: 1.9em;
background-color: transparent;
transition: all .2s ease-out;
transform: scale(0.5);
animation: draw-opacity 1.0s ease-out forwards;
}
#loader .threed-preloader svg {
transform: scale(15.5);
margin: 0 auto;
overflow: visible;
}
#loader .threed-preloader svg path.threed-label-path1 {
fill: transparent;
stroke-width: 0;
margin: 0 auto;
stroke-dasharray: 48px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-linejoin: round;
stroke: rgba(99,99,99,0.87);
/* animation: draw-stroke 3s linear forwards; */
/*animation: draw-stroke-loader 2.2s ease-out forwards;*/
transform: translateX(0) translateY(0) scale(1);
transform-origin: center center;
animation: draw-stroke-loader 1.4s ease-in-out infinite;
}
#loader .threed-preloader .threed-label-path3 {
transition: all .2s ease-out;
}
#loader .threed-preloader svg path.threed-label-path3 {
fill: transparent;
stroke: rgba(37,37,37,0.87);
stroke-width: 0.15px;
margin: 0 auto;
stroke-dasharray:0;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-linejoin: round;
/* transform: translateX(2.4px) translateY(2.4px) scale(0.7);*/
/* animation: draw-stroke-loader2 4.3s ease-in-out infinite;*/
}
#loader .threed-preloader svg path.threed-label-path1-bg {
fill: transparent;
stroke-width: 0.11px;
margin: 0 auto;
stroke-dasharray: 48px;
stroke-linecap: round;
stroke-linejoin: round;
stroke: rgba(142,142,142,0.87);
transform: translateX(0) translateY(0) scale(1);
transform-origin: center center;
animation: draw-stroke-loader 1.4s ease-in-out infinite;
}
#loader .threed-preloader svg path.threed-label-path3-bg {
fill: transparent;
stroke: rgba(188,188,188,0.87);
stroke-width: 0.2px;
margin: 0 auto;
stroke-dasharray: 48px;
stroke-linecap: round;
stroke-linejoin: round;
transform: translateX(2.4px) translateY(2.4px) scale(0.7);
}
.threed-loader-percentage {
transform: scale(1.3);
animation: draw-opacity2 1s ease-out forwards;
opacity:0;
}
.threed-label:disabled {
cursor: inherit !important;
}
.hide-threed-btns .threed-label {
opacity: 0;
}
@keyframes draw-stroke3 {
0%{
opacity:0.5;
}
100%{
stroke-dasharray: 50px;
opacity:1;
}
}
@keyframes draw-stroke2 {
0%{
stroke-dashoffset: 48px;
stroke-dasharray: 23px;
}
100%{
stroke-dashoffset: 0px;
stroke-dasharray: 0px;
}
}
@keyframes draw-stroke {
0%{
stroke-dashoffset: -24px;
stroke-dasharray: 0;
}
100%{
stroke-dashoffset: 0;
stroke-dasharray: 52px;
}
}
@keyframes draw-stroke-reverse {
0%{
stroke-dashoffset: -24px;
stroke-dasharray: 0;
}
100%{
stroke-dashoffset: 0;
stroke-dasharray: 52px;
}
}
@keyframes draw-stroke-backdrop {
0%{
stroke-dashoffset: -11px;
stroke-dasharray: 56px;
}
100%{
stroke-dashoffset: 10px;
stroke-dasharray: 56px;
}
}
@keyframes draw-stroke-backdrop-hover {
0%{
stroke-dashoffset: 10px;
stroke-dasharray: 56px;
}
100%{
stroke-dashoffset: -11px;
stroke-dasharray: 56px;
}
}
@keyframes draw-stroke-x {
0%{
stroke-dashoffset: 6px;
stroke-dasharray: 0;
}
100%{
stroke-dashoffset: 0;
stroke-dasharray: 48px;
}
}
@keyframes draw-stroke-loader2 {
0%{
stroke-dashoffset: 0;
stroke-dasharray: 48px;
}
100%{
stroke-dashoffset: -24px;
stroke-dasharray: 0;
}
}
@keyframes draw-stroke-loader {
0% {
transform: scale(0.85);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
@keyframes draw-btn-text {
0% {
transform: translateY(0px);
opacity:1;
}
50% {
transform: translateY(-22px);
z-index: -1;
opacity:0;
}
50.01% {
transform: translateY(22px);
z-index: 0;
}
100% {
transform: translateY(0);
opacity:1;
}
}
@keyframes draw-btn-text-hover {
0% {
transform: translateY(0px);
opacity:1;
}
50% {
transform: translateY(-22px);
z-index: -1;
opacity:0;
}
50.01% {
transform: translateY(22px);
z-index: 0;
}
100% {
transform: translateY(0);
opacity:1;
}
}
@keyframes draw-opacity {
0%{
opacity:0;
transform: scale(0.5);
}
100%{
opacity:1;
transform: scale(1.2);
}
}
@keyframes draw-opacity2 {
33%{
opacity:0;
transform: scale(1.3);
}
100%{
opacity:1;
transform: scale(1.0);
}
}
.mr-9 {
margin-right: 2.25rem;
}
.bg-inline-code-grad {
background: linear-gradient(91deg, #ffffff 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-morning {
background: linear-gradient(91deg, #F0DB9C 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-work-reverse {
background: linear-gradient(91deg, rgb(255 255 255 / 0%) 0%, #fffbfbed 60%);
}
.bg-work {
background: linear-gradient(91deg, #e1e1e1c4 0%, rgb(255 255 255 / 0%) 90%)
}
.bg-noon {
background: linear-gradient(91deg, #ffffff 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-blackwhite {
background: linear-gradient(91deg, rgb(57 57 57) 20%, rgba(255, 255, 255, 0) 90%);
}
.threed-plans-panel-inner .bg-blackwhite {
background: linear-gradient(91deg, rgb(235 235 235) 20%, rgba(255, 255, 255, 0) 90%);
}
.threed-plan-back-btn.bg-blackwhite {
background: linear-gradient(91deg, rgb(255 255 255) 20%, rgba(255, 255, 255, 0) 90%);
}
.bg-grass {
background: linear-gradient(91deg, #72cf67 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-afternoon {
background: linear-gradient(91deg, #F7B4A5 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-night {
background: linear-gradient(91deg, #73bdff 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-clear {
background: linear-gradient(91deg, #ffedb7 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-clouds {
background: linear-gradient(91deg, #619fff 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-rain {
background: linear-gradient(91deg, #1458F7 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-snow {
background: linear-gradient(91deg, #aab4eb 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-modify {
background: linear-gradient(91deg, #00b377 20%, rgb(255 255 255 / 0%) 90%);
}
.bg-modify-reverse {
background: linear-gradient(91deg, rgb(255 255 255 / 0%) 20%, #00b377 90%);
}
.bg-noon-reverse {
background: linear-gradient(91deg, rgb(255 255 255 / 0%) 20%, #ffffff 90%);
}
.heli-custom-btn.cruiseOn .bg-modify{
background: linear-gradient(91deg, #dd6b20 20%, rgb(255 255 255 / 0%) 90%);
}
.heli-custom-btn.cruiseOn .bg-modify-reverse{
background: linear-gradient(91deg, rgb(255 255 255 / 0%) 20%, #dd6b20 90%);
}
.threed-rotate-180{
transform: rotate(180deg);
}
.threed-rotate-90{
transform: rotate(90deg);
}
.threed-rotate-m90{
transform: rotate(-90deg);
}
/*
#mm3d_canvas .three-d-gizmo {
position: absolute;
bottom: 0 !important;
right: 0 !important;
}*/
/*GAUGE LINEAR 3D MODEL SECTION CUT*/
.threed-progress {
background: linear-gradient(to right, #82CFD0 0%, #82CFD0 100%, #fff 100%, #fff 100%);
border: solid 2px #82CFD0;
border-radius: 1px;
height: 7px;
width: 100px;
outline: none !important;
transition: background 450ms ease-in;
-webkit-appearance: none;
transform: skewX(340deg);
-webkit-transform: skew(340deg);
-moz-transform: skew(340deg);
transform-origin: 100%;
}
.threed-progress::-webkit-slider-thumb {
width: 20px;
height: 20px;
-webkit-appearance: none;
cursor: ew-resize;
background: #252525;
}
.threed-parts-explode-btn.active .threed-label-path1{
fill:#252525 !important;
}
.threed-parts-explode-btn.active .threed-label-path1-x{
stroke:#ffffff !important;
transform: rotate(90deg) scale(0.9);
}
.preset-details-bg-in, .preset-details-bg-off{
background:#252525;
width: 0;
position: absolute;
height: 32px;
top: 0;
left: 0;
z-index: -1;
}
.bottom-180p {
bottom:175px;
right: -4px;
/*right: -80px;*/
/*left:0;*/
}
.bottom-150p {
bottom:140px;
/*left:0;*/
right: -80px;
}
.bottom-80p {
bottom:80px;
/*right: 17px;*/
right: -80px;
}
.bottom-90p {
bottom:90px;
right: -80px;
}
.bottom-155p {
bottom:157px;
/*left:0;*/
right: -80px;
}
.bottom-20p {
bottom:20px;
/*right: 17px;*/
right: -80px;
}
.w-96 {
width:96%;
}
.threed-explore-btn {
height:70px;
}
.hoverbtnsorg:hover i{
margin-left:5px;
}
#map_welcome div:first-child {
background-color:transparent !important;
}
.gm-style iframe + div { border:none!important; outline: none!important }
#map_profile div {outline:none !important}
.threed-tilt-info {
height: auto;
width: 300px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
#map_welcome {
height:40vh;
/*width: 31vw;*/
}
.info-canvas h1, .threed-description-panel h1, #mm3d_canvas .slider-title h1 {
/*font-family: the-seasons, sans-serif !important;*/
}
/*three js menu btns*/
.three-normal-svg-open {
fill: #ffffff !important;
stroke-dasharray: 48px !important;
stroke-dashoffset: 0px !important;
stroke: #ffffff !important;
}
.three-normal-svg-close {
fill: transparent !important;
stroke: #ffffff !important;
stroke-width: 0.65 !important;
}
.three-normal-svg-path2 {
fill: #151515 !important;
stroke: #151515 !important;
}
.threed-main svg path.threed-label-path1-nr.dark_c.three-normal-svg-fill-close {
stroke:#121212 !important;
}
.threed-main:hover svg path.threed-label-path1-nr.dark_c.three-normal-svg-fill-close {
stroke:#f7f7f7 !important;
}
.threed-explore-empty.threed-main svg path, .threed-options-empty.threed-main svg path, .threed-close-empty.threed-main svg path {
stroke:#121212 !important;
fill:transparent !important;
stroke-width: 0.2;
}
.threed-opt-st {
transform: scale(0.34) !important;
stroke-width: 0 !important;
}
.threed-options-btns {
width:49%;
}
.threed-options-main button {border-left: 10px solid transparent;}
.threed-options-main button.active {border-left: 10px solid #b076ff;}
.centered {
position: absolute;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
}
.w-90 {
width:90%;
}
svg path.blink-heli {
transform: translate(0px, 2px);
fill: #00b377 !important;
}
.heli-camera-birds-eye.cruiseOn svg path.blink-heli {
fill: #dd6b20 !important;
}
.threed-main:hover svg path.heli-Speed
{
fill: #00b377 !important;
}
.heli-camera-birds-eye.cruiseOn .threed-main:hover svg path.heli-Speed
{
fill: #dd6b20 !important;
}
.heli-camera-birds-eye button svg {
transform: scale(1.6) translate(0px, 1px);
}
.heli-camera-birds-eye .threed-label-path1 {
stroke-width: 0.8px !important;
}
svg.heli-bg {
transform: rotate(90deg) scale(42) !important;
bottom: -250px;
}
.heli-menu{
bottom: 60px;
}
.heli-handlebar{
bottom: -250px;
}
svg.heli-bg.open {
transform: rotate(90deg) scale(33.7) translate(1px,-1.6px) !important;
}
/*.heli-bg path {
fill: rgba(255,255,255,0.90);
}*/
#heliLights svg {
margin-top: 3px;
}
.opacity-50 {
opacity:0.5;
}
.heli-bg path{fill:url(#heliGradientLight)}
.heli-map-cover path{fill:url(#heliGradientLightCover)}
.media-bg path{fill:url(#heliGradientMedia) !important}
.media-bg.videoOn path{fill:url(#heliGradientVideoOn) !important}
.imageContainer {
width: 500px;
height: 160px;
overflow: hidden;
position: relative;
opacity: 0.8;
}
svg.imageContainer {
transform: scale(3.92);
}
.heli-inside-media .imageContainer {
height: 165px;
width: 500px;
}
.heli-inside-media svg.imageContainer {
transform: scale(3.95);
}
.imageCenterer {
width: 1000px;
position: absolute;
left: 50%;
top: -58%;
margin-left: -500px;
}
.imageCenterer img {
display: block;
margin: 0 auto;
}
.heli-inside-steering {
margin-top: -217px;
height: 159px;
width: 100%;
}
.heli-inside-map {
margin-top: -220px;
height: 160px;
width: 100%;
}
.heli-inside-media, .heli-inside-settings {
height: 165px;
}
.heli-inside-settings {
bottom: 95px;
width: 150px;
right: 95px;
z-index: 2;
height: 100px;
}
.heli-inside-map image {
opacity:0.8;
}
.map-icon-container {
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
transform-origin: 50% 56%;
}
.transform-origin{
transform-origin: 50% 55%;
}
.map-icon-in {
text-align: center;
position: absolute;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
right: 0;
left: 0px;
top: 0px;
/*z-index: 1;*/
/* transform-origin: 50% 44.4%; */
/* transform-origin: 54.4% 44.4%; */
/* animation: rotating 1s linear infinite;*/
}
.home-icon-in {
left: 0;
top: 0;
}
.light-house-icon-in {
left: -20px;
top: -5px;
}
.turbine-icon-in {
left: 110px;
top: 55px;
}
.heli-icon-in {
margin-top: 5px;
margin-left: 3px;
animation: rotating 1s linear infinite;
}
.anchor-icon-in {
left: -75px;
top: 0px;
}
.yacht-icon-in {
left: -10px;
top: 10px;
}
.heli-bw-icon-in {
left: -30px;
top: 55px;
}
.car-icon-in {
left: 10px;
top: 0;
}
.bridge-icon-in {
left: -35px;
top: -60px;
}
@-webkit-keyframes rotating {
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}
.map-main-icon {
/* position: relative;*/
/*top: 41%;*/
/*left: 0px;*/
}
#lake_map1 {
transform-origin: 31% 24%;
}
#lake_map1 image {
transform-origin: 36.5% 14%;
}
#lake_map1 image.attach-to-map {
/*transform-origin: 31% 24.5%;*/
transform: rotate(90deg);
}
.heli-camera-birds-eye svg.map-svg-scale1 {
transform: scale(0.07);
}
.nav-main-base path {
fill:rgba(232,232,232,0.53);
}
.joystick-left {
width:270px;
margin-bottom: -150px;
user-select: none;
}
.mb-90 {
margin-bottom: 90px;
}
.heliKnots {
margin-top: 4.0rem;
color:#ffffff;
}
.heliAltRangewrapper {
position: absolute;
height: 140px;
width: 30px;
top: 40px;
left: -113px;
}
.heliAltRangewrapper::before, .heliAltRangewrapper::after {
display: block;
position: absolute;
z-index: 99;
color: #fff;
width: 100%;
text-align: center;
line-height: 1;
padding: 0.75rem 0;
pointer-events: none;
font-size: 0.66em;
font-weight: 600;
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
}
.heliAltRangewrapper::before {
content: "+";
top: -65px;
left: 120px;
color: #FFFFFF;
}
.heliAltRangewrapper::after {
content: "ALT";
bottom: 45px;
left: 41px;
color:#FFFFFF;
width: 50px;
}
.heliAltNumber {
color: #01db92;
position: absolute;
pointer-events: none;
font-size: 0.66em;
font-weight: 600;
bottom: -20px;
left: -30px;
}
.heliAltNumber.last {
color: rgba(255,87,0,0.80);
}
.heliAltNumber.cruiseOn, .heli-media-btn.cruiseOn {
color: rgba(255,87,0,0.80);
}
.heliSpeedRangewrapper {
position: absolute;
height: 140px;
width: 30px;
top: 40px;
right: -2px;
}
.heliSpeedRangewrapper::before, .heliSpeedRangewrapper::after {
display: block;
position: absolute;
z-index: 99;
color: #fff;
width: 100%;
text-align: center;
line-height: 1;
padding: 0.75rem 0;
pointer-events: none;
font-size: 0.66em;
font-weight: 600;
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
}
.heliSpeedRangewrapper::before {
content: "+";
top: -65px;
right: 12px;
color: #FFFFFF;
}
.heliSpeedRangewrapper.removePlus::before {
content: "";
}
.heliSpeedRangewrapper::after {
content: "SPEED";
bottom: 45px;
right: -60px;
color:#FFFFFF;
width: 50px;
}
#joy1Div, .joySides {
width:110px;
}
#joy1Div::before {
content: "\F27C";
font-family: bootstrap-icons !important;
top: -8px;
left: 45px;
color: #9f9f9f;
position: absolute;
transition: all 0.4s ease-in-out;
}
#joy1Div::after {
content: "\F279";
font-family: bootstrap-icons !important;
bottom: -8px;
left: 45px;
color: #9f9f9f;
position: absolute;
transition: all 0.4s ease-in-out;
}
#joy1Div.mediaOn::after {
content: "";
}
.joySides::before {
content: "\F27B";
font-family: bootstrap-icons !important;
top: 40px;
left: 93px;
color: #9f9f9f;
position: absolute;
transition: all 0.4s ease-in-out;
}
.joySides::after {
content: "\F27A";
font-family: bootstrap-icons !important;
top: 40px;
left: -4px;
color: #9f9f9f;
position: absolute;
transition: all 0.4s ease-in-out;
}
#joy1Div.cruiseOn::before, #joy1Div.cruiseOn::after, #joy1Div.cruiseOn .joySides::before, #joy1Div.cruiseOn .joySides::after{
color: #dd6b20;
}
#joy1Div.cruiseOn #heliMoveJoystick{
-webkit-filter: drop-shadow(0px 0px 5px rgba(221,107,32,0.55));
filter: drop-shadow(0px 0px 5px rgba(221,107,32,0.55));
transition: all 0.4s ease-in-out;
}
.heli-camera-birds-eye {
user-select: none;
}
input[type=range].heliAltRange, input[type=range].heliSpeedRange {
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
margin: 0;
padding: 0;
width: 140px;
height: 30px;
transform: skew(149deg) rotate(270deg);
border-radius: 5px;
overflow: hidden;
cursor: row-resize;
z-index: 0;
outline: none;
}
input[type=range].heliSpeedRange {
transform: skew(-149deg) rotate(270deg);
}
input[type=range][step].heliAltRange, input[type=range][step].heliSpeedRange {
background-color: transparent;
background-image: repeating-linear-gradient(to right, rgb(59 59 59 / 16.66%), rgb(201 201 201 / 16.0%) calc(2% - 1px), rgb(183 183 183 / 82%) 16.6%);
outline: none;
border: 0 !important;
/*-webkit-box-shadow: 0px 2px 3px 1px rgb(217 217 217 / 21%);
box-shadow: 0px 2px 3px 1px rgb(217 217 217 / 84%);*/
}
input[type=range].heliAltRange::-webkit-slider-thumb {
-webkit-appearance: none;
width: 2px;
height: 40px;
background-color:rgba(255,190,0,0.60);
box-shadow: -20rem 0 0 20rem rgba(8, 177, 236,0.6);
transition: all 0.25s ease;
}
input[type=range].heliAltRange::-moz-range-thumb {
border: none;
width: 2px;
height: 40px;
background-color:rgba(255,190,0,0.60);
box-shadow: -20rem 0 0 20rem rgba(8, 177, 236,0.6);
transition: all 0.25s ease;
}
input[type=range][step].heliAltRange {
box-shadow: 0px 25px 30px 0px rgba(123,123,123,0.30);
}
input[type=range][step].heliSpeedRange {
box-shadow: 0px -25px 30px 0px rgba(123,123,123,0.30);
}
input[type=range].heliAltRange.alt0::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(255,87,0,0.60);
background-color:rgba(215,0,0,0.60);
}
input[type=range].heliAltRange.alt1::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(255,87,0,0.60);
}
input[type=range].heliAltRange.alt2::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(245,144,0,0.60);
}
input[type=range].heliAltRange.alt3::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(8, 177, 236,0.6);
}
input[type=range].heliAltRange.alt4::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,100,255,0.60);
}
input[type=range].heliAltRange.alt5::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,66,248,0.60);
}
input[type=range].heliAltRange.alt6::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,255,147,0.6);
background-color:rgba(0,255,155,0.60);
}
input[type=range].heliAltRange.alt0::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(255,87,0,0.60);
background-color:rgba(215,0,0,0.60);
}
input[type=range].heliAltRange.alt1::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(255,87,0,0.60);
}
input[type=range].heliAltRange.alt2::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(245,144,0,0.60);
}
input[type=range].heliAltRange.alt3::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(8, 177, 236,0.6);
}
input[type=range].heliAltRange.alt4::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,100,255,0.60);
}
input[type=range].heliAltRange.alt5::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,66,248,0.60);
}
input[type=range].heliAltRange.alt6::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,255,147,0.6);
background-color:rgba(0,255,155,0.60);
}
input[type=range][step].heliAltRange.alt0 {
box-shadow: 0px 25px 30px 0px rgba(255,87,0,0.50);
}
input[type=range][step].heliAltRange.alt1 {
box-shadow: 0px 25px 30px 0px rgba(255,87,0,0.50);
}
input[type=range][step].heliAltRange.alt2 {
box-shadow: 0px 25px 30px 0px rgba(245,144,0,0.50);
}
input[type=range][step].heliAltRange.alt3 {
box-shadow: 0px 25px 30px 0px rgba(8, 177, 236,0.5);
}
input[type=range][step].heliAltRange.alt4 {
box-shadow: 0px 25px 30px 0px rgba(0,100,255,0.50);
}
input[type=range][step].heliAltRange.alt5 {
box-shadow: 0px 25px 30px 0px rgba(0,66,248,0.50);
}
input[type=range][step].heliAltRange.alt6 {
box-shadow: 0px 25px 30px 0px rgba(0,255,147,0.5);
}
input[type=range][step].heliSpeedRange.speed0 {
box-shadow: 0px -25px 30px 0px rgba(255,71,0,0.50);
}
input[type=range][step].heliSpeedRange.speed1 {
box-shadow: 0px -25px 30px 0px rgba(0,153,208,0.50);
}
input[type=range][step].heliSpeedRange.speed2 {
box-shadow: 0px -25px 30px 0px rgba(1,219,146,0.50);
}
input[type=range][step].heliSpeedRange.speed3 {
box-shadow: 0px -25px 30px 0px rgba(0,66,248,0.50);
}
input[type=range][step].heliSpeedRange.speed4 {
box-shadow: 0px -25px 30px 0px rgba(56,0,248,0.50);
}
input[type=range][step].heliSpeedRange.speed5 {
box-shadow: 0px -25px 30px 0px rgba(203,0,248,0.50);
}
input[type=range][step].heliSpeedRange.speed6 {
box-shadow: 0px -25px 30px 0px rgba(248,61,0,0.50);
}
input[type=range].heliSpeedRange::-webkit-slider-thumb {
-webkit-appearance: none;
width: 2px;
height: 40px;
background-color:rgba(0,255,147,0.6);
box-shadow: -20rem 0 0 20rem rgba(4,118,159,0.0);
transition: all 0.25s ease;
}
input[type=range].heliSpeedRange::-moz-range-thumb {
border: none;
width: 30px;
height: 2px;
background-color:rgba(0,255,147,0.6);
box-shadow: -20rem 0 0 20rem rgba(4,118,159,0.0);
transition: all 0.25s ease;
}
input[type=range].heliSpeedRange.cruiseOn::-webkit-slider-thumb {
background-color:rgba(221,107,32,0.6);
}
input[type=range].heliSpeedRange.cruiseOn::-moz-range-thumb {
background-color:rgba(221,107,32,0.6);
}
input[type=range].heliSpeedRange.speed0.addColor::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,211,255,0.60);
background-color:rgba(255,71,0,0.60);
}
input[type=range].heliSpeedRange.speed1.addColor::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,211,255,0.60);
}
input[type=range].heliSpeedRange.speed2.addColor::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(1,219,146,0.60);
}
input[type=range].heliSpeedRange.speed3.addColor::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,66,248,0.60);
}
input[type=range].heliSpeedRange.speed4.addColor::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(56,0,248,0.60);
}
input[type=range].heliSpeedRange.speed5.addColor::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(203,0,248,0.60);
}
input[type=range].heliSpeedRange.speed6.addColor::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(248,61,0,0.60);
}
input[type=range].heliSpeedRange.speed0.addColor::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,211,255,0.60);
background-color:rgba(255,71,0,0.60);
}
input[type=range].heliSpeedRange.speed1.addColor::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,211,255,0.60);
}
input[type=range].heliSpeedRange.speed2.addColor::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(1,219,146,0.60);
}
input[type=range].heliSpeedRange.speed3.addColor::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(0,66,248,0.60);
}
input[type=range].heliSpeedRange.speed4.addColor::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(56,0,248,0.60);
}
input[type=range].heliSpeedRange.speed5.addColor::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(203,0,248,0.60);
}
input[type=range].heliSpeedRange.speed6.addColor::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(248,61,0,0.60);
}
.heli-map-cover {
margin-bottom:47px;
/*margin-left: -3.03px;*/
}
.opacity-1 {
opacity:1;
}
.heliSpeedNumber{
text-shadow: #01db92 1px 0 3px;
}
.heliSpeedNumber::before {
content: "\F59B";
font-family: bootstrap-icons !important;
top: -10px;
left: 30px;
font-size: 10px;
position: absolute;
transition: all 0.25s ease;
color: #DB060A;
opacity: 0.6;
text-shadow:none;
}
.heliSpeedNumber.cruiseOn::before {
color: #dd6b20;
}
.heliSpeedNumber.reverse::before {
content: "\F33A";
color: #EFB332;
opacity: 0.9;
}
.heliSpeedNumber.normal::before {
content: "\F5E3";
color: #00FF93;
opacity: 0.6;
}
.heliSpeedNumber.left::before {
content: "\F22E";
color: #009BFF;
opacity: 0.6;
}
.heliSpeedNumber.right::before {
content: "\F232";
color: #009BFF;
opacity: 0.6;
}
.heli-options-container {
margin-bottom: -70px;
right: -155px;
width: 220px;
}
.heli-media-container {
top: -15px;
right: 110px;
width: 160px;
transform: rotate(180deg);
height: 60px;
z-index: 2;
}
.heli-options-container svg, .dark .heli-media-container svg {
-webkit-filter: drop-shadow(0px 0px 5px rgba(1,219,146,0.54));
filter: drop-shadow(0px 0px 5px rgba(1,219,146,0.54));
}
.heli-options-container.cruiseOn svg, .dark .heli-media-container.cruiseOn svg {
-webkit-filter: drop-shadow(0px 0px 5px rgba(221,107,32,0.34));
filter: drop-shadow(0px 0px 5px rgba(221,107,32,0.34));
}
.heli-media-container svg{
margin-top: -45.6px;
transform: scale(0.85);}
.heli-options-btn{
width: 130px;
padding: 10px;
margin-top: 70px;
z-index: 2;
}
.heli-media-btn {
width: 130px;
padding: 10px;
top: -5px;
z-index: 1;
transform: rotate(180deg);
}
.heli-btn-svg-0 {
fill: url(#heliBtnGradientLight0);
}
.heli-btn-svg-1 {
fill: url(#heliBtnGradientLight);
}
.heli-btn-svg-2 {
fill: url(#heliBtnGradientLight2);
}
.heli-contorls-bg {
margin-top: -141px;
opacity: 0.30;
z-index: 0;
margin-left: 15px;
transform-origin: 50% 40%;
}
.heli-contorls-bg svg {
transform: scale(0.39);
}
#heliMoveJoystick {
-webkit-filter: drop-shadow(0px 0px 5px rgba(1, 219, 146, 0.54));
filter: drop-shadow(0px 0px 5px rgba(1, 219, 146, 0.54));
}
.slider-small {
width: 150px !important;
}
.heli-options-menu {
right: 105px;
top: 15px;
}
.heli-options-menu .slider-dots {
opacity:0;
z-index: -1;
}
svg.scale07 {
transform: scale(0.8) !important;
width: 30px;
height: 30px;
filter: none;
}
.heliCruiseStop{
width: 50px;
right: 95px;
top: -3px;
}
.heliCruiseStop.mapOn{
right: 107px;
top: 50px;
}
.heliCruiseStop.mapOnMusic{
right: 107px;
top: -20px;
}
.heliCruiseBtnOnMap{
width: 20px;
height: 20px;
filter: none;
position:absolute;
bottom: -8px;
right: -45px;
margin-right:10px;
z-index: 1;
}
.orange-text-shadow {
text-shadow: #e37820 1px 0px 3px;
}
@keyframes zoom-in-zoom-out2 {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(0.8, 0.8);
}
100% {
transform: scale(1, 1);
}
}
.heli-options-btn:hover svg path:first-child, .heli-media-btn:hover svg path:first-child {
transform-origin: center;
}
.heli-options-btn:hover i, .heli-options-btn:hover svg path, .heli-media-btn:hover i, .heli-media-btn:hover svg path {
animation: zoom-in-zoom-out2 1s ease infinite;
/*animation: zoom-in-zoom-out-limited 1s ease;
animation-iteration-count: 2; */
}
.handlebar-left {
transform: rotate(31.5deg);
}
.handlebar-right{
transform: rotate(148.5deg);
}
.handlebar-right, .handlebar-left {
display: none;
}
.handlebar-right-light, .handlebar-left-light {
display: block;
}
audio {
/*display: inline-block;
height: 40px;
width: calc( 100% - 650px );*/
width: calc(100% - 300px);
height: 30px;
}
.audioContainer{
height:120px;
}
.audioContainer canvas {
/*width:100px;*/
}
audio::-webkit-media-controls-panel {
background-color: rgba(241, 241, 241, 0.16);
}
audio::-webkit-media-controls-enclosure {
background-color: transparent;
}
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
display: none;
}
.heli-inside-media-visualizer {
height: 120px;
width: 450px;
margin: 0 auto;
bottom: 50px;
}
.heli-inside-media-visualizer.short {
height: 35px;
}
.heli-inside-media-visualizer.short .audioContainer {
margin-bottom: -50px;
}
.media-joystick-circle {
left: 117px;
top: 28px;
}
.media-joystick-circle circle {
fill:rgba(224,224,224,0.61);
}
.heli-media-nowplaying {
right: 95px;
top: 63px;
width: 140px;
}
.audio-forward{
right: 115px;
bottom: 5px;
opacity: 0.7;
}
.audio-backward{
left: 115px;
bottom: 5px;
transform: rotate(180deg);
opacity: 0.7;
}
.audio-forward:hover, .audio-backward:hover{
opacity: 1;
}
.audio-name span {
position: absolute;
}
.audio-name span {
animation: marquee 7s infinite linear;
width: 200px;
}
@keyframes marquee {
0% {
left: 100%;
}
100% {
left: 0;
transform: translateX(-100%);
}
}
.audio-title {
color:#01db92;
}
.audio-title.cruiseOn {
color:#ff6324;
}
.audio-name {
color:#FFFFFF;
}
audio {
filter: sepia(0%) saturate(0%) grayscale(1) contrast(100%) invert(100%);
}
.menu-cover {
/*bottom: 50px;
left: 0;*/
margin-bottom: 50px;
margin-left: 20px;
}
.heli-inside-media-visualizer audio {
bottom: -2px;
}
.video-player-trapezoid {
overflow: hidden;
height: 162px;
bottom: 50px;
left: -1px;
width: 550px;
/*opacity: 0.4;*/
}
.video-player-trapezoid svg {
width: 550px;
position: absolute;
bottom: 0px;
left: -44px;
height: 158px;
}
.video-player-trapezoid iframe {
transform: scale(2.43);
padding-left: 60px;
/*padding-top: 20px;*/
margin-top:-10px;
}
.video-player-trapezoid path {
transform: scale(40);
}
.video-player-trapezoid-cover {
width: 430px;
height: 150px;
background: transparent;
}
#heliVideo {
margin-top: -50px;
}
.opacity0-4 {
opacity: 0.6;
}
.heli-inside-settings.w-full {
width: 320px;
right: 76px;
}
.heli-camera-birds-eye .skew-x-transform {
transform: skewX(332deg);
-webkit-transform: skew(332deg);
-moz-transform: skew(332deg);
transform-origin: 100%;
}
.heli-camera-birds-eye .skew-x-transform.heli-settings-modify-tour {
transform: skewX(36deg);
-webkit-transform: skew(36deg);
-moz-transform: skew(36deg);
transform-origin: 100%;
}
.heli-camera-birds-eye .skew-x-transform-reverse {
transform: skewX(28deg);
-webkit-transform: skew(28deg);
-moz-transform: skew(28deg);
transform-origin: 100%;
}
.heli-camera-birds-eye .heli-settings-modify-tour .skew-x-transform-reverse {
transform: skewX(324deg);
-webkit-transform: skew(324deg);
-moz-transform: skew(324deg);
transform-origin: 100%;
}
.bg-modify-colors{
background: linear-gradient(91deg, #00b377 0%, rgb(255 255 255 / 0%) 90%);
}
.heli-camera-birds-eye .heli-settings-modify-swap.skew-x-transform{
transform: skewX(33deg);
-webkit-transform: skew(33deg);
-moz-transform: skew(33deg);
transform-origin: 100%;
}
.bg-swap-vehicle {
background: linear-gradient(91deg, rgb(255 255 255 / 0%) 10%, #6911f5 90%);
}
.bg-takeoff-vehicle {
background: linear-gradient(91deg, rgb(255 255 255 / 0%) 10%, #05c4fd 90%);
}
.bg-tour-vehicle {
background: linear-gradient(270deg, rgb(255 255 255 / 0%) 10%, #05335a 90%);
}
.heli-custom-btn::before {
position: absolute;
content: "";
inset: 0; /* same as { top: 0; right: 0; bottom: 0; left: 0; } */
background-image: linear-gradient(91deg, #BBBBBB 0%, rgb(255 255 255 / 0%) 90%);
margin-top: 4px;
height: 36px;
opacity: 0;
transition: opacity 0.15s linear;
}
.heli-custom-btn.cruiseOn::before {
background-image: linear-gradient(91deg, #dd6b20 0%, rgb(255 255 255 / 0%) 90%);
}
.heli-custom-btn-reversed::before {
background-image: linear-gradient(91deg, rgb(255 255 255 / 0%) 10%, #BBBBBB 90%);
}
.heli-settings-modify-tour.heli-custom-btn-reversed::before {
background-image: linear-gradient(270deg, rgb(255 255 255 / 0%) 10%, #BBBBBB 90%);
}
.heli-custom-btn-exit::before {
background-image: linear-gradient(91deg, #CB3538 0%, rgb(255 255 255 / 0%) 90%);
}
.heli-custom-btn-hover::before {
opacity: 1;
}
.heli-pilot {
background-image: url(/images/pilot-wings.png);
background-repeat: no-repeat;
background-position: center;
height: 115px;
}
.heli-camera-birds-eye .heli-settings-modify-swap .skew-x-transform-reverse{
transform: skewX(328deg);
-webkit-transform: skew(328deg);
-moz-transform: skew(328deg);
transform-origin: 100%;
}
.modify-title:after{
content: "\F229";
font-family: bootstrap-icons !important;
top: 35px;
font-size: 10px;
margin: 0 auto;
position: absolute;
transition: all 0.25s ease;
color: #ffffff;
text-shadow: none;
}
.heli-inside-modify-swap .slider-dots {
display: none;
}
.swap-slider-container {
width: 380px;
margin-left: -33px;
}
.heli-camera-birds-eye {
width:480px;
}
.border-white{
border-color: #fff;
}
.border-greencolor{
border-color: #01db92;
}
.heli-inside-modify-swap .layout-simple-slider ul li {
text-align: left;
}
.heliExitMapAlert {
left: 118px;
opacity: 1;
width: 4rem;
top:20px;
}
.heliExitMapAlert.cruiseOn {
top: -20px;
left: 103px;
width: 6rem;
}
.heliExitMapAlert.cruiseOn .text-xs {
font-size: .563rem;
}
@keyframes blink {
50% {
opacity: 0.0;
}
}
.blink {
animation: blink 1s step-start 0s infinite;
}
.heli-inside-steering-start {
/* letter-spacing: 0.2em;*/
}
.heli-options-menu .layout-simple-slider ul li {
min-height: 150px;
}
.threed-quote-panel button:hover, .threed-plans-panel .request-web-start-here:hover, .threed-work-back-btn:hover, .threed-plan-back-btn:hover, .threed-consult-select-btn:hover {
background: linear-gradient(91deg, #6c00ff 20%, rgb(255 255 255 / 0%) 90%) !important;
color:#ffffff;
}
.threed-consult-select-btn:hover div {
color: #ffffff;
}
.threed-work-panel .threed-work-back-btn:hover {
background: linear-gradient(91deg, rgb(255 255 255 / 0%) 0%, #6c00ff 90%) !important;
color:#ffffff;
}
.threed-quote-panel button:hover div, .threed-plans-panel .request-web-start-here:hover div, .threed-work-back-btn:hover div, .threed-plan-back-btn:hover div {
color:#ffffff;
}
.half-slide-up, .half-slide-down {
height:0;
}
.opacity-90{
opacity: 0.9;
}
.threed-plan-section-title {
width:340px;
}
/*.threed-work-section-title {
width:400px;
}*/
.threed-plans-panel .plan-details{
max-height: 179px;
margin: 5px 0;
padding-right: 10px;
}
.bg-transparent {
background: transparent !important;
}
/*THREE JS CONTROL PANEL RIGHT SIDE BLACK FOR ROBOT ETC//////////////////////////////////////////////////////////////////////*/
.lil-gui {
display: none !important;
z-index: -10 !important;
}
.webwork-nav-buttons, .graphicswork-nav-buttons, .productwork-nav-buttons, .brandwork-nav-buttons {
height: 8rem;
}
.webwork-nav-buttons button, .graphicswork-nav-buttons button, .productwork-nav-buttons button, .brandwork-nav-buttons button {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 21%);
box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 21%);
opacity: 0.9;
}
.webwork-nav-buttons button i, .graphicswork-nav-buttons button i, .productwork-nav-buttons button i, .brandwork-nav-buttons button i {
display: block;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.threed-work-panel-scroll {max-width: 200px;}
.threed-work-panel-inner button:disabled, #mm3d_canvas button:disabled {
cursor: pointer;
}
.threed-main:disabled {
cursor: auto !important;
}
.graphics-rotate-btn-on {
transform: rotate(45deg) !important;
-webkit-transform: rotate(45deg) !important;
margin-left: 2px;
margin-top: -2px;
}
.graphicswork-nav-rotate:hover {
background-color: #6c00ff !important;
}
.product-rotate-btn-on {
transform: rotate(137deg) !important;
-webkit-transform: rotate(137deg) !important;
margin-left: 2px;
margin-top: 2px;
}
.productwork-nav-blinder:hover {
background-color: #6c00ff !important;
}
.brandwork-nav-snow:hover {
background-color: #6c00ff !important;
}
.z-100 {
z-index: 100;
}
path.threed-label-path-in-normal {
fill: #ffffff;
}
.darkStroke{
stroke: #252525 !important;
}
.darkFill{
fill: #252525 !important;
}
.stroke-white .darkFill{
fill: #ffffff !important;
}
.bw-fill {
fill: #252525 !important;
}
.stroke-white .bw-fill {
fill: #ffffff !important;
}
.keeplight .bw-fill{
fill: #fbfbfb !important;
}
.threed-main:hover svg path.bw-fill{
fill: #ffffff !important;
}
.threed-main.stroke-white:hover svg path.bw-fill{
fill: #252525 !important;
}
.keeplight .threed-main:hover svg path.bw-fill{
fill: #252525 !important;
}
.threed-main:hover svg path.bw-fill1, .threed-main:hover svg path.bw-fill2{
fill: #252525 !important;
}
.threed-main:hover svg path.bw-fill1.active, .threed-main:hover svg path.bw-fill2.active{
fill: #252525 !important;
}
.threed-main.stroke-white:hover svg path.bw-fill1.active, .threed-main.stroke-white:hover svg path.bw-fill2.active{
fill: #ffffff !important;
}
.keeplight .threed-main:hover svg path.bw-fill1.active, .keeplight .threed-main:hover svg path.bw-fill2.active{
fill: #ffffff !important;
}
.drone-steering-slider-container, .drone-speed-slider-container, .drone-elevation-slider-container, .drone-explode-slider-container {
width: 110px;
text-align: center;
height: 35px;
padding-top: 1rem;
}
.kore-view-lr-slider-container, .kore-view-td-slider-container, .kore-power-slider-container, .kore-speed-slider-container {
width: 110px;
text-align: center;
height: 35px;
padding-top: 1rem;
}
.drone-steering-slider, .drone-speed-slider, .drone-elevation-slider, .drone-explode-slider {
width: 100%;
height: 2px;
background: #00000075;
position: relative;
border-radius: 5px;
cursor: pointer;
}
.kore-view-lr-slider, .kore-view-td-slider, .kore-power-slider, .kore-speed-slider {
width: 100%;
height: 2px;
background: rgba(0,0,0,0.84);
position: relative;
border-radius: 5px;
cursor: pointer;
}
.kore-view-lr-slider.stroke-white, .kore-view-td-slider.stroke-white, .kore-power-slider.stroke-white, .kore-speed-slider.stroke-white {
background: rgba(255,255,255,0.84);
}
.keeplight .drone-speed-slider, .keeplight .drone-elevation-slider {
background: #e1e1e175;
}
.keeplight .drone-steering-slider {
background: #dbdbdb75;
}
.drone-steering-slider-handle, .drone-speed-slider-handle, .drone-elevation-slider-handle, .drone-explode-slider-handle {
position: absolute;
width: 20px;
height: 20px;
/* background: #4db495eb; */
border-radius: 50%;
top: -9px;
transition: background 0.3s;
margin-left: -8px;
}
.kore-view-lr-slider-handle, .kore-view-td-slider-handle, .kore-power-slider-handle, .kore-speed-slider-handle {
position: absolute;
width: 20px;
height: 20px;
/* background: #4db495eb; */
border-radius: 50%;
top: -9px;
transition: background 0.3s;
margin-left: -8px;
}
.drone-steering-slider-container input[type="text"], .drone-speed-slider-container input[type="text"], .drone-elevation-slider-container input[type="text"], .drone-explode-slider-container input[type="text"] {
margin-top: 20px;
width: 60px;
text-align: center;
}
.p-slider-container {
display: flex;
flex-direction: column;
align-items: center;
}
.p-slider-container:hover{
cursor: grab;
}
.p-slider-container:active:hover{
cursor: grabbing;
}
#p-sliderValue {
margin-top: 10px;
font-weight: bold;
}
.steering-wheel-hands {
width: 120px;
bottom: -43px;
background: url(/images/3dfiles/textures/racetoy-steering.png);
background-repeat: no-repeat;
background-position: center center;
height: 120px;
background-size: contain;
}
.threed-product-power-btn-panel{
bottom: 70px;
height: 70px;
}
.p-speedometer-container{
width: 110px;
padding-top: 0px;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0px;
}
.p-speedometer-container:hover{
cursor: grab;
}
.p-speedometer-container:active:hover{
cursor: grabbing;
}
#p-speedometerValue {
margin-top: 4px;
font-weight: bold;
padding-top: 35px;
}
.speedometer-racersvg{
margin-top:-6px;
}
.threed-product-color-btn-panel {
bottom:57px;
}
.threed-main:hover svg path.bw-fill1.passive, .threed-main:hover svg path.bw-fill2.passive{
fill: #ffffff !important;
}
.threed-main.stroke-white:hover svg path.bw-fill1.passive, .threed-main.stroke-white:hover svg path.bw-fill2.passive{
fill: #252525 !important;
}
.keeplight .threed-main:hover svg path.bw-fill1.passive, .keeplight .threed-main:hover svg path.bw-fill2.passive{
fill: #252525 !important;
}
.threed-kore-power-hold-btn.activate.threed-main svg path.threed-label-path1 {
fill:#c9e318 !important;
stroke: #c9e318 !important;
}
.threed-kore-power-hold-btn.activate.koreRed.threed-main svg path.threed-label-path1 {
fill:#D30003 !important;
stroke: #D30003 !important;
}
.threed-kore-power-hold-btn.activate.koreBlue.threed-main svg path.threed-label-path1 {
fill:#00FFDB !important;
stroke: #00FFDB !important;
}
.threed-kore-power-hold-btn.activate.threed-main svg path.bw-fill {
fill:#252525 !important;
}
.threed-kore-power-hold-btn.activate.threed-main:hover svg path.threed-label-path1 {
fill:#252525 !important;
stroke: #252525;
}
.stroke-white.threed-kore-power-hold-btn.activate.threed-main:hover svg path.threed-label-path1 {
fill:#ffffff !important;
stroke: #ffffff;
}
.threed-kore-power-hold-btn.activate.threed-main:hover svg path.bw-fill {
fill:#ffffff !important;
}
.stroke-white.threed-kore-power-hold-btn.activate.threed-main:hover svg path.bw-fill {
fill:#252525 !important;
}
.threed-kore-play-btn.activate.fill-white svg path{
fill: #252525 !important;
stroke: #252525;
}
.threed-kore-power-hold-btn.activate.stroke-white.threed-main svg path.bw-fill {
/* fill:#252525 !important;*/
}
.threed-kore-power-hold-btn.activate.stroke-white.threed-main:hover svg path.threed-label-path1 {
/* fill:#252525 !important;*/
stroke: #ffffff;
}
.threed-kore-power-hold-btn.activate.stroke-white.threed-main:hover svg path.bw-fill {
/* fill:#ffffff !important;*/
}
.threed-kore-play-btn.activate.stroke-white svg path{
fill: #ffffff !important;
stroke: #ffffff;
}
.kore-speed-slider-handle svg, .kore-view-td-slider-handle svg {
fill:#252525;
}
.stroke-white .kore-speed-slider-handle svg, .stroke-white .kore-view-td-slider-handle svg {
fill:#ffffff;
}
.threed-work-web-scroll {
width: fit-content;
}
/*PAGES*/
.home-banner-section-container {
max-width: 820px;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#layout-three canvas {
position: fixed;
top: 0;left: 0;
/* Or absolute */
/*top: 0;
left: 0;
z-index: -1; /* Place it behind other content if needed */
/*pointer-events: none; /* Prevent canvas from blocking mouse events on containers */
}
.mb-40 {
margin-bottom: 9.4rem;
}
.threed-light-on-off {
transform: translateY(0px) scale(0.33);
}
.banners-list {
max-width: 500px;
margin: 0 auto !important;
text-align: center;
left: 0;
bottom: 0;
right: 0;
}
.banners-list-btn {
display: flex;
justify-content: center;
align-items: center;
transition: all 0.75s ease;
width:15%;
}
.banners-list-btn.active {
width:40%;
transition: all 0.75s ease;
}
.banners-list-btn .mid-lines{
height:3px;
background-color:#252525;
width: 100%;
display: inline-block;
border-radius: 10px;
opacity: 0.2;
transition: all 0.75s ease;
}
.banners-list-btn.active .mid-lines{
opacity: 1;
transition: all 0.75s ease;
}
.mt-50p {
/*margin-top:45%;*/
transform: translateY(-50%);
top: 50%;
left: 0;
}
.mt-35p {
margin-top:35%;
}
.ml-50p {
margin-left:50%;
}
.scene-container button,
.scene-container a {
pointer-events: auto;
}
.font-gra-gold {
background: -webkit-linear-gradient(180deg, #232438, #645238, #191b30);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/* --gradient-start: #232438;
--gradient-middle: #645238;
--gradient-end: #191b30;
background: linear-gradient(
90deg,
var(--gradient-start),
var(--gradient-middle),
var(--gradient-end)
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: --gradient-start 1s ease, --gradient-middle 1s ease, --gradient-end 1s ease;*/
}
.font-gra-purple {
background: -webkit-linear-gradient(180deg, #4b00b1, #b14aff, #4b00b1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.font-gra-blue {
background: -webkit-linear-gradient(180deg, #00235a, #0b7ad7, #002356);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.font-gra-org {
background: -webkit-linear-gradient(180deg, #ed6200, #ff9900, #e14800);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.font-gra-green {
background: -webkit-linear-gradient(180deg, #428421, #95df1e, #1d5600);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.font-gra-red {
background: -webkit-linear-gradient(180deg, #af0d0d, #ef0d0d, #9f0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*******************************************************DARK MODE*************************************************************/
/*.dark .preset-bg{
background: linear-gradient(to left, transparent 50%, #ffffff 50%) right;
background-size: 200%;
transition: 10.5s ease-out;
color:#252525;
}
.dark .preset-bg2{
background: #ffffff;
color:#252525;
}*/
/*.dark .services-menu {
backdrop-filter: blur(5px) saturate(180%) brightness(150%) blur(10px);
background-color: rgba(0, 0, 0, 0.92);
}*/
.dark .font-gra-gold {
background: -webkit-linear-gradient(180deg, #d19970, #ffecc0, #bf8e76);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dark .font-gra-purple {
background: -webkit-linear-gradient(180deg, #7718fb, #c279f9, #7f21ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dark .font-gra-blue {
background: -webkit-linear-gradient(180deg, #0092eb, #b9ccfd, #0167ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dark .font-gra-org {
background: -webkit-linear-gradient(180deg, #ff5301, #fb9246, #ff5301);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dark .font-gra-green {
background: -webkit-linear-gradient(180deg, #41c102, #d5ff6f, #349900);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dark .font-gra-red {
background: -webkit-linear-gradient(180deg, #df0505, #f94a4a, #cf0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dark .header-menu {
backdrop-filter: blur(5px) saturate(180%) brightness(150%) blur(10px);
background-color: rgba(20 0 51 / 70%);
}
.dark .banners-list-btn .mid-lines{
background-color:#ffffff;
}
.dark .side-left-menu-btns .threed-main svg path.threed-label-path1-nr {
fill: #252525;
stroke: #252525;
}
.dark .threed-plans-panel-inner .bg-blackwhite {
background: linear-gradient(91deg, rgb(57, 57, 57) 20%, rgba(255, 255, 255, 0) 90%);
}
.dark .kore-speed-slider-handle svg, .dark .kore-view-td-slider-handle svg {
fill:#ffffff;
}
.dark .threed-kore-play-btn.activate.fill-white svg path{
fill: #ffffff !important;
stroke: #ffffff;
}
.dark .threed-kore-power-hold-btn.activate.fill-white.threed-main:hover svg path.threed-label-path1 {
fill:#ffffff !important;
stroke: #ffffff;
}
.dark .threed-kore-power-hold-btn.activate.fill-white.threed-main:hover svg path.bw-fill {
fill:#252525 !important;
}
.dark .kore-view-lr-slider, .dark .kore-view-td-slider, .dark .kore-power-slider, .dark .kore-speed-slider {
background: rgba(233,233,233,0.84);
}
.dark .drone-speed-slider-handle svg{
fill:#ffffff;
}
.dark .drone-steering-slider, .dark .drone-speed-slider, .dark .drone-elevation-slider, .dark .drone-explode-slider {
background: #dddddd1f;
}
.dark .bw-fill {
fill: #ffffff !important;
}
.dark .threed-main:hover svg path.bw-fill{
fill: #252525 !important;
}
.dark .threed-main:hover svg path.bw-fill1, .dark .threed-main:hover svg path.bw-fill2{
fill: #ffffff !important;
}
.dark .threed-main:hover svg path.bw-fill1.active, .dark .threed-main:hover svg path.bw-fill2.active{
fill: #ffffff !important;
}
.dark .threed-main:hover svg path.bw-fill1.passive, .dark .threed-main:hover svg path.bw-fill2.passive{
fill: #252525 !important;
}
.dark .bg-work-reverse {
background: linear-gradient(91deg, rgb(255 255 255 / 0%) 0%, #121212c4 60%);
}
.dark .bg-work {
background: linear-gradient(91deg, #333333c4 0%, rgb(255 255 255 / 0%) 90%)
}
.dark .threed-quote-panel button:hover, .dark .threed-plans-panel .request-web-start-here:hover {
background: linear-gradient(91deg, #9147f5 20%, rgb(255 255 255 / 0%) 90%);
}
.dark .threed-colorPicker-selection-container:after{
color: #161616;
}
.dark .media-joystick-circle circle {
fill:rgba(15,15,15,0.61);
}
.dark .handlebar-right, .dark .handlebar-left {
display: block;
}
.dark .handlebar-right-light, .dark .handlebar-left-light {
display: none;
}
.dark .heliSpeedNumber{
text-shadow: #01d0d8 1px 0 10px;
}
.dark .heliSpeedNumber.cruiseOn{
text-shadow: #dd6b20 1px 0 10px;
}
.dark .heli-btn-svg-0 {
fill: url(#heliBtnGradientDark0);
}
.dark .heli-btn-svg-1 {
fill: url(#heliBtnGradientDark);
}
.dark .heli-btn-svg-2 {
fill: url(#heliBtnGradientDark2);
}
.dark input[type=range].heliSpeedRange::-webkit-slider-thumb {
/*background-color:#A6CB00;*/
/*background-color:#00FF93;*/
}
.dark input[type=range][step].heliAltRange, .dark input[type=range][step].heliSpeedRange {
background-color: transparent;
background-image: repeating-linear-gradient(to right, rgb(59 59 59 / 16.66%), rgb(201 201 201 / 16.0%) calc(2% - 1px), rgb(22 22 22 / 82%) 16.6%);
/*-webkit-box-shadow: 0px 2px 3px 1px rgb(217 217 217 / 21%);
box-shadow: 0px 2px 3px 1px rgb(217 217 217 / 84%);*/
}
.dark .heliAltRangewrapper::before, .dark .heliSpeedRangewrapper::before {
color:#B0B0B0;
}
.dark .heliAltRangewrapper::after, .dark .heliSpeedRangewrapper::after {
color:#B0B0B0;
}
/*.dark input[type=range].heliAltRange::-webkit-slider-thumb {
box-shadow: -20rem 0 0 20rem rgba(255, 255, 255, 0.4);
}
.dark input[type=range].heliAltRange::-moz-range-thumb {
box-shadow: -20rem 0 0 20rem rgba(255, 255, 255, 0.4);
}*/
.dark .nav-main-base path {
fill:rgba(37,37,37,0.53);
}
.dark .heli-inside-map image {
/*opacity:0.5;*/
}
.dark svg path.blink-heli {
fill: #01db92 !important;
}
.dark .heli-camera-birds-eye.cruiseOn svg path.blink-heli {
fill: #dd6b20 !important;
}
.dark .threed-main:hover svg path.heli-Speed
{
fill: #01db92 !important
}
.dark .heli-camera-birds-eye.cruiseOn .threed-main:hover svg path.heli-Speed
{
fill: #dd6b20 !important
}
/*.dark .heli-bg path {
fill: rgba(22,22,22,0.9);
}*/
.dark .heli-bg path{fill:url(#heliGradientDark)}
.dark .heli-map-cover path{fill:url(#heliGradientDarkCover)}
.dark .threed-options-main button.active {border-left: 10px solid #6c00ff;}
.dark .threed-main svg path.threed-label-path1-nr.dark_c {
stroke:#2A2A2A !important;
}
.dark .three-normal-svg-path2 {
fill: #121212 !important;
stroke: #121212 !important;
}
.dark .three-normal-svg-open {
fill: #ffffff !important;
stroke-width: 0 !important;
}
.dark .three-normal-svg-close {
color: transparent !important;
stroke: #ffffff !important;
stroke-width: 0.65 !important;
}
.dark .darkStroke {
stroke: #252525 !important;
}
.dark .threed-main svg path.threed-label-path1-nr.dark_c.three-normal-svg-fill-close {
stroke:#c5c5c5 !important;
}
.dark .threed-main:hover svg path.threed-label-path1-nr.dark_c.three-normal-svg-fill-close {
stroke:#252525 !important;
}
.dark .preset-details-bg-in, .dark .preset-details-bg-off{
background:#ffffff;
}
.dark .threed-parts-explode-btn.active .threed-label-path1{
fill:#ffffff !important;
}
.dark .threed-parts-explode-btn.active .threed-label-path1-x{
stroke:#252525 !important;
}
.dark .threed-explore-empty.threed-main svg path, .dark .threed-options-empty.threed-main svg path, .dark .threed-close-empty.threed-main svg path {
stroke:#ffffff !important;
fill:transparent !important;
}
.dark .threed-progress::-webkit-slider-thumb {
background: #f7f7f7;
}
.dark .threed-main svg path.threed-label-path1-x.threed-label-path1-x-fr, .dark .threed-main svg path.threed-label-path1-nr {
fill: #e7e7e7;
}
.dark .threed-scene-preset, .dark .threed-parts-preset, .dark .threed-gallery-preset, .dark .threed-details-preset {
border: 2px solid #e7e7e7;
}
.dark .bg-inline-code-grad {
background: linear-gradient(91deg, #161616 20%, rgb(255 255 255 / 0%) 90%);
}
.dark .threed-play svg path.threed-label-path1, .dark .threed-main svg path.threed-label-path1, .dark .threed-main svg path.threed-label-path1-x, .dark .threed-main svg path.threed-label-path1-nr {
stroke:#e7e7e7;
}
.dark .side-left-menu-btns .threed-main.active svg path.threed-label-path1-nr {
stroke-width: 0px;
fill: #660be3;
}
.dark .side-left-menu-btns-normal .threed-main.active svg path.threed-label-path1-nr {
stroke-width: 0px;
fill: #b3a375;
}
.dark .side-left-menu-btns .threed-main svg path.threed-label-path1 {
stroke:#252525;
}
.dark .fill-white.threed-main svg path.threed-label-path1 {
fill: transparent;
}
.dark .threed-play:disabled svg path.threed-label-path1, .dark .threed-main:disabled svg path.threed-label-path1, .dark .threed-main:disabled svg path.threed-label-path1-x, .dark .threed-main:disabled svg path.threed-label-path1-nr {
/*stroke:#7C7C7C;*/
}
.dark .threed-unlock-btn:hover .threed-label-path1, .dark .threed-main:hover svg path.threed-label-path1, .dark .threed-main:hover svg path.threed-label-path1-x, .dark .threed-main:hover svg path.threed-label-path1-nr {
stroke:#b076ff ;
/*fill:#b076ff;*/
}
.dark .threed-dronespeed-btn.threed-main:hover svg path.threed-label-path1, .dark .threed-drone-elevation-btn.threed-main:hover svg path.threed-label-path1, .dark .threed-drone-explore-btn.threed-main:hover svg path.threed-label-path1, .dark .threed-korespeed-btn.threed-main:hover svg path.threed-label-path1 {
stroke:#ffffff ;
/*fill:#b076ff;*/
}
.dark .heli-camera-birds-eye .threed-main:hover svg path.threed-label-path1 {
stroke: #01db92;
}
.dark .threed-main.active svg path {
stroke: #01db92 !important;
stroke-width: 0.4;
}
.dark .side-left-menu-btns .threed-main.active svg path {
stroke: #660be3 !important;
}
.dark .side-left-menu-btns-normal .threed-main.active svg path {
stroke: #b3a375 !important;
}
.dark .heli-camera-birds-eye.cruiseOn .threed-main.active svg path {
stroke: #dd6b20 !important;
}
.dark .heli-camera-birds-eye.cruiseOn .threed-main:hover svg path.threed-label-path1 {
stroke: #dd6b20;
}
.dark .heli-camera-birds-eye.cruiseOn .threed-main:hover svg path.heli-Speed
{
fill: #dd6b20 !important;
}
.dark .threed-main:hover svg path.threed-label-path1-x.threed-label-path1-x-fr, .dark .threed-main:hover svg path.threed-label-path1-nr{
fill:#b076ff;
}
.dark .side-left-menu-btns .threed-main:hover svg path.threed-label-path1-nr{
fill:#252525;
stroke: #252525;
}
.dark .threed-main:hover svg path.threed-label-path-in-0 {
stroke-width: 0 !important;
fill:#ffffff !important;
}
.dark .threed-main:hover svg path.threed-label-path-in-bw {
stroke-width: 0 !important;
fill:#ffffff !important;
}
.dark .threed-main:hover svg path.threed-label-path-in-bw1.active {
stroke-width: 0 !important;
fill:#ffffff !important;
}
.dark .threed-main:hover svg path.threed-label-path-in-bw2.active {
stroke-width: 0 !important;
fill:#ffffff !important;
}
.dark .threed-main:hover svg path.threed-label-path-in {
stroke: #121212 !important;
fill:#121212 !important;
}
.dark .threed-main:disabled:hover svg path.threed-label-path1 {
stroke:#7C7C7C !important;
}
.dark .threed-unlock-btn:disabled:hover .threed-label-path1, .dark .threed-main:disabled:hover svg path.threed-label-path1, .dark .threed-main:disabled:hover svg path.threed-label-path1-x, .dark .threed-main:disabled:hover svg path.threed-label-path1-nr {
stroke:#7C7C7C !important;
/*fill:#b076ff;*/
}
.dark #loader .threed-preloader svg path.threed-label-path1 {
stroke: rgba(142,142,142,0.87);
}
.dark #loader .threed-preloader svg path.threed-label-path3 {
stroke: rgb(255 255 255 / 66%);
}
.dark #loader .threed-preloader svg path.threed-label-path1-bg {
stroke: rgba(53,53,53,0.87);
}
.dark #loader .threed-preloader svg path.threed-label-path3-bg {
fill: #0D0D0D;
stroke: rgba(53,53,53,0.87);
}
.dark .purple-loading-screen #loader .threed-preloader svg path.threed-label-path3-bg {
fill: #0d0d0d00;
stroke: rgb(221 221 221);
}
.dark .threed-label svg path.threed-label-path1 {
fill: #1616166e;
stroke:rgb(187 187 187 / 66%);
}
.dark .picker_editor {
background: #161616 !important;
}
.dark .picker_editor input {
color:#ffffff !important;
background: #161616 !important;
}
.dark #scene-color {
border: 0px solid #d7d7d7 !important;
}
.dark .arrow-down {
border-top: 20px solid #161616;
}
.dark .picker_wrapper {
background: #1a1a1a !important;
box-shadow: none !important;
}
.dark .picker_sl {
box-shadow: none !important;
}
.dark .picker_selector {
border: 2px solid #252525 !important;
}
.dark .picker_hue {
box-shadow: none !important;
}
.dark .color-picker-menu-btn {
border-bottom: 2px solid #1D1D1D;
}
.dark .slash {
background: #d7d7d7;
}
.dark #loading-screen {
background: #0E0E0E;
}
.dark #loading-screen.purple-loading-screen {
background: #140033;
}
.dark .threed-btn-clr:hover{
/*background: rgb(108,0,255) !important;*/
/* background: linear-gradient(36deg, rgba(108,0,255,1) 0%, rgb(254 201 34 / 0%) 64%) !important;*/
color:#ffffff;
background: linear-gradient(36deg, #161616 10%, rgb(14 14 14) 64%) !important;
}
.dark .threed-btn-clr.active {
background: rgb(108,0,255) !important;
background: linear-gradient(36deg, rgba(108,0,255,1) 0%, rgb(254 201 34 / 0%) 64%) !important;
color:#ffffff;
}
.dark input[type="color"] {
border: 0;
}
.dark input {
color-scheme: dark;
}
.dark .fc-day-past{background-color:#161616;}
.dark .fc-day-future{background-color:#20172E;}
.dark .fc-day-disabled{background-color:#111111;}
.dark .fc-theme-standard .fc-popover {
background: #161616;
border: 1px solid #161616;
}
.dark a.fc-event.fc-daygrid-dot-event {
background-color: #2d3748;
border: 1px hidden;
color: #f8f8f8;
}
.dark .fc .fc-scrollgrid-section-sticky > * {
background: #161616;
}
.dark .fc .fc-list-sticky .fc-list-day > *, .dark .fc-theme-standard .fc-list-day-cushion, .dark .fc .fc-cell-shaded, .dark .fc .fc-day-disabled {
background: transparent;
}
.dark .fc-theme-standard .fc-popover-header {
background: #441f7f;
}
.dark .fc .fc-multimonth-multicol .fc-daygrid-more-link {
border: 1px solid #60458b;
}
.dark .fc-theme-standard td, .dark .fc-theme-standard th{
border: 1px solid #515151;
}
.dark .fc-list td, .dark .fc-list th{
border: 1px solid #483a5f;
}
.dark .fc td.fc-day-today {
/* background: linear-gradient(36deg, rgba(108,0,255,1) 0%, #fec922 64%) !important;*/
background: #313131 !important;
}
.dark .fc-view, .dark .fc-view > table {
border: 2px hidden transparent;
box-shadow: 0 0 0 1px #2b2b2b;
background: #161616;
}
.dark .fc .fc-button-primary {
background-color: #20172e;
border-color: #140f1c;
}
.dark .fc .fc-button-primary:hover {
background-color: #111111;
border-color: #161616;
}
.dark .fc .fc-button-primary:disabled {
background-color: #161616;
border-color: #161616;
color: #4F4F4F !important;
}
.dark .fc .fc-button-primary:not(:disabled).fc-button-active, .dark .fc .fc-button-primary:not(:disabled):active {
background-color: #161616;
border-color: #0c0c0c;
}
.dark .fc-timegrid-event-harness-inset .fc-timegrid-event, .dark .fc-timegrid-event.fc-event-mirror, .dark .fc-timegrid-more-link {
box-shadow: 0 0 0 1px #212121;
}
.dark .fc-list .fc-event, .dark .fc-list .fc-event-dot {
background-color: #1a1a1a;
}
.dark .fc-list .fc-event {
border: 1px solid #121212;
}
.dark .fc-list .fc-event:hover {
color: #252525;
}
.dark .fc-list .fc-event {
color: #f7f7f7;
}
.dark .fc-list .fc-scroller {
background: #111111;
}
.dark .fc .fc-list-event:hover td {
background-color: #3b1b6d;
color:#ffffff;
}
.dark .fc .fc-list-table tr > *{
border-left: 1px solid #483a5f !important;
border-right:1px solid #483a5f !important;
}
.dark .border-soft {
border-color: #333333;
}
.dark .grad-default-tweets-up{
background: rgb(22,22,22);
background: linear-gradient(0deg, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%, rgba(255,255,255,1) 161616%);
}
.dark .grad-default-tweets-down{
background: rgb(22,22,22);
background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%, rgba(255,255,255,1) 161616%);
}
.dark input.cr-slider[type="range"]::-webkit-slider-runnable-track {
background: #333333;
}
.dark input.cr-slider[type="range"]::-moz-range-track {
background: #333333;
}
.dark div[placeholder]:empty:before {
color: #6E6E6E ;
-webkit-box-shadow: 0 0 0 30px transparent inset ;
-webkit-text-fill-color: #6E6E6E;
}
.dark .notifications-many-modal div[placeholder]:empty:before {
color: #FFFFFF ;
-webkit-box-shadow: 0 0 0 30px #161616 inset ;
-webkit-text-fill-color: #FFFFFF;
}
.dark .add-plans-modal div[contenteditable], .dark .edit-plans-modal div[contenteditable], .dark .edit-quotes-modal div[contenteditable], .dark .edit-requests-modal div[contenteditable], .add-requests-modal div[contenteditable] {
-webkit-box-shadow: 0 0 0 30px #161616 inset;
-webkit-text-fill-color: #fff;
color: #fff;
border: 1px solid #2c2c2c;
}
.dark input,
.dark input:hover,
.dark input:focus,
.dark input:active{
/* -webkit-box-shadow: 0 0 0 30px #161616 inset !important;
-webkit-text-fill-color:#fff !important;
color:#fff;
-webkit-text-fill-color: #fff !important;
color: #fff;
outline: none;*/
color:#252525;
}
.dark .modal input,
.dark .modal input:hover,
.dark .modal input:focus,
.dark .modal input:active{
/* -webkit-box-shadow: 0 0 0 30px #161616 inset !important;
-webkit-text-fill-color:#fff !important;
color:#fff;
-webkit-text-fill-color: #fff !important;
color: #fff;
outline: none;*/
outline: none;
color:#f7f7f7;
}
.dark input:disabled{
-webkit-text-fill-color: #a7a7a7 !important;
color: #a7a7a7;
}
.dark .conv-bg-chat {
background:#161616 url(/images/chat.png) no-repeat center;
}
.dark .primary-font {
color:#a7a7a7;
}
.dark .send-btn-chat:disabled, .dark .send-btn-chat.disabled {
/*color: #a7a7a7 !important;*/
}
.dark .bg-bw-grad-2 {
background: #292929;
background: linear-gradient(180deg, #292929 0%, rgb(254 201 34 / 0%) 94%);
}
.dark .bg-purple-grad-3 {
background: rgb(108,0,255);
background: linear-gradient(36deg, rgba(108,0,255,1) 0%, rgb(254 201 34 / 0%) 64%);
}
.dark .dash-media-box {
opacity:0.2 !important;
background: #464646;
}
.dark .bg-purple-grad-2 {
background: rgb(108,0,255);
background: linear-gradient(180deg, rgba(108,0,255,1) 0%, rgb(254 201 34 / 0%) 94%);
}
.dark .bg-orange-grad-2 {
background: rgb(184 140 2);
background: linear-gradient(180deg, rgb(197 149 0) 0%, rgb(254 201 34 / 0%) 94%);
}
.dark .bg-bw-grad-1 {
background: #292929;
background: linear-gradient(36deg, #0e0e0e 0%, rgb(254 201 34 / 0%) 64%);
}
.dark .chat li {
/*border-bottom: 1px solid #2a2a2a;*/
}
.dark .chat-popup {
background: #161616;
}
.dark-btn {
background: #19003a00;
color: #19003a !important;
}
/*USE DARK ITEM */
.dark .dark-item.hidden {
display: block;
}
.dark .dark-item.block {
display: none;
}
.dark .logo-img.hidden, .dark .item-img.hidden {
display: block;
}
.dark .dark-light-img.block {
display: none;
}
.dark .dark-light-img.hidden {
display: block;
}
.dark .logo-img.block, .dark .item-img.block {
display: none;
}
.dark .services-close, .dark .sidebar-links hr, .dark .conversation-menu, .dark .checkout-menu, .dark .notifications-menu, .dark .header-user-menu {
border-color: #2e2e2e;
}
.dark hr {
border-color: #2e2e2e;
}
.dark .sidemenu-btn.down {
animation: menubtnfadedark 0.1s forwards;
}
.dark .sidemenu-btn.up {
animation: menubtnfadeoutdark 0.5s forwards;
}
.dark .conversation-btn.down {
animation: menubtnfadedark 0.1s forwards;
}
.dark .conversation-btn.up {
animation: menubtnfadeoutdark 0.5s forwards;
}
.dark .menu-bg, .dark .menu-service-bg {
background: rgba(0, 0, 0, 0.81);;
}
.dark .msg-date.text-whitecolor, .dark .msg-check-one.text-whitecolor{
color :#a7a7a7;
}
.dark .cart-textcounter {
color: #6c00ff;
border: 2px solid #202020;
}
.dark .chat-textcounter, .dark .chat-textcounter-ajax, .dark .chat-textcounter-minus-ajax {
color: #ffffff;
border: 2px solid #202020;
}
.dark .checkout-btn.down {
animation: menubtnfadedark 0.1s forwards;
}
.dark .checkout-btn.up {
animation: menubtnfadeoutdark 0.5s forwards;
}
.dark .text-counter, .dark .text-counter-ajax {
color: #6c00ff;
border: 2px solid #202020;
}
.dark .notifications-btn.down {
animation: menubtnfadedark 0.1s forwards;
}
.dark .notifications-btn.up {
animation: menubtnfadeoutdark 0.5s forwards;
}
.dark .user-menu-btn .menu-userprofile {
-webkit-box-shadow: 0px 0px 3px 2px rgb(199 199 199 / 24%);
box-shadow: 0px 0px 3px 2px rgb(199 199 199 / 24%);
}
.dark .user-menu-btn .menu-userprofile.open {
-webkit-box-shadow: 0px 0px 3px 2px rgb(254 201 34);
;
box-shadow: 0px 0px 3px 2px rgb(254 201 34);
;
}
.dark .user-menu-btn.down {
animation: menubtnfadedark 0.1s forwards;
}
.dark .user-menu-btn.up {
animation: menubtnfadeoutdark 0.5s forwards;
}
.dark .radio-group label.down {
animation: menubtnfadedark 0.1s forwards;
}
.dark .radio-group label.up {
animation: menubtnfadeoutdark 0.5s forwards;
}
.dark .service-mobile-auth-menu {
border-top: 1px solid rgb(46 46 46);
border-bottom: 1px solid rgb(46 46 46);
}
.dark::-webkit-scrollbar-thumb {
background: #161616;
}
.dark ul.sidebar-links.hide-scroller::-webkit-scrollbar-thumb {
background: transparent;
}
.dark ul.sidebar-links::-webkit-scrollbar-thumb {
background: #2c2c2c;
}
.dark::-webkit-scrollbar-thumb:hover {
background: #2c2c2c;
}
.dark .navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dark .navbar-dark .down .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dark .head-right i.bi.menu-cart.bi-handbag-fill,.dark .head-right i.bi.bi-chat-quote-fill,.dark .head-right i.bi.menu-cart.main-notifications-svg.bi-bell-fill {
color:#fec922;
}
/* Handle */
.dark body::-webkit-scrollbar-thumb, .dark .notifications-dropdown::-webkit-scrollbar-thumb, .dark .output-tweet::-webkit-scrollbar-thumb, .dark .modal::-webkit-scrollbar-thumb, .dark .stylish-select::-webkit-scrollbar-thumb, .dark .generic-overflow::-webkit-scrollbar-thumb, .dark .comment-contain::-webkit-scrollbar-thumb, .dark .select-product-plans::-webkit-scrollbar-thumb, .dark .select-product-generic::-webkit-scrollbar-thumb, .dark .fc-scroller::-webkit-scrollbar-thumb, .dark .fc-multimonth-multicol::-webkit-scrollbar-thumb {
background: #2e2e2e !important;
}
.dark .modal .request-image::-webkit-scrollbar-thumb, .dark .modal .request-details::-webkit-scrollbar-thumb, .dark .modal .quote-image::-webkit-scrollbar-thumb, .dark .modal .quote-details::-webkit-scrollbar-thumb, .dark .modal .quote-details-more::-webkit-scrollbar-thumb {
background: #2e2e2e !important;
}
.dark .modal .quote-edit-details-div-input::-webkit-scrollbar-thumb, .dark .modal .request-edit-details-div-input::-webkit-scrollbar-thumb, .dark .quote-add-details-div-input::-webkit-scrollbar-thumb {
background: #2e2e2e !important;
}
/* Handle on hover */
.dark body::-webkit-scrollbar-thumb:hover, .dark .notifications-dropdown::-webkit-scrollbar-thumb:hover, .dark .output-tweet::-webkit-scrollbar-thumb:hover, .dark .modal::-webkit-scrollbar-thumb:hover, .dark .stylish-select::-webkit-scrollbar-thumb:hover, .dark .generic-overflow::-webkit-scrollbar-thumb:hover, .dark .select-product-plans::-webkit-scrollbar-thumb:hover, .dark .select-product-generic::-webkit-scrollbar-thumb:hover, .dark .fc-scroller::-webkit-scrollbar-thumb:hover, .dark .fc-multimonth-multicol::-webkit-scrollbar-thumb:hover {
background: #4A4A4A !important;
}
.dark .modal.m-scroll-clear::-webkit-scrollbar-thumb {
background: transparent;
}
.dark .modal.m-scroll-clear::-webkit-scrollbar-thumb:hover {
background: transparent;
}
.dark .arrow-menu-up {
border-bottom: 10px solid #2e2e2e;
}
.dark .arrow-menu-up:after {
border-bottom: 10px solid #161616;
}
/*COMING SOON*/
.dark .bg-coming-soon {
background-image: url(/images/layouthomedark001.jpg) !important;
}
/*TOOL TIP */
.dark .tooltip-inner {
background: #2a2a2a;
color: #e9e9e9;
}
.dark .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
border-top-color: #2a2a2a !important;
}
.dark .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
border-right-color: #2a2a2a !important;
}
.dark .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color:#2a2a2a !important;
}
.dark .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
border-left-color: #2a2a2a !important;
}
.dark .tooltip-inner hr {
border-color: #1D1D1D;
}
/*QUOTE SWITCH*/
.quote-switch {
top: 2px;
right: 2px;
}
.shadow-md {
box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 21%);
}
.dark .shadow-md {
box-shadow: 1px 1px 5px 1px rgb(129 129 129 / 21%);
}
.dark .circle-wrap .inside-circle {
background: #161616;
}
.dark .bg-imgbgcolor-300 .circle-wrap .inside-circle, .dark .bg-imgbgcolor-100 .circle-wrap .inside-circle {
background: #ffffff;
}
.dark .bg-imgbgcolor-600 .circle-wrap .inside-circle, .dark .bg-imgbgcolor-900 .circle-wrap .inside-circle {
background: #161616;
}
.dark .onclic {
border-color:#313131;
padding: 0;
}
.dark .trash-input-container::after, .dark .active-input-container::after, .dark .refund-input-container::after, .dark .cancel-input-container::after, .dark .revise-input-container::after, .dark .suspend-input-container::after, .dark .activate-input-container::after {
content: url("data:image/svg+xml; utf8, ");
}
.dark .trash-input-container.input-complete::after, .dark .active-input-container.input-complete::after, .dark .refund-input-container.input-complete::after, .dark .cancel-input-container.input-complete::after, .dark .suspend-input-container.input-complete::after, .dark .terminate-input-container.input-complete::after, .dark .delete-permanently-input-container.input-complete::after {
content: url("data:image/svg+xml; utf8, ");
}
.dark .bg-fade-yellow {
-webkit-box-shadow: 0px 0px 15px 5px #fec922;
box-shadow: 0px 0px 15px 5px #fec922;
transition: box-shadow 1s linear;
-moz-transition: box-shadow 1s linear;
-webkit-transition: box-shadow 1s linear;
-ms-transition: box-shadow 1s linear;
}
.dark .bg-fade-remove {
-webkit-box-shadow: 0px 0px 15px 5px transparent;
box-shadow: 0px 0px 15px 5px transparent;
}
.dark .all-requests-modal .modal-footer{
border-top: 0;
}
.dark .btn-layout {
color:#ffffff;
}
.dark .btn-layout.btn-layout-red {
color:#ffffff;
}
.dark .btn-normal.btn-normal-gray {
border: 2px solid #2a2a2a;
color:#fff;
}
.dark .btn-normal.btn-normal-gray:hover {
border: 2px solid #6c00ff;
}
.dark .btn-normal.btn-normal-bw {
border: 2px solid #2a2a2a;
color:#fff;
background: transparent;
}
.dark .btn-normal.btn-normal-bw:hover {
border: 2px solid #dfdfdf;
background: #f1f1f1;
color: #252525;
}
.dark input[type="radio"]:checked + .main_plans {
/* background: #6c00ff; */
color: #ffffff;
/*box-shadow: 0px 0px 15px #484848;*/
box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 91%);
/*background: rgb(108,0,255);
background: linear-gradient(36deg, rgb(255 165 0) 0%, rgb(104 6 255) 64%);*/
}
.dark input[type="radio"]:checked + .main_plans hr {
/*border-color: #d37749;*/
}
.dark input[type="checkbox"]:checked + .terms-label .terms-label-checkbox {
color: #ffffff;
box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 91%);
}
.dark .main_plans {
box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 91%);
}
.dark .btn-layout:disabled, .dark .btn-normal:disabled {
border: 2px solid #2a2a2a;
color:#6a6a6a !important;
}
.dark .stylish-select .option-select, .dark .option-select-multiple
{
border-bottom: 1px solid #2c2c2c;
box-shadow: 0 0 10px 100px #161616 inset;
}
.dark .btn-normal.btn-normal-for-select, .dark .btn-normal-check {
border: 1px solid #2a2a2a;
}
.dark .color-bucket-added, .dark .color-custom-added {
background-color: #282828;
}
.dark .link-count-tweet-0 {
}
.dark .info-case, .dark .info-case-respond {
background: rgb(108 0 255 / 93%);
}
.dark .add-file-tweet, .dark .file-image-tweet.empty-img-holder {
background: #222222;
}
.dark .send-btn-pass, .dark .tweet-send-btn {
/* background-color: #222222;*/
}
.dark .send-btn-act {
background-color: #6c00ff;
}
.dark .opacity-half {
opacity: 0.5;
}
.dark .progress-btn.active .step-progress.bg-purplecolor::after {
border-color: transparent transparent #2a2a2a transparent;
}
.dark .request-title-slide {
border: 1px solid #252525;
}
.dark .req-summary-slider-cover {
-webkit-box-shadow: -7px 0px 10px 4px rgba(0,0,0,0.73);
box-shadow: -7px 0px 10px 4px rgb(0 0 0 / 57%);
}
.dark .req-summary-slider-cover {
-webkit-box-shadow: -7px 0px 10px 4px rgba(0,0,0,0.73);
box-shadow: -7px 0px 10px 4px rgb(0 0 0 / 57%);
right: -27px !important;
}
.dark .generic-overflow::-webkit-scrollbar {
background: #222222;
}
.dark .terms-label-checkbox::after{
content: url("data:image/svg+xml; utf8, ");
}
.dark .tweet-image-modal span, .dark .chat-image-modal span {
background: #5e5e5e;
}
.dark .tweet-file-link span, .dark .chat-file-link span {
background: #5e5e5e;
}
.dark .nav-tabs .nav-link.active,
.dark .nav-tabs .nav-item.show .nav-link {
color: #ffffff;
background-color: #0e0e0e;
border-color: #dee2e6 #dee2e6 #f8fafc;
}
.dark .nav-tabs .nav-link.active, .dark .nav-tabs .nav-item.show .nav-link {
border-top: 2px solid #fec922 !important;
font-weight: 700 !important;
border-left:1px solid transparent !important;
border-right:1px solid transparent !important;
border-bottom:1px solid transparent !important;
}
.dark .form-header-top-projects .nav-tabs .nav-link.active, .dark .form-header-top-projects .nav-tabs .nav-item.show .nav-link {
border-top: 2px solid #6c00ff !important;
border-left:1px solid transparent !important;
border-right:1px solid transparent !important;
border-bottom:1px solid transparent !important;
}
.dark .btn-primary.disabled,
.dark .btn-primary:disabled {
color: #DDDDDD;
background-color: #0e0e0e;
border-color: #2c2c2c;
}
.dark .nav-tabs {
}
.dark .chat-panel .emoji-header button:active, .dark .chat-panel .emoji-footer button:active, .dark .open-emoji-chat-panel .emoji-header button:active, .dark .open-emoji-chat-panel .emoji-footer button:active {
background-color: #242424;
}
.dark .links-sm {
color: #a7a7a7;
}
.dark .links-sm i.bi.bi-paperclip {
color: #a7a7a7;
}
.dark .att-sm {
color: #a7a7a7;
}
.dark .att-sm i.bi.bi-folder, .dark .att-sm i.bi.bi-folder-check, .dark .pf-sm i.bi.bi-stickies {
color: #a7a7a7;
}
.dark .return-btn-ico {
color: #a7a7a7;
}
.dark .return-btn-ico i.bi.bi-reply {
color: #a7a7a7;
}
.dark .view-options .dropdown-toggle i {
color: #a7a7a7;
}
.dark .return-btn {
color: #b076ff;
}
.dark .return-btn.opened {
background-color: #00ba7c;
color: #ffffff;
}
.dark .comment-textarea-div-h .tweet-name-add, .dark .tweet-name-add {
background: #2d3748;
color: #ffffff;
}
.dark .tna-active{
background: #00ba7c !important;
color: #ffffff !important;
}
.dark .att-ttl, .dark .links-ttl{
color: #ffffff;
}
.dark .text-blue, .dark .ac-purple, .dark .att-sm i.bi.bi-folder2-open {
color: #b076ff;
}
.dark .att-ttl.opened{
background: #6c00ff;
}
.dark .btn-layout.btn-layout-gray {
border: 2px solid #6a6a6a;
color: #b7b7b7;
}
.dark .btn-layout.btn-layout-gray:hover {
color:#ffffff;
background: #292929;
border: 2px solid #292929;
}
.dark .draggable.borderdrag{
border: 2px solid #161616;
}
.dark .draggable.over {
border: 2px dotted #fec922;
}
.dark .notify-image {
background-color: #262626 !important;
}
.dark .exit-chat-cover {
background-image: url(/images/chat-exit-dark.jpg) !important;
}
/*GOOGLE LIST ADDRESS*/
.pac-container {
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
border-radius: 8px;
}
.pac-item {
padding: 3px 8px;
}
.dark .pac-container {
background-color: #0e0e0e !important;
border-top: 1px solid #232323;
color:#F0F0F0 !important;
/*font-family: 'GothamSSm', "Open Sans", Helvetica, "Helvetica Neue", Arial !important;*/ font-family: "DM Sans", sans-serif !important;
}
.dark .pac-item-query {
color: #fff !important;
}
.dark .pac-item {
border-top: 1px solid #3c3c3c !important;
color: #bbbbbb !important;
}
.pac-item:hover {
background-color: #6c00ff !important;
color:#fff !important;
}
.pac-item:hover .pac-item-query {
color:#fff !important;
}
.pac-logo:after {
display: none !important;
}
.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus,
.dark input:-webkit-autofill:active{
/* -webkit-box-shadow: 0 0 0 30px #161616 inset;
-webkit-text-fill-color:#fff;
color:#fff;
outline: none;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: solid;
border: 1px solid #6c00ff;
background-color: transparent;
-webkit-background-clip: text;*/
/*-webkit-box-shadow: 0 0 0 30px #ffffff inset ;*/
-webkit-text-fill-color:#ffffff ;
border-radius: 4px;
}
.dark input.bg-inline-code::placeholder, .dark textarea.bg-inline-code::placeholder {
color: #6E6E6E;
-webkit-box-shadow: 0 0 0 3px #161616 inset;
-webkit-text-fill-color: #6E6E6E;
}
.dark input.bg-inline-code{
/* -webkit-box-shadow: 0 0 0 30px #161616 inset;
-webkit-text-fill-color:#fff;
color:#fff;
outline: none;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: solid;
border: 1px solid #6c00ff;
background-color: transparent;
-webkit-background-clip: text;
-webkit-box-shadow: 0 0 0 30px #161616 inset ;*/
-webkit-box-shadow: 0 0 0 1px #161616 inset;
-webkit-text-fill-color:#fff ;
padding: 0 10px;
color:#fff;
border: 1px solid #2c2c2c;
}
.dark textarea.bg-inline-code{
-webkit-box-shadow: 0 0 0 1px #161616 inset;
-webkit-text-fill-color:#fff ;
color:#fff;
border: 1px solid #2c2c2c;
}
input.bg-inline-code:focus, textarea.bg-inline-code:focus{
box-shadow: 0 0 0 1px rgba(108, 0, 255, 1) !important;
/*-webkit-box-shadow: 0 0 0 1px #6c00ff inset !important;*/
border: 1px solid #6c00ff;
outline: none;
}
/*******************************************************KEY FRAMES*************************************************************/
@keyframes menubtnfadeout {
from {
background-color: rgba(255, 228, 145, 1.00);
box-shadow: 0 0 0 0px #fec922;
}
to {
background-color: rgba(242, 245, 169, 0);
box-shadow: 0 0 0 0px transparent;
}
}
@keyframes menubtnfade {
from {
background-color: rgba(242, 245, 169, 0);
box-shadow: 0 0 0 0px transparent;
}
to {
background-color: rgba(254, 201, 34, 1);
box-shadow: 0 0 0 0px #fec922;
}
}
@keyframes menubtnfadeoutdark {
from {
background-color: rgba(94, 77, 25, 1.00);
box-shadow: 0 0 0 0px #fec922;
}
to {
background-color: rgba(242, 245, 169, 0);
box-shadow: 0 0 0 0px transparent;
}
}
@keyframes menubtnfadedark {
from {
background-color: rgba(242, 245, 169, 0);
box-shadow: 0 0 0 0px transparent;
}
to {
background-color: rgba(254, 201, 34, 1);
box-shadow: 0 0 0 0px #fec922;
}
}
@keyframes dotFlashing {
0% {
background-color: #6c00ff;
}
50%, 100% {
background-color: transparent;
}
}
@keyframes dotFlashingWhite {
0% {
background-color: #ffffff;
}
50%, 100% {
background-color: transparent;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
66% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Firefox < 16 */
@-moz-keyframes fadein {
0% {
opacity: 0;
}
66% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
66% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Firefox < 16 */
@-moz-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes slideInFromBottom {
0% {
transform: translateY(60%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideOutFromBottom {
0% {
transform: translateY(0%);
opacity: 1;
}
100% {
transform: translateY(-60%);
opacity: 0;
}
}
/* Safari */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes run-in {
0% {
left: -330px;
}
100% {
left: 20px;
}
}
@-webkit-keyframes run-out {
0% {
left: 20px;
}
100% {
left: -330px;
}
}
/*SPIN LOADER*/
@keyframes rotate-s-loader {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@keyframes toggleOn {
0% {
left: 0px;
}
100% {
left: 50%;
}
}
@keyframes toggleOff {
0% {
left: 50%;
}
100% {
left: 0px;
}
}
/*******************************************************MEDIA SCREENS*************************************************************/
@media (max-width: 1600px) {
.info-canvas{
width:600px;
}
.threed-plan-section-title {
width:260px;
}
}
@media (max-width: 1279.98px) {
.services-cube-nav {
margin-top: 125px;
}
.services-menu .container {
padding: 0 45px;
max-width: 1024px;
}
.scene {
width: 400px;
height: 235px;
perspective: 400px;
}
.cube {
width: 400px;
height: 250px;
}
.cube.show-front {
transform: translateZ(-150px) rotateY(0deg);
}
.cube.show-right {
transform: translateZ(-150px) rotateY(-90deg);
}
.cube.show-back {
transform: translateZ(-150px) rotateY(-180deg);
}
.cube.show-left {
transform: translateZ(-150px) rotateY(90deg);
}
.cube.show-top {
transform: translateZ(-150px) rotateX(-90deg);
}
.cube.show-bottom {
transform: translateZ(-150px) rotateX(90deg);
}
.cube__face {
width: 400px;
height: 210px;
}
.cube__face--front {
transform: rotateY(0deg) translateZ(200px);
}
.cube__face--right {
transform: rotateY(90deg) translateZ(200px);
}
.cube__face--back {
transform: rotateY(180deg) translateZ(200px);
}
.cube__face--left {
transform: rotateY(-90deg) translateZ(200px);
}
.cube__face--top {
transform: rotateX(90deg) translateZ(100px);
}
.cube__face--bottom {
transform: rotateX(-90deg) translateZ(100px);
}
.services-menu p {
font-size: 13px;
}
.scene img {max-height: 100px;}
.bg-grid-custom {
background-size: 75% !important;
background-position: bottom 50px right -45px !important;
}
#dashboard .bg-grid-custom {
background-size: 55% !important;
background-position: bottom -5px right 0px !important;
}
.tweet-files-paginate-4 .each-file-tweet, .tweet-files-paginate-4 .file-tweet-empty {
height: 155px;
}
.tweet-files-paginate-4 .each-file-tweet .file-image-tweet, .tweet-files-paginate-4 .file-tweet-empty .file-image-tweet-empty{
height: 127px;
}
.tweet-files-paginate-4.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-4.nfn .file-tweet-empty .file-image-tweet-empty{
height: 146px;
}
.tweet-files-paginate-3 .each-file-tweet, .tweet-files-paginate-3 .file-tweet-empty {
height: 200px;
}
.tweet-files-paginate-3 .each-file-tweet .file-image-tweet, .tweet-files-paginate-3 .file-tweet-empty .file-image-tweet-empty{
height: 171px;
}
.tweet-files-paginate-3.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-3.nfn .file-tweet-empty .file-image-tweet-empty{
height: 191px;
}
.tweet-files-paginate-2 .each-file-tweet, .tweet-files-paginate-2 .file-tweet-empty {
height: 307px;
}
.tweet-files-paginate-2 .each-file-tweet .file-image-tweet, .tweet-files-paginate-2 .file-tweet-empty .file-image-tweet-empty{
height: 278px;
}
.tweet-files-paginate-2.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-2.nfn .file-tweet-empty .file-image-tweet-empty{
height: 298px;
}
.tweet-files-paginate-1 .each-file-tweet, .tweet-files-paginate-1 .file-tweet-empty {
height: 500px;
}
.tweet-files-paginate-1 .each-file-tweet .file-image-tweet, .tweet-files-paginate-1 .file-tweet-empty .file-image-tweet-empty{
height: 470px;
}
.tweet-files-paginate-1.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-1.nfn .file-tweet-empty .file-image-tweet-empty{
height: 490px;
}
.tweet-files-paginate-1 {
padding: 10px;
}
.ml-100 {
margin-left: 50px;
}
.mr-100 {
margin-right: 50px;
}
.view-media .media-main-column.grid-cols-1 {
margin-top: 20px;
}
.view-media .tweet-files-paginate-1 .file-image-chat, .view-media .tweet-files-paginate-1 .file-tweet-empty {
height: 470px;
}
.view-media .tweet-files-paginate-1 .chat-box {
min-height: 490px;
}
.view-media .tweet-files-paginate-2 .file-image-chat, .view-media .tweet-files-paginate-2 .file-tweet-empty {
height: 290px;
}
.view-media .tweet-files-paginate-2 .chat-box {
min-height: 300px;
}
.view-media .tweet-files-paginate-3 .file-image-chat, .view-media .tweet-files-paginate-3 .file-tweet-empty {
height: 190px;
}
.view-media .tweet-files-paginate-3 .chat-box {
min-height: 200px;
}
.view-media .tweet-files-paginate-4 .file-image-chat, .view-media .tweet-files-paginate-4 .file-tweet-empty {
height: 140px;
}
.view-media .tweet-files-paginate-4 .chat-box {
min-height: 150px;
}
.hidden.sub-plans{
display: block;
}
.hidden.normal-plans{
display: block;
}
.threed-plan-section-title {
width:100%;
}
}
@media (max-width: 1199.98px) {
.menu-layout li a, .menu-layout li div {
padding: 10px 20px;
}
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
.menu-layout {
/* left: 193px;
right: auto;*/
}
.menu-layout li {
/* padding: 10px 15px;*/
}
.services-menu .container {
padding: 0 45px;
max-width: 1024px;
}
/* .scene {
width: 200px;
height: 200px;
perspective: 300px;
}
.cube {
width: 200px;
height: 200px;
transform: translateZ(-100px);
}
.cube.show-front {
transform: translateZ(-100px) rotateY(0deg);
}
.cube.show-right {
transform: translateZ(-100px) rotateY(-90deg);
}
.cube.show-back {
transform: translateZ(-100px) rotateY(-180deg);
}
.cube.show-left {
transform: translateZ(-100px) rotateY(90deg);
}
.cube.show-top {
transform: translateZ(-100px) rotateX(-90deg);
}
.cube.show-bottom {
transform: translateZ(-100px) rotateX(90deg);
}
.cube__face {
width: 200px;
height: 200px;
}
.cube__face--front {
transform: rotateY(0deg) translateZ(100px);
}
.cube__face--right {
transform: rotateY(90deg) translateZ(100px);
}
.cube__face--back {
transform: rotateY(180deg) translateZ(100px);
}
.cube__face--left {
transform: rotateY(-90deg) translateZ(100px);
}
.cube__face--top {
transform: rotateX(90deg) translateZ(100px);
}
.cube__face--bottom {
transform: rotateX(-90deg) translateZ(100px);
}
.services-cube-nav {
margin-top: 62px;
display: block;
}
.services-menu .grid {
width: 100%;
}
.service-menu2 {
margin-top: 170px;
}
.services-cube-nav a {
margin-left: 10px;
margin-top: 20px;
}*/
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
padding-right: 0;
padding-left: 0;
}
.bg-grid-custom {
background-size: 75% !important;
background-position: bottom 55px right -45px !important;
}
#dashboard .bg-grid-custom {
background-size: 55% !important;
background-position: bottom 0px right 0px !important;
}
.w-1-4-custom {
width: 36.0%;
margin: 0.5%;
}
.plan-card {
min-width: auto;
}
.threed-plans-panel .plan-card {
min-width: 280px;
}
.request-card .plan-card {
min-width: auto;
}
.ml-100 {
margin-left: 50px;
}
.mr-100 {
margin-right: 50px;
}
.view-media .media-main-column.grid-cols-1 {
margin-top: 20px;
}
.info-canvas{
width:600px;
}
}
@media (max-width: 1088px) {
.services-menu .container {
/* padding: 0 10px;
max-width: 1024px;*/
}
}
@media (max-width: 1023px) {
.services-menu .container {
/* padding: 0;*/
}
/*.threed-work-section-title {
width:330px;
}*/
svg.heli-bg {
/* transform: rotate(90deg) scale(40) !important;
bottom: -230px;*/
}
.heli-menu{
/* bottom: 10px;*/
}
.info-canvas{
width:600px;;
}
.quotes-links-top {display: none !important}
.bg-grid-custom.bg-grid-custom-sidebar {
background-size: 50% !important;
background-position: bottom 36px right 43px !important;
}
.bg-grid-custom {
background-size: 75% !important;
background-position: bottom 50px right -45px !important;
}
#dashboard .bg-grid-custom {
background-size: 55% !important;
background-position: bottom 27px right -8px !important;
}
.w-1-4-custom {
width: 49.0%;
margin: 0.5%;
}
.form-header-top {
margin-top: 0px;
}
.tweet-files-paginate-4 .each-file-tweet .file-image-tweet, .tweet-files-paginate-4 .file-tweet-empty .file-image-tweet-empty {
height: 111px;
}
.tweet-files-paginate-4.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-4.nfn .file-tweet-empty .file-image-tweet-empty {
height: 133px;
}
.tweet-files-paginate-4 .each-file-tweet, .tweet-files-paginate-4 .file-tweet-empty {
height: 140px;
}
.tweet-files-paginate-3 .each-file-tweet .file-image-tweet, .tweet-files-paginate-3 .file-tweet-empty .file-image-tweet-empty {
height: 131px;
}
.tweet-files-paginate-3 .each-file-tweet, .tweet-files-paginate-3 .file-tweet-empty {
height: 159px;
}
.tweet-files-paginate-2 .each-file-tweet .file-image-tweet, .tweet-files-paginate-2 .file-tweet-empty .file-image-tweet-empty {
height: 200px;
}
.tweet-files-paginate-2.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-2.nfn .file-tweet-empty .file-image-tweet-empty {
height: 220px;
}
.tweet-files-paginate-2 .each-file-tweet, .tweet-files-paginate-2 .file-tweet-empty {
height: 230px;
}
.tweet-files-paginate-1 .each-file-tweet .file-image-tweet, .tweet-files-paginate-1 .file-tweet-empty .file-image-tweet-empty {
height: 330px;
}
.tweet-files-paginate-1.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-1.nfn .file-tweet-empty .file-image-tweet-empty {
height: 350px;
}
.tweet-files-paginate-1 .each-file-tweet, .tweet-files-paginate-1 .file-tweet-empty {
height: 360px;
}
.view-media .tweet-files-paginate-1 .file-image-chat, .view-media .tweet-files-paginate-1 .file-tweet-empty {
height: 350px;
}
.view-media .tweet-files-paginate-1 .chat-box {
min-height: 360px;
}
.view-media .tweet-files-paginate-2 .file-image-chat, .view-media .tweet-files-paginate-2 .file-tweet-empty {
height: 220px;
}
.view-media .tweet-files-paginate-2 .chat-box {
min-height: 230px;
}
.view-media .tweet-files-paginate-3 .file-image-chat, .view-media .tweet-files-paginate-3 .file-tweet-empty {
height: 150px;
}
.view-media .tweet-files-paginate-3 .chat-box {
min-height: 160px;
}
.view-media .tweet-files-paginate-4 .file-image-chat, .view-media .tweet-files-paginate-4 .file-tweet-empty {
height: 130px;
}
.view-media .tweet-files-paginate-4 .chat-box {
min-height: 140px;
}
/*INVOICE SECTIONS CSS*/
.invoice-box {
max-width: 100%;
margin: auto;
padding: 0 20px;
}
.sub-invoice {
margin-bottom:15px;
padding: 0;
}
.invoice-box.recurring-title-box {
padding:0;
}
.invoice-box .logo-img{
max-width: 120px;
}
.invoice-box h1 {
font-size: 25px;
}
.inv-header-table td {
padding: 12px 10px!important;
}
.invoice-box table.client-info {
margin-top:-5px;
}
.invoice-box .client-box-container{
padding-top:0;
}
.invoice-box .payment-id {
text-align: center;
margin-right: 0px !important;
}
.invoice-box td.client-box-container {
display: flex;
justify-content: center;
align-items: center;
}
.invoice-box table.client-info {
max-width: 100%;
margin-left: 0;
width: 100%;
}
.invoice-box table.client-box-in {
width: auto;
}
.invoice-box table.client-info .client-box-container .client-box-in td {
padding: 30px 40px;
}
table.company-sign {
margin: 0 auto !important;
}
table.company-sign {
width: auto;
}
.invoice-box .btm-table {
padding:0;
}
.inv-id {
float:none;
margin-left:0;
}
.inv-options {
margin-left: 0%;
}
.qr-container {
margin-left:0px;
}
.inv-options-sub {
margin:0px;
}
.invoice-box table td{
max-width: 100%;
width: 100%;
display: block;
border-right: 0 !important;
border-left: 0 !important;
border-bottom: 0 !important;
}
.qr-details {
inline-size: 400px;
overflow-wrap: break-word;
}
.ml-50 {
margin-left: 100px;
}
.mr-50 {
margin-right: 100px;
}
.ml-100 {
margin-left: 50px;
}
.mr-100 {
margin-right: 50px;
}
.view-media .media-main-column.grid-cols-1 {
margin-top: 0px;
}
.colorPicker input {
width: 4rem;
/*height: 33px;*/
}
.threed-label svg path.threed-label-path1 {
stroke-dasharray: 0px;
stroke-dashoffset: 0px;
animation: none;
}
.threed-label:hover .threed-label-path1 {
stroke-dasharray: 0;
stroke-dashoffset: 23px;
animation: draw-stroke2 2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.threed-label:hover .threed-label-path1 {
stroke-dasharray: 0px;
stroke-dashoffset: 0px;
animation: none;
}
.threed-label svg path.threed-label-path3 {
animation: none;
}
.threed-label:hover .threed-label-path3 {
animation: none;
}
}
@media (max-width: 991.98px) {
.menu-bg.coverhide, .menu-service-bg.coverhide {
z-index: 0!important;
opacity: 0!important;
visibility:hidden !important;
}
.bg-grid-custom.bg-grid-custom-sidebar {
background-size: 50% !important;
background-position: bottom 33px right 13px !important;
}
.bg-grid-custom {
background-size: 75% !important;
background-position: bottom 50px right -45px !important;
}
#dashboard .bg-grid-custom {
background-size: 55% !important;
background-position: bottom 27px right -8px !important;
}
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
.menu-layout, .services-menu {
display: none !important;
}
.explore-main-auth, .service-main-auth {
display: none;
}
.explore-mobile-auth, .service-mobile-auth {
display: flex
}
.explore-mobile-auth-menu, .service-mobile-auth-menu {
display: block
}
h1 {
font-size: 25px;
}
h2 {
font-size: 19px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 13px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 11px;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
padding-right: 0;
padding-left: 0;
}
.sidemenu-btn {
margin-right: 5px;
}
#firstList .sidemenu-layout {
margin-left: -30px;
}
.modal-file-arrows button {
width: 100px;
height: 100px;
}
.modal-dialog-narrow .tweet-image-link img.tweet-image-img, .modal-dialog-narrow .chat-image-link img.chat-image-img{
max-height: 60vh !important;
}
.ml-50 {
margin-left: 70px;
}
.mr-50 {
margin-right: 70px;
}
.ml-100 {
margin-left: 70px;
}
.mr-100 {
margin-right: 70px;
}
.fc-view, .fc-view > table {
border-radius: 5px;
}
.fc-day-grid-container {
overflow: hidden !important;
height: auto !important;
}
.fc .fc-toolbar.fc-header-toolbar {
display: block;
width: 100%;
}
.fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group {
position: absolute;
right: 0;
}
.fc-toolbar-title {
margin-bottom:10px !important;
margin-right:70px !important;
}
.mr-15 {
margin-right: 3.5rem;
}
.ml-50p {
margin-left:0;
}
}
@media (max-width: 767.98px) {
.drone-steering-slider-container, .drone-speed-slider-container, .drone-elevation-slider-container {
width: 80px;
}
.drone-explode-slider-container {
width: 100px;
margin: 0 20px;
}
.kore-view-lr-slider-container, .kore-view-td-slider-container {
width: 100px;
margin: 0 20px;
}
.kore-power-slider-container, .kore-speed-slider-container {
width: 80px;
}
.heli-camera-birds-eye {
width: auto;
}
.threed-colorPicker-selection-container{
margin-top: 0;
margin-bottom: 20px;
top: auto;
margin-left: 0;
}
.arrow-down {
display: none;
}
.scrolling-pagination-master-inside, .scrolling-cart-master {
max-height: 400px;
}
.scrolling-pagination-master .notify-dropdown {
max-width: 100%;
width: 100%;
}
.notifications-header {
max-width: 100%;
min-width: 100%;
width: 100%;
}
.see-more-loader-paypal {
margin-top:150px;
margin-bottom:150px;
}
.page-head-title span {
max-width: 160px;
}
.paypal-plans-main-column {
min-height: auto;
}
.bg-grid-custom, .bg-grid-custom.bg-grid-custom-sidebar {
background-size: 60% !important;
background-position: bottom 33px right 13px !important;
}
#dashboard .bg-grid-custom {
background-size: 40% !important;
background-position: bottom -1px right 25px !important;
}
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-md > .table-bordered {
border: 0;
}
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
padding-right: 0;
padding-left: 0;
}
.stylish .stylish-select-input {
/* width:90%;*/
}
.stylish .stylish-select {
/*width:80%;*/
}
.request-step-form, .generalq-step-form {
/*margin-top:2.5rem;*/
}
.add-file-tweet {
width: 100px;
height: 130px;
min-width: 100px;
}
.multiple-file-upload {
width: 100px;
height: 130px;
min-width: 100px;
}
.add-file-tweet i, .add-file-tweet-respond i {
font-size: 40px;
}
.added-link {
max-width: 250px;
}
.modal-dialog-fullscreen img.tweet-image-img {
width: 100% !important;
}
.dropdown-menu .comment-contain {
}
.quote-top-banner {
height: 200px;
}
.return-btn-ico, .links-sm, .att-sm {
margin-right: 11px;
margin-left: 11px;
}
.more-opt {
margin-left: 0px;
}
.add-files-icon, .add-emoji-icon, .add-link-icon {
font-size: 22px;
}
.tweet-send-btn {
width: 40px;
height: 40px;
font-size: 13px;
}
.chat-panel .emoji-header button, .chat-panel .emoji-footer button, .open-emoji-chat-panel .emoji-header button, .open-emoji-chat-panel .emoji-footer button {
min-width: auto;
}
.like-section {
margin-left: 10px;
}
.tweet-panel .product-details {
margin-left: 10px;
}
.tweet-returns {
margin-left: 0;
margin-right:0;
}
.tweet-files.tweet-img-loader, .link-uploaded-quote-content, .tweet-reply-panel {
margin-left:10px;
margin-right:10px;
}
.open-reply {
padding-right: 0;
}
.quote-tabs {
height: 51px !important;
}
.tweet-files-paginate-4 .each-file-tweet .file-image-tweet, .tweet-files-paginate-4 .file-tweet-empty .file-image-tweet-empty {
height: 168px;
}
.tweet-files-paginate-4.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-4.nfn .file-tweet-empty .file-image-tweet-empty {
height: 188px;
}
.tweet-files-paginate-4 .each-file-tweet, .tweet-files-paginate-4 .file-tweet-empty {
height: 197px;
}
.tweet-files-paginate-3 .each-file-tweet .file-image-tweet, .tweet-files-paginate-3 .file-tweet-empty .file-image-tweet-empty {
height: 168px;
}
.tweet-files-paginate-3.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-3.nfn .file-tweet-empty .file-image-tweet-empty {
height: 188px;
}
.tweet-files-paginate-3 .each-file-tweet, .tweet-files-paginate-3 .file-tweet-empty {
height: 197px;
}
.tweet-files-paginate-2 .each-file-tweet .file-image-tweet, .tweet-files-paginate-2 .file-tweet-empty .file-image-tweet-empty {
height: 168px;
}
.tweet-files-paginate-2.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-2.nfn .file-tweet-empty .file-image-tweet-empty {
height: 188px;
}
.tweet-files-paginate-2 .each-file-tweet, .tweet-files-paginate-2 .file-tweet-empty {
height: 197px;
}
.tweet-files-paginate-1 .each-file-tweet .file-image-tweet, .tweet-files-paginate-1 .file-tweet-empty .file-image-tweet-empty {
height: 360px;
}
.tweet-files-paginate-1.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-1.nfn .file-tweet-empty .file-image-tweet-empty {
height: 380px;
}
.tweet-files-paginate-1 .each-file-tweet, .tweet-files-paginate-1 .file-tweet-empty {
height: 390px;
}
.view-media .tweet-files-paginate-1 .file-image-chat, .view-media .tweet-files-paginate-1 .file-tweet-empty {
height: 380px;
}
.view-media .tweet-files-paginate-1 .chat-box {
min-height: 390px;
}
.view-media .tweet-files-paginate-2 .file-image-chat, .view-media .tweet-files-paginate-2 .file-tweet-empty {
height: 188px;
}
.view-media .tweet-files-paginate-2 .chat-box {
min-height: 198px;
}
.view-media .tweet-files-paginate-3 .file-image-chat, .view-media .tweet-files-paginate-3 .file-tweet-empty {
height: 168px;
}
.view-media .tweet-files-paginate-3 .chat-box {
min-height: 188px;
}
.view-media .tweet-files-paginate-4 .file-image-chat, .view-media .tweet-files-paginate-4 .file-tweet-empty {
height: 168px;
}
.view-media .tweet-files-paginate-4 .chat-box {
min-height: 188px;
}
.tweet-body-wrap {
padding-right: 0px;
}
.product-details {
padding: 0px 10px 0px 0px !important;
}
.quote-card, .project-card, .card-sample, .invoice-card, .conversation-card {
max-height: 329px;
}
.invoice-card {
max-height: 292px;
}
.tweet-project-files .tweet-body-wrap {
font-size: 0.813rem;
}
.pr-68{
padding-right: 6.8rem;
}
/*INVOICE SECTION CSS */
.invoice-box table.client-info .client-box-container .client-box-in td {
padding: 20px 30px;
}
.qr-details {
margin-left: 35%;
inline-size: 178px;
overflow-wrap: break-word;
}
.zoom-eff {
transition: none; /* Animation */
}
.zoom-eff:hover{
transform: none;
}
.sub-invoice {
padding: 0;
}
.sub-invoice .td.td-w-20{
display: none;
}
.sub-invoice .td.td-w-50{
width:60%;
}
.sub-invoice .td.td-w-30{
width:40%;
}
.sub-invoice .td.td-w-50.text-left{
display: table-cell;
width:40%;
}
.sub-invoice .td.td-w-20.text-right{
width:20%;
}
.sub-invoice .td.td-w-30.text-left{
width:40%;
}
.sub-invoice .refund-tr .refund-tr-mid-col{
width:100%;
}
.refund-tr-last-col {display: none !important;}
.sub-invoice .refund-tr .refund-tr-mid-col .refund-tr-mid-col-20{
display: table-cell;
}
.inv_total_price_2 {
font-size: 14px;
}
.font-30 {
font-size: 22px;
}
.notifiy-multiple-images .notify-image {
position:absolute;
}
.notifiy-multiple-images .notify-image:first-child {
position:relative;
}
.notify-dropdown {
width: 100%;
max-width: 100%;
}
.view-notifications .notifiy-multiple-images {
overflow:visible;
}
.view-notifications .notifiy-multiple-images {
min-width: 50px;
}
.see-more-loader-bell-container {
margin-left: 1.9rem;
margin-top: 2.9rem;
}
.notify-image {
min-width: 65px;
}
.ml-50 {
margin-left: 50px;
}
.mr-50 {
margin-right: 50px;
}
.ml-100 {
margin-left: 50px;
}
.mr-100 {
margin-right: 50px;
}
.threed-play svg path.threed-label-path1, .threed-main svg path.threed-label-path1, .threed-main:hover svg path.threed-label-path1, .threed-play:hover svg path.threed-label-path1 {
animation: none;
stroke-dashoffset: 0;
stroke-dasharray: 0px;
}
.threed-main svg path.threed-label-backdrop {
animation: none;
stroke-dashoffset: -11px;
stroke-dasharray: 56px;
}
.threed-main:hover svg path.threed-label-backdrop {
animation: none;
stroke-dashoffset: -11px;
stroke-dasharray: 56px;
}
.threed-scene-preset-down .threed-label-path1-x, .threed-parts-preset-down .threed-label-path1-x, .threed-gallery-preset-down .threed-label-path1-x, .threed-details-preset-down .threed-label-path1-x {
transform: rotate(180deg) scale(0.8) !important;
}
.threed-color-preset-down .threed-label-path1-x {
transform: rotate(90deg) scale(0.8) !important;
}
.threed-lock-panel-container {
height: auto;
min-height: 100px;
}
.info-canvas{
width:600px;
}
#mm3d_canvas, #mm3d_canvas2, .scene-container {width: 100% !important; height: auto !important; min-height: 100vh;
margin-bottom: 0; user-select: none;/* fallback if grab cursor is unsupported */
}
.welcome-address {
/*margin-top:100px;*/
}
.threed-sidemenu-options-panel, .threed-close-panel, .threed-options-main {
padding-left: 3rem;
}
}
@media (max-width: 575.98px) {
.banners-list {
max-width: 300px;
}
/*.threed-work-section-title {
width: 270px;
}*/
.home-canvas {
margin-top: 50px;
}
body {
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#mm3d_canvas, #mm3d_canvas2, .scene-container {width: 100% !important; height: 100vh !important; min-height: 100vh;
margin-bottom: 0; /* fallback if grab cursor is unsupported */
}
.info-canvas{
width:98%;
}
.colorPicker-arrows-container{
margin-left: 5rem;
margin-top: -3rem;
}
.scenePicker-arrows-container{
margin-top: 1.25rem;
}
.scrolling-cart-master .discount-codeinput-cart {
width: 50%;
}
.request-step-form .plan-included {
height: 343px;
}
.ml-50 {
margin-left: 0;
}
.mr-50 {
margin-right: 0;
}
.ml-100 {
margin-left: 0;
}
.mr-100 {
margin-right: 0;
}
.form-header.nav {
}
.card_container .cc_cards_checkout {
margin-bottom: 15px;
justify-content: center;
}
.cart-card .cart-image {
max-width: 150px;
}
.chat-buttons-main {
/*background: linear-gradient(0deg, #ffffff 40%, #00000000 94%);*/
}
.dark .chat-buttons-main {
/*background: linear-gradient(0deg, #14002e 40%, #00000000 94%);*/
}
.panel-body {height: 330px;}
.btn-normal:hover, .btn-layout:hover, .btn-normal.btn-normal-for-select:hover {
/* background: transparent;*/
}
.w-1-4-custom {
width: 100%;
margin: 1% 0%;
}
.request-step-form, .generalq-step-form, .design-step-form {
flex-direction: column;
/*margin-top:0rem;*/
}
.sidebar-links a, .sidebar-links button {
padding: 10px 33px 10px 22px;
}
.plan-edit-details-div-input, .plan-add-details-div-input {
max-width: 205px;
width: 205px;
}
.conversation-menu, .checkout-menu, .notifications-menu, .header-user-menu {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
position: fixed !important;
right:0px;
}
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
.header-menu .container.full-width-header {
padding: 0 10px;
}
/*TOP MENU BUTTONS*/
ul.sidebar-links {
/*height: calc(100vh - 200px);*/
}
#firstList .sidemenu-layout {
margin-left: -30px;
}
/*HOME PAGE*/
.bg-coming-soon {
min-height: 100vh;
}
.h1-cs {
font-size: 44px;
}
/* .home-banner-section-container {
top: 30%;
} */
.home-banner-section-container {
}
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
padding-right: 0;
padding-left: 0;
}
.arrow-menu {
right: 23px;
}
.notifications-menu .arrow-menu {
right: 76px;
}
.checkout-menu .arrow-menu {
right: 119px;
}
.conversation-menu .arrow-menu {
right: 167px;
}
.quotes-more, .projects-more {
bottom: -33px;
left: 46%;
}
.bg-grid-custom, .bg-grid-custom.bg-grid-custom-sidebar, .bg-grid-custom.bg-grid-custom-stacked {
background-size: 75% !important;
background-position: bottom 42px right -26px !important;
}
#dashboard .bg-grid-custom {
background-size: 55% !important;
background-position: bottom -1px right 9px !important;
}
.quotes-stats-column .toggle, .generic-holder-filters .toggle, .projects-stats-column .toggle {
top: 2px;
}
.quotes-p-title {
width: auto;
overflow: visible;
white-space: initial;
text-overflow: initial;
}
.plan-description, .plan-image, .plan-image-project, .plan-included, .request-image, .plan-subscription-section, .plan-discount-section {
min-width: 100%;
}
.plan-discount-section {
/*height: auto;
margin-top:0px;
margin-bottom:0px !important;*/
}
.modal .request-image, .modal .request-details, .modal .quote-image, .modal .quote-details, .modal .quote-details-more{
min-width: auto !important;
}
.btn-layout.m-full {
width: 100%;
}
.btn-layout.btn-layout-trash {
/*width:119px;*/
}
.plan-card-trashed, .plan-card-deleted {
min-height: 530px;
}
.modal-content {
padding:10px;
}
.modal-content.modal-content-no-pad {
padding:0;
}
.remove-modal .modal-content, .trash-modal .modal-content, .delete-modal .modal-content {
padding: 15px;
}
.input-group.grid-cols-5 {
min-width: 240px;
}
.tweet-files-paginate-4 .each-file-tweet .file-image-tweet, .tweet-files-paginate-4 .file-tweet-empty .file-image-tweet-empty {
height: 128px;
}
.tweet-files-paginate-4.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-4.nfn .file-tweet-empty .file-image-tweet-empty {
height: 148px;
}
.tweet-files-paginate-4 .each-file-tweet, .tweet-files-paginate-4 .file-tweet-empty {
height: 158px;
}
.tweet-files-paginate-3 .each-file-tweet .file-image-tweet, .tweet-files-paginate-3 .file-tweet-empty .file-image-tweet-empty {
height: 128px;
}
.tweet-files-paginate-3.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-3.nfn .file-tweet-empty .file-image-tweet-empty {
height: 148px;
}
.tweet-files-paginate-3 .each-file-tweet, .tweet-files-paginate-3 .file-tweet-empty {
height: 158px;
}
.tweet-files-paginate-2 .each-file-tweet .file-image-tweet, .tweet-files-paginate-2 .file-tweet-empty .file-image-tweet-empty {
height: 128px;
}
.tweet-files-paginate-2.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-2.nfn .file-tweet-empty .file-image-tweet-empty {
height: 148px;
}
.tweet-files-paginate-2 .each-file-tweet, .tweet-files-paginate-2 .file-tweet-empty {
height: 158px;
}
.tweet-files-paginate-1 .each-file-tweet .file-image-tweet, .tweet-files-paginate-1 .file-tweet-empty .file-image-tweet-empty {
height: 260px;
}
.tweet-files-paginate-1.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-1.nfn .file-tweet-empty .file-image-tweet-empty {
height: 280px;
}
.tweet-files-paginate-1 .each-file-tweet, .tweet-files-paginate-1 .file-tweet-empty {
height: 290px;
}
.view-media .tweet-files-paginate-1 .file-image-chat, .view-media .tweet-files-paginate-1 .file-tweet-empty {
height: 280px;
}
.view-media .tweet-files-paginate-1 .chat-box {
min-height: 290px;
}
.view-media .tweet-files-paginate-2 .file-image-chat, .view-media .tweet-files-paginate-2 .file-tweet-empty {
height: 148px;
}
.view-media .tweet-files-paginate-2 .chat-box {
min-height: 158px;
}
#media {
min-height: auto;
}
.chat-popup {
right:0;
margin-bottom: -5px;
min-height: auto;
}
.chat-buttons-main{
right:0;
padding:10px;
padding-right: 10px;
}
.explore-mobile-auth, .service-mobile-auth {
padding: 10px 9px 10px 22px;
}
.threed-sidemenu-options-panel, .threed-close-panel, .threed-options-main {
padding-left: 1rem;
}
}
@media (max-width: 400px) {
.logo-img {
max-width: 120px;
}
.heli-contorls-bg svg {
transform: scale(0.49);
margin-top: 50px;
}
.threed-sidemenu-options-panel, .threed-close-panel, .threed-options-main {
/*padding-left: 0.75rem;
padding-right: 0.75rem;*/
padding-left: 15px;
padding-right: 0;
}
.tweet-files-paginate-4 .each-file-tweet .file-image-tweet, .tweet-files-paginate-4 .file-tweet-empty .file-image-tweet-empty {
height: 111px;
}
.tweet-files-paginate-4.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-4.nfn .file-tweet-empty .file-image-tweet-empty {
height: 133px;
}
.tweet-files-paginate-4 .each-file-tweet, .tweet-files-paginate-4 .file-tweet-empty, .view-media .tweet-files-paginate-4 .file-image-chat, .view-media .tweet-files-paginate-4 .file-tweet-empty {
height: 141px;
}
.view-media .tweet-files-paginate-4 .chat-box {
min-height: 161px;
}
.tweet-files-paginate-3 .each-file-tweet .file-image-tweet, .tweet-files-paginate-3 .file-tweet-empty .file-image-tweet-empty {
height: 111px;
}
.tweet-files-paginate-3.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-3.nfn .file-tweet-empty .file-image-tweet-empty {
height: 133px;
}
.tweet-files-paginate-3 .each-file-tweet, .tweet-files-paginate-3 .file-tweet-empty, .view-media .tweet-files-paginate-3 .file-image-chat, .view-media .tweet-files-paginate-3 .file-tweet-empty {
height: 141px;
}
.view-media .tweet-files-paginate-3 .chat-box {
min-height: 150px;
}
.tweet-files-paginate-2 .each-file-tweet .file-image-tweet, .tweet-files-paginate-2 .file-tweet-empty .file-image-tweet-empty {
height: 111px;
}
.tweet-files-paginate-2.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-2.nfn .file-tweet-empty .file-image-tweet-empty {
height: 133px;
}
.tweet-files-paginate-2 .each-file-tweet, .tweet-files-paginate-2 .file-tweet-empty, .view-media .tweet-files-paginate-2 .file-image-chat, .view-media .tweet-files-paginate-2 .file-tweet-empty {
height: 141px;
}
.view-media .tweet-files-paginate-2 .chat-box {
min-height: 150px;
}
.tweet-files-paginate-1 .each-file-tweet .file-image-tweet, .tweet-files-paginate-1 .file-tweet-empty .file-image-tweet-empty {
height: 195px;
}
.tweet-files-paginate-1.nfn .each-file-tweet .file-image-tweet, .tweet-files-paginate-1.nfn .file-tweet-empty .file-image-tweet-empty {
height: 215px;
}
.tweet-files-paginate-1 .each-file-tweet, .tweet-files-paginate-1 .file-tweet-empty, .view-media .tweet-files-paginate-1 .file-image-chat, .view-media .tweet-files-paginate-1 .file-tweet-empty {
height: 225px;
}
.view-media .tweet-files-paginate-1 .chat-box {
min-height: 230px;
}
.info-case, .info-case-respond {
width:auto;
}
.chat_screen {
width:100vw;
}
}
@media (max-width: 370px) {
.head-left .logo-main-img {
display: none;
}
.head-left .logo-emblem {
display: block;
}
}
/*threed side mobile*/
@media (max-width: 900px) and (max-height:440px) {
.home-banner-section-container {
/* top: 30%;*/
}
.h1-cs {
font-size: 44px;
}
.h1-cs span {
display: inline;
}
.threed-work-panel{
margin-top: -30px;
}
.info-canvas{
width:98%;
}
.threed-top-link {
display: flex;
justify-content: center;
align-items: center;
}
.container-slider {margin-top:5px}
.threed-top-link img {width: 100%;}
.threed-top-link p {padding-left: 1.8rem;
padding-right: 1.8rem;}
.threed-left-panel-inner {
padding-left: 4rem;
padding-right: 4rem;
margin-top:25px;
}
.threed-chat-panel {
margin-top:-25px;
}
.threed-description-panel h1 {
font-size: 2.2rem;
}
.threed-left-panel-inner h1 {
/*font-size: 1.75rem;*/
margin-right: 0rem;
}
.threed-top-link h1{
font-size: 1.25rem;
}
.threed-left-panel-inner h1 br{
height:0;display: none;
}
.threed-left-panel-inner .slider-title, .threed-with-slider .slider-title {
display: flex;
justify-content: space-between;
}
.threed-left-panel-inner .slider-title h1, .threed-with-slider .slider-title h1 {
font-size: 1.4rem;
margin:0;
}
.threed-left-panel-inner .slider-dots, .threed-with-slider .slider-dots {
margin-top: 5px;
position: absolute;
top: -3px;
right: 0;
margin-right: 140px;
}
#map_welcome {
/*display: none;*/
height: 100vh;width: 60%;
}
.map-welcome-container {
justify-content: center;
align-items: center;
display: flex;
flex-direction: row-reverse;
margin-top: -25px;
}
.welcome-address {margin-top:0; display: flex; padding-left:0; padding-right:0; }
.welcome-address-info {margin-top:5px}
#loader{margin-top:-50px;}
.threed-options-col2 {
margin-left:-6rem;
}
.threed-options-btns {
width:32%;
}
.threed-options-third-col {
justify-content: center;
align-items: center;
display: flex;
}
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group, .form-inline .custom-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
.dropdown-menu-sm-left {
right: auto;
left: 0;
}
.dropdown-menu-sm-right {
right: 0;
left: auto;
}
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
.card-columns {
-moz-column-count: 3;
column-count: 3;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
.jumbotron {
padding: 4rem 2rem;
}
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
.modal-dialog {
max-width: 1280px;
margin: 0.5rem;
}
.modal-dialog-small {
max-width: 650px;
}
.modal-dialog-medium {
max-width: 950px;
}
.modal-dialog-md {
max-width: 850px;
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem);
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
}
.modal-sm {
max-width: 300px;
}
.notifications-menu {
right: 54px;
}
.checkout-menu {
right: 80px;
}
.conversation-menu {
right: 49px;
}
}
@media (min-width: 640px) {
/*container breakpoint*/
.conversation-menu, .checkout-menu, .notifications-menu, .header-user-menu {
width:auto !important;
}
.notifications-menu {
right: 54px;
}
.checkout-menu {
right: 79px;
}
.conversation-menu {
right: 49px;
}
}
@media (min-width: 768px) {
.notifications-menu {
right: 66px;
}
.checkout-menu {
right: 125px;
}
.conversation-menu {
right: 175px;
}
.dropdown-menu-md-left {
right: auto;
left: 0;
}
.dropdown-menu-md-right {
right: 0;
left: auto;
}
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
/*flex-direction: row;
align-items: center;*/
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
/* padding-right: 0.5rem;
padding-left: 0.5rem;*/
}
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
display: inline-block !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
.modal-dialog {
margin: 1.75rem auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right {
right: 0;
left: auto;
}
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
.modal-lg, .modal-xl {
max-width: 800px;
}
}
@media (min-width: 1024px) {
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right {
right: 0;
left: auto;
}
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
.modal-xl {
max-width: 1140px;
}
}
@media (min-width: 1280px) {
.services-menu .container {
padding: 0;
}
}
@media (min-width: 1630px) {
.container {
}
}
@media print {
*, *::before, *::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " ("attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre, blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td, .table th {
background-color: #fff !important;
}
.table-bordered th, .table-bordered td {
border: 1px solid #dee2e6 !important;
}
.table-dark {
color: inherit;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
border-color: #dee2e6;
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6;
}
}