@font-face{font-family:EMprint-Bold;src:url(../fonts/EMprint-Bold.eot);src:url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Bold.woff2) format("woff2"),url(../fonts/EMprint-Bold.woff) format("woff"),url(../fonts/EMprint-Bold.ttf) format("ttf"),url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint-BoldItalic;src:url(../fonts/EMprint-BoldItalic.eot);src:url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-BoldItalic.woff2) format("woff2"),url(../fonts/EMprint-BoldItalic.woff) format("woff"),url(../fonts/EMprint-BoldItalic.ttf) format("ttf"),url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint-CondensedBold;src:url(../fonts/EMprint-CondensedBold.eot);src:url(../fonts/EMprint-CondensedBold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedBold.woff2) format("woff2"),url(../fonts/EMprint-CondensedBold.woff) format("woff"),url(../fonts/EMprint-CondensedBold.ttf) format("ttf"),url(../fonts/EMprint-CondensedBold.svg#EMprint-CondensedBold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint-CondensedBoldIt;src:url(../fonts/EMprint-CondensedBoldIt.eot);src:url(../fonts/EMprint-CondensedBoldIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedBoldIt.woff2) format("woff2"),url(../fonts/EMprint-CondensedBoldIt.woff) format("woff"),url(../fonts/EMprint-CondensedBoldIt.ttf) format("ttf"),url(../fonts/EMprint-CondensedBoldIt.svg#EMprint-CondensedBoldIt) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint-CondensedItalic;src:url(../fonts/EMprint-CondensedItalic.eot);src:url(../fonts/EMprint-CondensedItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedItalic.woff2) format("woff2"),url(../fonts/EMprint-CondensedItalic.woff) format("woff"),url(../fonts/EMprint-CondensedItalic.ttf) format("ttf"),url(../fonts/EMprint-CondensedItalic.svg#EMprint-CondensedItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-CondensedLight;src:url(../fonts/EMprint-CondensedLight.eot);src:url(../fonts/EMprint-CondensedLight.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedLight.woff2) format("woff2"),url(../fonts/EMprint-CondensedLight.woff) format("woff"),url(../fonts/EMprint-CondensedLight.ttf) format("ttf"),url(../fonts/EMprint-CondensedLight.svg#EMprint-CondensedLight) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-CondensedLightIt;src:url(../fonts/EMprint-CondensedLightIt.eot);src:url(../fonts/EMprint-CondensedLightIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedLightIt.woff2) format("woff2"),url(../fonts/EMprint-CondensedLightIt.woff) format("woff"),url(../fonts/EMprint-CondensedLightIt.ttf) format("ttf"),url(../fonts/EMprint-CondensedLightIt.svg#EMprint-CondensedLightIt) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-CondensedRegular;src:url(../fonts/EMprint-CondensedRegular.eot);src:url(../fonts/EMprint-CondensedRegular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedRegular.woff2) format("woff2"),url(../fonts/EMprint-CondensedRegular.woff) format("woff"),url(../fonts/EMprint-CondensedRegular.ttf) format("ttf"),url(../fonts/EMprint-CondensedRegular.svg#EMprint-CondensedRegular) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-CondensedSemibold;src:url(../fonts/EMprint-CondensedSemibold.eot);src:url(../fonts/EMprint-CondensedSemibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedSemibold.woff2) format("woff2"),url(../fonts/EMprint-CondensedSemibold.woff) format("woff"),url(../fonts/EMprint-CondensedSemibold.ttf) format("ttf"),url(../fonts/EMprint-CondensedSemibold.svg#EMprint-CondensedSemibold) format("svg");font-style:normal;font-weight:demi}@font-face{font-family:EMprint-CondSemiboldIt;src:url(../fonts/EMprint-CondSemiboldIt.eot);src:url(../fonts/EMprint-CondSemiboldIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondSemiboldIt.woff2) format("woff2"),url(../fonts/EMprint-CondSemiboldIt.woff) format("woff"),url(../fonts/EMprint-CondSemiboldIt.ttf) format("ttf"),url(../fonts/EMprint-CondSemiboldIt.svg#EMprint-CondSemiboldIt) format("svg");font-style:italic;font-weight:demi}@font-face{font-family:EMprint-Light;src:url(../fonts/EMprint-Light.eot);src:url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Light.woff2) format("woff2"),url(../fonts/EMprint-Light.woff) format("woff"),url(../fonts/EMprint-Light.ttf) format("ttf"),url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-LightItalic;src:url(../fonts/EMprint-LightItalic.eot);src:url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-LightItalic.woff2) format("woff2"),url(../fonts/EMprint-LightItalic.woff) format("woff"),url(../fonts/EMprint-LightItalic.ttf) format("ttf"),url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-Regular;src:url(../fonts/EMprint-Regular.eot);src:url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Regular.woff2) format("woff2"),url(../fonts/EMprint-Regular.woff) format("woff"),url(../fonts/EMprint-Regular.ttf) format("ttf"),url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-RegularItalic;src:url(../fonts/EMprint-RegularItalic.eot);src:url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-RegularItalic.woff2) format("woff2"),url(../fonts/EMprint-RegularItalic.woff) format("woff"),url(../fonts/EMprint-RegularItalic.ttf) format("ttf"),url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-Semibold;src:url(../fonts/EMprint-Semibold.eot);src:url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Semibold.woff2) format("woff2"),url(../fonts/EMprint-Semibold.woff) format("woff"),url(../fonts/EMprint-Semibold.ttf) format("ttf"),url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");font-style:normal;font-weight:demi}@font-face{font-family:EMprint-SemiboldItalic;src:url(../fonts/EMprint-SemiboldItalic.eot);src:url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"),url(../fonts/EMprint-SemiboldItalic.woff) format("woff"),url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"),url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");font-style:italic;font-weight:demi}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Bold.eot);src:url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Bold.woff2) format("woff2"),url(../fonts/EMprint-Bold.woff) format("woff"),url(../fonts/EMprint-Bold.ttf) format("ttf"),url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint;src:url(../fonts/EMprint-BoldItalic.eot);src:url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-BoldItalic.woff2) format("woff2"),url(../fonts/EMprint-BoldItalic.woff) format("woff"),url(../fonts/EMprint-BoldItalic.ttf) format("ttf"),url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Light.eot);src:url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Light.woff2) format("woff2"),url(../fonts/EMprint-Light.woff) format("woff"),url(../fonts/EMprint-Light.ttf) format("ttf"),url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint;src:url(../fonts/EMprint-LightItalic.eot);src:url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-LightItalic.woff2) format("woff2"),url(../fonts/EMprint-LightItalic.woff) format("woff"),url(../fonts/EMprint-LightItalic.ttf) format("ttf"),url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Regular.eot);src:url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Regular.woff2) format("woff2"),url(../fonts/EMprint-Regular.woff) format("woff"),url(../fonts/EMprint-Regular.ttf) format("ttf"),url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");font-style:normal;font-weight:400}@font-face{font-family:EMprint;src:url(../fonts/EMprint-RegularItalic.eot);src:url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-RegularItalic.woff2) format("woff2"),url(../fonts/EMprint-RegularItalic.woff) format("woff"),url(../fonts/EMprint-RegularItalic.ttf) format("ttf"),url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");font-style:italic;font-weight:400}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Semibold.eot);src:url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Semibold.woff2) format("woff2"),url(../fonts/EMprint-Semibold.woff) format("woff"),url(../fonts/EMprint-Semibold.ttf) format("ttf"),url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");font-style:normal;font-weight:600}@font-face{font-family:EMprint;src:url(../fonts/EMprint-SemiboldItalic.eot);src:url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"),url(../fonts/EMprint-SemiboldItalic.woff) format("woff"),url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"),url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");font-style:italic;font-weight:600} @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } ::-webkit-scrollbar { width: 0px; background-color: #f1f2f2; } ::-webkit-scrollbar-thumb { background-color: #696969; border-radius: 10px; } body{ padding: 0; margin: 0; /* overflow-y: auto; overflow-x: hidden; */ position: relative; font-size: 1rem; line-height: 1.5rem; color: #555555; } .clear{ clear: both; } .container{ max-width: 90%; } html{ font-size: 1.15rem !important; } /* Login Section */ .login-section{ width: 100%; height: 100vh; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; } .login-section .login-main{ padding: 30px 0; margin: 0; position: relative; border-radius: 10px; background-color: #ffffff; width: 30%; height: auto; min-width: 570px; max-width: 80%; display: flex; flex-direction: column; } .login-section .login-main h1{ font-size: 2.2rem; font-weight: 400; line-height: 2.7rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #000000; text-align: center; margin: 0 0 20px; padding: 0; } .login-section .login-main h5{ font-size: 1.3rem; font-weight: 400; line-height: 1.8rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #555555; text-align: center; margin: 0 0 0; padding: 0; } .login-section .login-main .login-form{ width: 100%; height: auto; padding: 60px 50px; margin: 50px 0 0; position: relative; border-radius: 5px; display: grid; grid-template-columns: 1fr; gap: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .login-section .login-main .login-form .form-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; } .login-section .login-main .login-form .form-div input{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #333333; text-align: left; margin: 0 0; padding: 10px 15px; border: 1px solid #dddddd; outline: none; box-shadow: none; width: 100%; height: auto; border-radius: 5px; } .login-section .login-main .login-form .login-form-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .login-section .login-main .login-form .login-form-grid p{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #333333; text-align: left; margin: 0 0; padding: 0px; } .login-section .login-main .login-form .login-form-grid p a{ color: #c0c0c0; text-decoration: none; } .login-section .login-main .login-form .login-form-grid .form-btn{ width: auto; height: auto; padding: 0; margin: 0; position: relative; } .login-section .login-main .login-form .login-form-grid .form-btn button{ font-size: 0.95rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 0 0; padding: 8px 30px; border: none; border-radius: 5px; background-color: #3102db; text-transform: uppercase; } .login-section .login-main .login-form .password-btn { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; } .login-section .login-main .login-form #user_password { width: 100%; padding-right: 0px; } .login-section .login-main .login-form .password-btn.disabled { cursor: not-allowed; opacity: 0.5; } /* End Login section */ /* Login Section1 */ .login-section1{ width: 100%; height: 100vh; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; background-image: url('../images/login-bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; } .login-section1 .login-main{ padding: 50px 50px; margin: 0; position: relative; border-radius: 10px; background-color: #ffffff; width: 30%; height: auto; min-width: 570px; max-width: 80%; display: flex; flex-direction: column; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .login-section1 .login-main h1{ font-size: 2.2rem; font-weight: 400; line-height: 2.7rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #1a67b0; text-align: center; margin: 0 0 20px; padding: 0; } .login-section1 .login-main h5{ font-size: 1.1rem; font-weight: 400; line-height: 1.8rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #000000; text-align: center; margin: 0 0 0; padding: 0; } .login-section1 .login-main .login-form{ width: 100%; height: auto; padding: 0px; margin: 50px 0 0; position: relative; border-radius: 5px; display: grid; grid-template-columns: 1fr; gap: 30px; } .login-section1 .login-main .login-form .form-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; flex-direction: column; } .login-section1 .login-main .login-form .form-div label{ font-size: 0.95rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #000000; text-align: left; margin: 0 0 8px; padding: 0px; } .login-section1 .login-main .login-form .form-div input{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #333333; text-align: left; margin: 0 0; padding: 7px 15px; border: 1px solid #dddddd; outline: none; box-shadow: none; width: 100%; height: auto; border-radius: 5px; } .login-section1 .login-main .login-form .login-form-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; } .login-section1 .login-main .login-form .login-form-grid p{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #333333; text-align: right; margin: 0 0 20px; padding: 0px; width: 100%; } .login-section1 .login-main .login-form .login-form-grid p a{ color: #1a67b0; text-decoration: none; } .login-section1 .login-main .login-form .login-form-grid .form-btn{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; } .login-section1 .login-main .login-form .login-form-grid .form-btn button{ font-size: 1rem; font-weight: 400; line-height: 1.6rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: center; margin: 0 0; padding: 10px 30px; border: none; border-radius: 5px; background-color: #1a67b0; text-transform: uppercase; width: 100%; } .login-section1 .login-main .login-form .password-btn { position: absolute; bottom: 0; right: 0px; cursor: pointer; padding: 7px 15px; background-color: #e0eaf3; } .login-section1 .login-main .login-form .password-btn i{ font-size: 1rem; color: #000000; line-height: 1.5rem; } .login-section1 .login-main .login-form #user_password { width: 100%; padding-right: 0px; } .login-section1 .login-main .login-form .password-btn.disabled { cursor: not-allowed; opacity: 0.5; } /* End Login section1 */ /* Login Section2 */ .login-section2{ width: 100%; height: 100vh; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; } .login-section2 .login-left{ width: 50%; height: 100%; padding: 0; margin: 0; position: relative; background-image: url('../images/login-img-1.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: start; } .login-section2 .login-left .login-left-inner{ width: 70%; height: auto; padding: 40px 40px; } .login-section2 .login-left h5{ font-size: 1.3rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 0 0 20px; padding: 0; } .login-section2 .login-left p{ font-size: 0.85rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 0 0 0; padding: 0; } .login-section2 .login-main{ padding: 80px 50px; margin: 0; position: relative; border-radius: 10px; background-color: #ffffff; width: 50%; height: 100%; display: flex; flex-direction: column; background-image: url('../images/login-bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; } .login-section2 h1{ font-size: 2.2rem; font-weight: 400; line-height: 2.7rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 0 0 10px; padding: 0; } .login-section2 .login-main h5{ font-size: 1.1rem; font-weight: 400; line-height: 1.8rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #000000; text-align: left; margin: 0 0 0; padding: 0; } .login-section2 .login-main .login-form{ width: 100%; height: auto; padding: 0px; margin: 35px 0 0; position: relative; border-radius: 5px; display: grid; grid-template-columns: 1fr; gap: 30px; } .login-section2 .login-main .login-form .form-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; flex-direction: column; } .login-section2 .login-main .login-form .form-div label{ font-size: 0.95rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #555555; text-align: left; margin: 0 0 5px; padding: 0px; } .login-section2 .login-main .login-form .form-div input{ font-size: 0.95rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #333333; text-align: left; margin: 0 0; padding: 7px 15px; border: 1px solid #dddddd; outline: none; box-shadow: none; width: 100%; height: auto; border-radius: 5px; background-color: #ffffff; } .login-section2 .login-main .login-form .login-form-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; } .login-section2 .login-main .login-form .login-form-grid p{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #333333; text-align: right; margin: 0 0 20px; padding: 0px; width: 100%; } .login-section2 .login-main .login-form .login-form-grid p a{ color: #1a67b0; text-decoration: none; } .login-section2 .login-main .login-form .login-form-grid .form-btn{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; } .login-section2 .login-main .login-form .login-form-grid .form-btn button{ font-size: 1rem; font-weight: 400; line-height: 1.6rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: center; margin: 0 0; padding: 10px 30px; border: none; border-radius: 5px; background-color: #1a67b0; text-transform: uppercase; width: 100%; } .login-section2 .login-main .login-form .password-btn { position: absolute; bottom: 0; right: 0px; cursor: pointer; padding: 7px 15px; background-color: #e0eaf3; overflow: hidden; } .login-section2 .login-main .login-form .password-btn i{ font-size: 1rem; color: #000000; line-height: 1.5rem; } .login-section2 .login-main .login-form #user_password { width: 100%; padding-right: 0px; } .login-section2 .login-main .login-form .password-btn.disabled { cursor: not-allowed; opacity: 0.5; } .login-main .login-form .form-div input[type=password]::after{ display: none; } /* End Login section2 */ /* loginmain Section */ .loginmain-section{ width: 100%; height: auto; min-height: 100vh; padding: 3rem 0; margin: 0; display: flex; align-items: center; justify-content: center; /* background-color: #f7f8f9; */ /* background-image: url("{% static 'images/login-bg.jpg' %}"); */ background-size: cover; background-repeat: no-repeat; background-position: center; flex-wrap: wrap; } .loginmain-section .loginmain-main{ padding: 0px 0; margin: 0; position: relative; border-radius: 10px; background-color: #ffffff; width: 65%; height: auto; display: grid; grid-template-columns: 1fr 1fr; box-shadow: 0px 2px 30px #ccc6; overflow: hidden; } .loginmain-section .loginmain-main .loginmain-left{ width: 100%; height: auto; padding: 50px 50px; margin: 0; position: relative; border-right: 2px solid #f1f2f2; } .loginmain-section .loginmain-main .loginmain-left img{ width: auto; height: auto; max-width: 100px; } .loginmain-section .loginmain-main h2{ font-size: 1.65rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #052f5f; text-align: left; margin: 10px 0 5px; padding: 0; } .loginmain-section .loginmain-main h5{ font-size: 1.05rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #555555; text-align: left; margin: 0 0 25px; padding: 0; } .loginmain-section .loginmain-main .loginmain-form{ width: 100%; height: auto; padding: 0px 0px; margin: 0px 0 25px; position: relative; border-radius: 5px; display: grid; grid-template-columns: 1fr; gap: 20px; } .loginmain-section .loginmain-main .loginmain-form .form-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #333333; text-align: left; margin: 0 0; padding: 10px 15px; border: 1px solid #dddddd; outline: none; box-shadow: none; width: 100%; height: auto; border-radius: 5px; background-color: #f9f9f9; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .loginmain-section .loginmain-main .loginmain-form p{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #333333; text-align: right; margin: 0 0 0px; padding: 0px; } .loginmain-section .loginmain-main .loginmain-form p a{ color: #2170b8; text-decoration: underline; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn{ width: auto; height: auto; padding: 0; margin: 0; position: relative; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ font-size: 0.95rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: center; margin: 0 0; padding: 10px 30px; border: none; border-radius: 5px; background-color: #2874f0; text-transform: uppercase; width: 100%; } .loginmain-section .loginmain-main .loginmain-form .password-btn { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; } .loginmain-section .loginmain-main .loginmain-form #user_password { width: 100%; padding-right: 0px; } .loginmain-section .loginmain-main .loginmain-form .password-btn.disabled { cursor: not-allowed; opacity: 0.5; } .loginmain-section .loginmain-main h6{ font-size: 1.05rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #555555; text-align: left; margin: 0 0 5px; padding: 0; } .loginmain-section .loginmain-main .login-grid{ width: auto; height: auto; padding: 0; margin: 0; position: relative; list-style: none; display: flex; align-items: center; justify-content: start; gap: 5px; } .loginmain-section .loginmain-main .login-grid li{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 5px; background-color: #f0f0f0; } .loginmain-section .loginmain-main .login-grid li i{ font-size: 0.95rem; line-height: 1.45rem; color: #052f5f; } .loginmain-section .loginmain-main .text{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #333333; text-align: left; margin: 30px 0 0px; padding: 0px; } .loginmain-section .loginmain-main .text a{ color: #2170b8; text-decoration: underline; font-family: EMprint-Semibold; } .loginmain-section .loginmain-right{ width: 100%; height: auto; padding: 50px 50px; margin: 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .loginmain-section .loginmain-right h3{ font-size: 1.65rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 10px 0 15px; padding: 0; } .loginmain-section .loginmain-right ul{ list-style: disc; padding: 0 0 0 25px; margin: 0; display: grid; grid-template-columns: 1fr; gap: 4px; width: auto; height: auto; } .loginmain-section .loginmain-right ul li{ font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffffbe; text-align: left; margin: 0px 0 0px; padding: 0px; } .loginmain-section .loginmain-right img{ width: auto; height: auto; max-width: 100%; max-height: 400px; } .loginmain-section .loginmain-right.signup-right{ text-align: center; } .loginmain-section .loginmain-right.signup-right h3{ color: #052f5f; text-align: left; } .loginmain-section .loginmain-right.signup-right ul li{ color: #898c91; } .loginmain-section .loginmain-right.signup-right ul{ width: 90%; margin: 0 auto; } /* End loginmain section */ /* =========== dashboard =========== */ .dashboard{ width: 100%; height: 100vh; overflow-x: hidden; padding: 0; margin: 0; position: relative; background-color: #f7f8f9; } .dashboard nav.navbar{ width: 100%; height: auto; padding: 3px 0; margin: 0; position: fixed; background-color: #ffffff; border-bottom: 1px solid #052f5f1a; z-index: 99; } .dashboard nav.navbar .container{ display: flex; align-items: center; justify-content: space-between; max-width: 90%; padding: 0; } .dashboard nav.navbar .navbar-header{ width: auto; height: auto; min-width: 20%; padding: 0; margin: 0; position: relative; } .dashboard nav.navbar .navbar-header .navbar-brand{ text-decoration: none; padding: 0; margin: 0; } .dashboard nav.navbar .navbar-header .navbar-brand img{ width: auto; height: auto; max-width: 100px; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #000000; text-align: left; margin: 0 0 0px; padding: 0; text-transform: uppercase; } .dashboard nav.navbar .navbar-right{ width: auto; height: auto; min-width: 80%; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: space-between; } .dashboard nav.navbar .navbar-right .navbar-right-div{ width: auto; height: auto; padding: 0; margin: 0; } .dashboard nav.navbar .navbar-right .navbar-right-div nav{ width: auto; height: auto; padding: 0 0 0 30px; margin: 0; border-left: 2px solid #f0f0f0 } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul{ list-style: none; display: flex; align-items: center; justify-content: start; width: auto; height: auto; padding: 0; margin: 0; position: relative; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li{ width: auto; height: auto; padding: 0; margin: 0; position: relative; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li::after{ position: absolute; content: '/'; right: 0; top: 50%; transform: translateY(-50%); color: #052f5f3d; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li:last-child::after{ display: none; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.5rem; font-weight: 300; padding: 10px 15px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a.setting{ color: #aab6c5; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a:hover{ color: #052f5f; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a.active{ color: #2874f0; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a.active:hover{ color: #2874f0; } .dashboard nav.navbar .navbar-right .navbar-admin{ width: auto; height: auto; padding: 0; margin: 0; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.45rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 7px 20px; border-radius: 5px; border: none; background: #f0f0f0; } .bg-gradient-1 { background: #2874f0; } .dashboard .dashboard-main{ height: auto; padding: 0 0 30px; position: relative; min-height: calc(100vh - 108px); display: flex; align-items: flex-start; justify-content: flex-start; width: 100vw; max-width: 90%; margin: 130px auto 0; } .dashboard .dashboard-main aside{ width: 15%; height: auto; max-height: calc(100vh - 150px); padding: 10px 10px; margin: 0; overflow-y: auto; overflow-x: hidden; position: fixed; top: 130px; /* background-color: #ffffff; */ border-radius: 10px 0 0 10px; display: block; /* box-shadow: 0 2px 19px 0 #ededed; */ z-index: 1; } .dashboard .dashboard-main ::-webkit-scrollbar { width: 4px; background-color: #ffffff; } .dashboard .dashboard-main ::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 10px; } .dashboard .dashboard-main aside .navbar-nav{ list-style: none; display: flex; flex-direction: column; gap: 5px; width: 100%; height: auto; padding: 0; position: relative; } .dashboard .dashboard-main aside .navbar-nav .hd1{ height: auto; max-height: calc(100vh - 150px); padding: 10px 10px; margin: 0; overflow-y: auto; overflow-x: hidden; top: 130px; background-color: #ffffff; border-radius: 10px 0 0 10px; display: block; box-shadow: 0 2px 19px 0 #ededed; z-index: 1; margin-bottom: 20px; } .dashboard .dashboard-main aside .navbar-nav .hd2{ height: auto; max-height: calc(100vh - 150px); padding: 10px 10px; margin: 0; overflow-y: auto; overflow-x: hidden; top: 130px; background-color: #ffffff; border-radius: 10px 0 0 10px; display: block; box-shadow: 0 2px 19px 0 #ededed; z-index: 1; margin-bottom: 20px; } .dashboard .dashboard-main aside .navbar-nav .nav-item{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ width: 100%; height: auto; padding: 10px 6px; position: relative; display: flex; align-items: center; justify-content: start; gap: 7px; border-radius: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon{ width: auto; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: start; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon i{ font-size: 1.2rem; line-height: 1.5rem; color: #67748e; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-text{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.95rem; line-height: 1.5rem; font-weight: 300; padding: 0; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .dashboard .dashboard-main aside .navbar-nav .nav-item a.active{ background-color: #f2f7fe; } .dashboard .dashboard-main aside .navbar-nav .nav-item a.active .nav-link-icon svg{ stroke: #2874f0; stroke-width: 2; } .dashboard .dashboard-main aside .navbar-nav .nav-item a.active .nav-link-text{ color: #2874f0; font-family: EMprint-Semibold; } .dashboard .dashboard-main aside .navbar-nav .nav-item a:hover{ background-color: #f3f3fc; } .dashboard .dashboard-main aside .navbar-nav .nav-item a:hover .nav-link-icon svg{ stroke: #2874f0; } .dashboard .dashboard-main aside .navbar-nav .nav-item a:hover .nav-link-icon.nav-link-icon-marketing svg{ fill: #2874f0; } .dashboard .dashboard-main aside .navbar-nav .nav-item a:hover .nav-link-text{ color: #2874f0; } .dashboard .dashboard-main aside .navbar-nav .nav-item a.active:hover{ background-color: #f3f3fc; } .dashboard .dashboard-main aside .navbar-nav .nav-item a.active:hover .nav-link-icon svg{ stroke: #2874f0; } .dashboard .dashboard-main aside .navbar-nav .nav-item a.active:hover .nav-link-text{ color: #2874f0; font-family: EMprint-Semibold; } .dashboard .dashboard-main .main-content{ width: 100%; height: auto; padding: 0 0 0 19%; margin: 0; position: relative; } .dashboard .dashboard-main .main-content .content-inn{ width: 100%; height: auto; } .card{ width: 100%; height: auto; padding: 0px; margin: 0; position: relative !important; box-shadow: 0 2px 19px 0 #ededed; border-radius: 10px !important; border: none !important; outline: none; overflow: hidden; } .card .card-tabs{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .card .card-tabs .nav-tabs{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; gap: 0; align-items: center; justify-content: start; background-color: #2874f0; border: none; } .card .card-tabs .nav-tabs button{ color: #ffffff; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.45rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 13px 30px; border: none; background: transparent; border-radius: 0 10px 0 10px; } .card .card-tabs .nav-tabs button:focus-visible{ border: none; outline: none; } .card .card-tabs .nav-tabs button[type=button]:focus-visible{ border: none; outline: none; } .card .card-tabs .nav-tabs button:first-child{ border-radius: 0 10px 0 0; } .card .card-tabs .nav-tabs button.active{ background-color: #ffffff; color: #2874f0; } .card .card-tabs .nav-tabs button.active:after{ position: absolute; content: ''; right: -20px; bottom: 0; width: 20px; height: 20px; background-color: #2874f0; border-radius: 0 0 0 10px; } .card .card-tabs .nav-tabs button.active::before{ position: absolute; content: ''; right: -20px; bottom: 0; width: 20px; height: 20px; background-color: #ffffff; border-radius: 0 0px; } .card-bady{ width: 100%; height: auto; padding: px; margin: 0; position: relative; } .card-bady .card-form{ width: 100%; height: auto; padding: 25px 30px; margin: 0; position: relative; } .card-bady .card-form .form-div{ width: 100%; height: auto; padding: 0; margin: 0 0 10px; position: relative; } .card-bady .card-form .form-div label{ /* color: #052f5f; */ color: #898c91; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 3px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; } .card-bady .card-form .form-div input{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 6px 12px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .card-bady .card-form .form-div select{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 10px 10px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .card-bady .card-form .form-div textarea{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 6px 12px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .card-bady .card-form .form-div .add-btn{ color: #838a93; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.25rem; font-weight: 300; padding: 0 10px 0px; margin: 0 0 0px; letter-spacing: 0; text-align: right; position: relative; width: 100%; height: auto; opacity: 0.6; } .card-bady .card-form .form-div .add-btn:hover{ opacity: 1; } .card-bady .card-form .form-div .form-flex{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 80px calc(100% - 80px); border-radius: 5px; } .card-bady .card-form .form-div .form-flex > *{ border: none; } .card-bady .card-form .save-btn{ color: #ffffff; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.45rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 7px 40px; border-radius: 5px; border: none; background: #2874f0; } .card-bady .card-form .contact-btn .save-btn{ background: #2874f0; color: #ffffffd6; font-size: 0.85rem; line-height: 1.35rem; padding: 7px 20px; display: flex; align-items: center; justify-content: center; gap: 2px; } .card-bady .card-form .save-and-new-btn { font-family: EMprint-Semibold; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; border-radius: 5px; border: none; background: #0043af; color: #ffffffd6; font-size: 0.85rem; line-height: 1.35rem; padding: 7px 20px; display: flex; align-items: center; justify-content: center; gap: 2px; } .card-bady .card-form .cancel-btn { font-family: EMprint-Semibold; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; border-radius: 5px; border: none; background: #db0215; color: #ffffffd6; font-size: 0.85rem; line-height: 1.35rem; padding: 7px 20px; display: flex; align-items: center; justify-content: center; gap: 2px; } .sales-bady .sales-form .btn-submit { background-color: #2874f0; /* Green background */ color: white; /* White text */ padding: 10px 20px; /* Add some padding */ border: none; /* Remove border */ cursor: pointer; /* Change cursor to pointer on hover */ font-size: 16px; /* Set font size */ border-radius: 10px; } .sales-bady .sales-form .btn-submit:hover { background-color: #2874f0; /* Darker green on hover */ } /*Sales*/ .sales-bady{ width: 100%; height: auto; padding: px; margin: 0; position: relative; } .sales-bady .sales-form{ width: 100%; height: auto; padding: 25px 30px; margin: 0; position: relative; } .sales-bady .sales-form .form-div{ width: 100%; height: auto; padding: 0; margin: 0 0 10px; position: relative; } .sales-bady .sales-form .form-div label{ /* color: #052f5f; */ color: #898c91; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 3px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; } .sales-bady .sales-form .form-div input{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 6px 12px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .sales-bady .sales-form .form-div select{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 10px 10px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .sales-bady .sales-form .form-div textarea{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 6px 12px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .sales-bady .sales-form .form-div .add-btn{ color: #838a93; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.25rem; font-weight: 300; padding: 0 10px 0px; margin: 0 0 0px; letter-spacing: 0; text-align: right; position: relative; width: 100%; height: auto; opacity: 0.6; } .sales-bady .sales-form .form-div .add-btn:hover{ opacity: 1; } .sales-bady .sales-form .form-div .form-flex{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 80px calc(100% - 80px); border-radius: 5px; } .sales-bady .sales-form .form-div .form-flex > *{ border: none; } /*End Sales*/ .sub-main{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .sub-main .openlead-div{ width: 100%; height: auto; padding: 0; margin: 0 0 30px; position: relative; } .sub-main .openlead-div h2{ font-family: EMprint-Semibold; font-size: 1.25rem; color: #052f5f; line-height: 1.7rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 10px 0; padding: 0; } .sub-main .openlead-div .openlead-card{ width: 100%; height: auto; padding: 30px; margin: 0; box-shadow: 0 2px 19px 0 #ededed; border-radius: 10px !important; border: none !important; outline: none; overflow: hidden; background-color: #ffffff; position: relative; } .sub-main .openlead-div .openlead-card p{ font-family: EMprint-Regular; font-size: 0.85rem; color: #4b5159; line-height: 1.35rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: 0; } .sub-main .openlead-div .openlead-card p i{ color: #2874f0; } .sub-main .openlead-div .openlead-card p span{ font-family: EMprint-Semibold; } .sub-main .openlead-div .openlead-card .table-responsive{ width: 100%; height: auto; padding: 0; margin: 20px 0 0; position: relative; overflow: auto; } .sub-main .openlead-div .openlead-card .table-responsive table{ width: 100%; height: auto; padding: 0; margin: 0; vertical-align: middle; } .sub-main .openlead-div .openlead-card .table-responsive table thead tr{ border: 0px solid #e9ecef; border-bottom-width: 1px; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-family: EMprint-Semibold; font-size: 0.67rem; color: #8392ab; line-height: 1.1rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: .85rem .5rem; text-transform: uppercase; border: 0px solid #e9ecef; } .sub-main .openlead-div .openlead-card .table-responsive table tbody tr{ border: 0px solid #e9ecef; border-bottom-width: 1px; } .sub-main .openlead-div .openlead-card .table-responsive table tbody tr:last-child{ border: none; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-family: EMprint-Regular; font-size: 0.85rem; color: #4b5159; line-height: 1.25rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: .85rem .5rem; border: 0; } .sub-main .openlead-div .openlead-card .table-responsive table td.text-1{ font-family: EMprint-Semibold; } .sub-main .openlead-div .openlead-card .table-responsive table td .font-bold{ font-family: EMprint-Semibold; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.95rem; color: #003fa6; line-height: 1.35rem; font-weight: bold; } .sub-main .assign-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .sub-main .assign-div h2{ font-family: EMprint-Semibold; font-size: 1.25rem; color: #052f5f; line-height: 1.7rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 10px 0; padding: 0; } .sub-main .assign-div .assign-card{ width: 100%; height: auto; padding: 0px; margin: 0; position: relative !important; display: grid; grid-template-columns: 1fr 0.5fr; gap: 30px; } .sub-main .assign-div .assign-card .assign-card-div{ width: 100%; height: auto; padding: 0px; margin: 0; box-shadow: 0 2px 19px 0 #ededed; border-radius: 10px !important; border: none !important; outline: none; overflow: hidden; background-color: #ffffff; position: relative; } .sub-main .assign-div .assign-card .assign-card-div-inn{ width: 100%; height: auto; padding: 10px 25px; margin: 0; background-color: #ffffff; position: relative; display: flex; align-items: center; justify-content: space-between; border-left: 2px solid #ffffff; border-bottom: 1px solid rgba(5,47,95,0.1); } .sub-main .assign-div .assign-card .assign-card-div-inn:hover{ border-left: 2px solid #2874f0; background-color: #f2f7fe; } .sub-main .assign-div .assign-card .assign-card-div-inn:last-child{ border-bottom: none; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left{ width: auto; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: space-between; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 40px; height: 40px; padding: 0; margin: 0 10px 0 0; overflow: hidden; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon img{ width: auto; height: auto; max-width: 100%; border-radius: 50%; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name{ width: auto; height: auto; padding: 0; margin: 0; position: relative; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-family: EMprint-Regular; font-size: 1rem; color: #052f5f; line-height: 1.35rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ font-family: EMprint-Regular; font-size: 0.8rem; color: #4b5159; line-height: 1.3rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right{ width: auto; height: auto; padding: 0; margin: 0; position: relative; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-family: EMprint-Semibold; font-size: 1.4rem; color: #052f5f; line-height: 1.8rem; font-style: normal; font-weight: 400; text-align: center; margin: 0 0 0px 0; padding: 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h5{ font-family: EMprint-Semibold; font-size: 0.8rem; color: #19D57E; line-height: 1.3rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: 0; } .sub-main .assign-div .assign-card .assign-card-div1{ cursor: pointer; position: relative; width: 100%; max-width: 100%; box-shadow: 0 2px 19px 0 #ededed; padding: 30px 20px; width: 100%; height: auto; border-radius: 12px; background: linear-gradient(315.63deg, #d9e5ff 0%, #e1f7ff 60.79%, #bfd6fb 100%); text-align: center; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div1 img{ width: auto; height: auto; max-width: 100%; margin: 0 0 20px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-family: EMprint-Semibold; font-size: 1.2rem; color: #052f5f; line-height: 1.7rem; font-style: normal; font-weight: 400; text-align: center; margin: 0 0 5px 0; padding: 0; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-family: EMprint-Regular; font-size: 0.85rem; color: #052f5f; line-height: 1.25rem; font-style: normal; font-weight: 400; text-align: center; margin: 0 0 0px 0; padding: 0; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ color: #ffffff; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.45rem; font-weight: 300; margin: 15px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 7px 20px; border-radius: 5px; border: none; background: #2874f0; } .card-bady .card-form .form-div input[type=file]{ color: #052f5f; font-family: EMprint-Regular; font-size: 0rem; line-height: 1.5rem; font-weight: 300; padding: 6px 12px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .managelead-div { width: 100%; height: auto; padding: 30px; margin: 0; border: none !important; outline: none; overflow: hidden; background-color: #ffffff; position: relative; } .managelead-div .managelead-card p{ font-family: EMprint-Regular; font-size: 0.85rem; color: #4b5159; line-height: 1.35rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: 0; } .managelead-div .managelead-card p i{ color: #2874f0; } .managelead-div .managelead-card p span{ font-family: EMprint-Semibold; } .managelead-div .managelead-card .table-responsive{ width: 100%; height: auto; padding: 0; margin: 20px 0 0; position: relative; overflow: auto; } .managelead-div .managelead-card .table-responsive table{ width: 100%; height: auto; padding: 0; margin: 0; vertical-align: middle; } .managelead-div .managelead-card .table-responsive table thead{ background: #f7fafe; } .managelead-div .managelead-card .table-responsive table thead tr{ border: 0px solid #e9ecef; border-bottom-width: 1px; } .managelead-div .managelead-card .table-responsive table th{ font-family: EMprint-Semibold; font-size: 0.67rem; color: #8392ab; line-height: 1.1rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: .85rem .5rem; text-transform: uppercase; border: 0px solid #e9ecef; } .managelead-div .managelead-card .table-responsive table tbody tr{ border: 0px solid #e9ecef; border-bottom-width: 1px; } .managelead-div .managelead-card .table-responsive table tbody tr:last-child{ border: none; } .managelead-div .managelead-card .table-responsive table tbody tr:last-child .qualified-container{ margin-bottom: 235px; } .managelead-div .managelead-card .table-responsive table td{ font-family: EMprint-Regular; font-size: 0.85rem; color: #4b5159; line-height: 1.25rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: .85rem .5rem; border: 0; } /* ====== */ .managelead-div .managelead-card .table-responsive table td .qualified-container { position: relative; width: 100%; display: grid; } .lead-status-container .lead-status-option.selected{ color: #ffffff !important; border: none; cursor: pointer; width: 100%; height: auto; padding: 5px 10px; text-align: center; margin: 0; position: relative; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.25rem; font-style: normal; font-weight: 400; border-radius: 5px; } .lead-status-container .lead-status-option.selected[data-value="Lost"] { background-color: #ff0000; } .lead-status-container .lead-status-option.selected[data-value="Not Contacted"] { background-color: #1fb408; } .lead-status-container .lead-status-option.selected[data-value="Attempted Contact"] { background-color: #1fb408; } .lead-status-container .lead-status-option.selected[data-value="Contacted"] { background-color: #1fb408; } .lead-status-container .lead-status-option.selected[data-value="Converted"] { background-color: #1fb408; } .managelead-div .managelead-card .table-responsive table td .qualified-option { cursor: pointer; color: #ffffff !important; background-color: #008000; width: 100%; height: auto; padding: 5px 10px; text-align: center; margin: 0; position: relative; font-family: EMprint-Regular; font-size: 0.85rem; color: #4b5159; line-height: 1.25rem; font-style: normal; font-weight: 400; border-radius: 5px; } .managelead-div .managelead-card .table-responsive table td .dropdown-options { position: absolute; background: #ffffff; z-index: 10; width: 155px; max-width: 200px; padding: 0; margin: 0 0 0; display: none; top: auto; padding: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: grid ; border-radius: 5px; top: 100%; } .managelead-div .managelead-card .table-responsive table td .dropdown-options li { list-style-type: none; display: grid; margin-bottom: 10px; } .managelead-div .managelead-card .table-responsive table td .dropdown-options li span{ width: 100%; height: auto; padding: 5px 10px; text-align: center; margin: 0; position: relative; font-family: EMprint-Regular; font-size: 0.85rem; color: #4b5159; line-height: 1.25rem; font-style: normal; font-weight: 400; border-radius: 5px; } .managelead-div .managelead-card .table-responsive table td .dropdown-options li:hover { background-color: #f0f0f0; } .managelead-div .managelead-card .table-responsive table td .yet-to-qualify { background-color: orange; } .managelead-div .managelead-card .table-responsive table td .qualified { background-color: blue; } .managelead-div .managelead-card .table-responsive table td .unqualified { background-color: red; } .managelead-div .managelead-card .table-responsive table td .new-lead{ background-color: green; } .managelead-div .managelead-card .table-responsive table td .waiting { background-color: #ffd600; } /* ======= */ .managelead-div .managelead-card .table-responsive table td .badge{ width: 100%; padding: 7px 0; font-size: 0.8rem; font-weight: normal; } .managelead-div .managelead-card .table-responsive table td.text-1{ font-family: EMprint-Semibold; } .managelead-div .managelead-card .table-responsive table td .font-bold{ font-family: EMprint-Semibold; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.95rem; color: #003fa6; line-height: 1.35rem; font-weight: bold; } .bg-pending { background: #676DFF !important; color: #FFF !important; } .bg-open { background: #0207b2 !important; color: #FFF !important; } .card-min-height{ min-height: 500px; } .break-1{ width: 100%; height: 20px; } /* ========== End dashboard ========== */ /* lead-details-div */ .lead-details-div{ width: 100%; height: auto; padding: 30px 30px; margin: 0; position: relative; background-color: #ffffff; } .lead-details-div .card-header{ width: 100%; height: auto; padding: 0px; margin: 0; position: relative; background-color: #ffffff; border-radius: 5px; } .lead-details-div .card-header .card-header-top{ width: 100%; height: auto; padding: 0 0px 10px; border-bottom: 1px solid #eaeaea; margin: 0; position: relative; } .lead-details-div .card-header .card-header-top h2{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.75rem; font-weight: 300; padding: 0px 0 5px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .lead-details-div .card-header .card-header-top ul{ position: relative; padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 30px; flex-wrap: wrap; } .lead-details-div .card-header .card-header-top ul li{ padding: 0; margin: 0; position: relative; } .lead-details-div .card-header .card-header-top ul li::after{ position: absolute; content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #aeaeae; top: 50%; transform: translateY(-50%); right: -16px; } .lead-details-div .card-header .card-header-top ul li:last-child::after{ display: none; } .lead-details-div .card-header .card-header-top ul li a{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.8rem; line-height: 1.25rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .lead-details-div .card-header .card-header-top ul li i{ font-size: 0.68rem; } .lead-details-div .card-header .card-header-bottom{ width: 100%; height: auto; padding: 0px; margin: 0; position: relative; } .lead-details-div .card-header .card-header-bottom ul{ position: relative; padding: 0; margin: 0; list-style: none; display: flex; justify-content: space-between; } .lead-details-div .card-header .card-header-bottom ul li{ padding: 10px 10px; margin: 0; position: relative; flex: 1; } .lead-details-div .card-header .card-header-bottom ul li:last-child{ border-right: none; } .lead-details-div .card-header .card-header-bottom ul li h6{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.8rem; line-height: 1.25rem; font-weight: 300; margin: 0px 0 5px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .lead-details-div .card-header .card-header-bottom ul li h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .lead-pipeline{ width: 100%; height: auto; padding: 10px 0; margin: 0; position: relative; } .lead-pipeline h5{ color: #8392ab; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } #lead_pipeline_status{ color: #052f5f; text-transform: uppercase; } .lead-pipeline .pipeline-grid{ width: 100%; height: auto; padding: 0; margin: 10px 0 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 15px; } .lead-pipeline .pipeline-grid .pipeline-div{ width: 100%; height: auto; padding: 10px 10px; margin: 0; color: #052f5f; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; letter-spacing: 0; text-align: center; position: relative; border-radius: 5px; background: #eaeaea; } .lead-pipeline .pipeline-grid .pipeline-div.active1{ color: #1fb408; background: #1fb40821; } .lead-pipeline .pipeline-grid .pipeline-div.active2{ color: #ffffff; background: #1fb408; } .lead-pipeline .pipeline-grid .pipeline-div.arrow::before{ position: absolute; content: '\f00c'; font-size: 0.8rem; line-height: 1.35rem; color: #1fb408; font-family:'FontAwesome'; margin-left: -20px; } .lead-pipeline .pipeline-grid .pipeline-div.arrow.active2::before { color: #ffffff !important; } .lead-pipeline .pipeline-lead-status-change{ width: auto; height: auto; padding: 0; margin: 0; position: relative; } .lead-pipeline .pipeline-lead-status-change .pipeline-lead-status-change-text{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: right; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; text-decoration: underline; border: none; background-color: transparent; } .lead-pipeline .pipeline-lead-status-change .dropdown-options{ position: absolute; background: #ffffff; z-index: 10; width: 100%; min-width: 200px; padding: 0; margin: 0; display: none; top: 100%; right: 0; padding: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px; z-index: 9999; } .lead-pipeline .pipeline-lead-status-change .dropdown-options li{ list-style-type: none; display: grid; margin-bottom: 10px; } .lead-pipeline .pipeline-lead-status-change .dropdown-options li span{ width: 100%; height: auto; padding: 5px 10px; text-align: center; margin: 0; position: relative; font-family: EMprint-Regular; font-size: 0.85rem; color: #4b5159; line-height: 1.25rem; font-style: normal; font-weight: 400; border-radius: 5px; background-color: #eaeaea; } .lead-pipeline .pipeline-lead-status-change .dropdown-options.active{ display: block; } .lead-tabs{ width: 100%; height: auto; padding: 15px 0; margin: 0; position: relative; } .lead-tabs .lead-tabs-inn{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .lead-tabs .lead-tabs-inn .nav-tabs{ display: flex; align-items: center; justify-content: start; position: relative; } .lead-tabs .lead-tabs-inn .nav-tabs button{ width: auto; height: auto; position: relative; padding: 8px 25px; margin: 0; border: none; position: relative; color: #052f5f; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.45rem; font-weight: 300; letter-spacing: 0; } .lead-tabs .lead-tabs-inn .nav-tabs { border-bottom: 1px solid #dee2e6 !important; } .lead-tabs .lead-tabs-inn .nav-tabs button.active::before{ position: absolute; content: ''; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: #2874f0; } .lead-tabs .lead-tabs-inn .nav-tabs button.active::after{ position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: -10px; width: 0; height: 0; /* background-color: #2874f0; */ border-left: 5px solid #2874f00d; border-right: 5px solid #2874f000; border-top: 5px solid #2874f0; border-bottom: 5px solid #2874f000; } .lead-tabs .lead-tabs-inn .nav-tabs button.active{ color: #2874f0; } .lead-details-main-div{ width: 100%; height: auto; padding: 30px 0 10px; margin: 0; position: relative; } .lead-details-main-div .lead-details-head{ position: relative; width: 100%; height: auto; padding: 0; margin: 0; } .lead-details-main-div .lead-details-head h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 5px 15px; border-radius: 5px; border: none; text-decoration: none; background-color: #eaeaea; } .lead-details-main-div .lead-grid{ width: 100%; height: auto; padding: 0; margin: 30px 0 0; display: grid; grid-template-columns: 1fr; gap: 5px; position: relative; } .lead-details-main-div .lead-grid .lead-grid-inn{ display: grid; width: 100%; height: auto; padding: 0; position: relative; grid-template-columns: 155px calc(90% - 200px); gap: 30px; } .lead-details-main-div .lead-grid .lead-grid-inn .lead-grid-div1{ width: 100%; height: auto; padding: 0; margin: 0; } .lead-details-main-div .lead-grid .lead-grid-inn .lead-grid-div1 h6{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0px; letter-spacing: 0; text-align: right; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .lead-details-main-div .lead-grid .lead-grid-inn .lead-grid-div2{ width: 100%; height: auto; padding: 0; margin: 0; } .lead-details-main-div .lead-grid .lead-grid-inn .lead-grid-div2 h5{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .lead-details-main-div .lead-grid .lead-grid-inn .lead-grid-div2 .lead-status{ padding: 0; margin: 0; } .lead-details-main-div .lead-grid .lead-grid-inn .lead-grid-div2 .lead-status span{ color: #ffffff !important; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 5px 20px; border-radius: 5px; border: none; text-decoration: none; background-color: #1fb408; } .line-h2{ line-height: 2.2rem !important; } .lead-grid-div2-dropdown{ position: relative; display: flex; } .lead-status-dropdown-options{ position: absolute; background: #ffffff; z-index: 10; width: 100%; min-width: 200px; padding: 0; margin: 0; display: none; top: 100%; left: 0; padding: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px; z-index: 9999; max-width: 250px; } .lead-status-dropdown-options li{ list-style-type: none; display: grid; margin-bottom: 10px; } .lead-status-dropdown-options li span{ width: 100%; height: auto; padding: 5px 10px; text-align: center; margin: 0; position: relative; font-family: EMprint-Regular; font-size: 0.85rem; color: #4b5159; line-height: 1.25rem; font-style: normal; font-weight: 400; border-radius: 5px; background-color: #eaeaea; } .lead-grid-div2-dropdown:hover .lead-status-dropdown-options{ display: block; } .lead-details-main-div .task-inn{ width: 100%; height: auto; padding: 30px 0 0; margin: 0; position: relative; } .lead-details-main-div .task-inn .form-div{ width: 100%; height: auto; padding: 0; margin: 0 0 8px; position: relative; } .lead-details-main-div .task-inn .form-div label{ color: #898c91; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 3px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; } .lead-details-main-div .task-inn .form-div input{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 5px 10px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .lead-details-main-div .task-inn .form-div select{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 8px 10px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .lead-details-main-div .task-inn .form-div .form-flex3{ display: flex; align-items: center; justify-content: space-between; gap: 7px; } .lead-details-main-div .task-inn .form-div .form-flex4{ position: relative; } .lead-details-main-div .task-inn .form-div .form-flex4 input{ padding-right: 50px; } .lead-details-main-div .task-inn .form-div .form-flex4 i{ position: absolute; right: 10px; top: 12px; color: #000000; font-size: 0.7rem; font-weight: 100; } .lead-details-main-div .task-inn .form-div textarea{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 5px 10px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } .lead-details-main-div .task-inn .save-btn{ color: #ffffff; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.45rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 7px 40px; border-radius: 5px; border: none; background: #2874f0; } .lead-details-main-div .task-inn .form-div .slider.round { border-radius: 34px; } .lead-details-main-div .task-inn .form-div .slider.round:before { border-radius: 50%; } .lead-details-main-div .task-inn .form-div .switch { position: relative; display: inline-block; width: 55px; height: 27px; } .lead-details-main-div .task-inn .form-div .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .lead-details-main-div .task-inn .form-div .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3.5px; bottom: 3.5px; background-color: white; -webkit-transition: .4s; transition: .4s; } .lead-details-main-div .task-inn .form-div .slider.active:before { -webkit-transform: translateX(28px); -ms-transform: translateX(28px); transform: translateX(28px); } .lead-details-main-div .task-inn .form-div .slider.active{ background-color: #2874f0; } .lead-details-main-div .task-inn .form-div.reminder-div{ display: flex; align-items: center; justify-content: start; gap: 20px; } .lead-details-main-div .task-inn .form-div.reminder-div label{ width: auto; } .lead-details-main-div .task-inn .form-div.reminder-div .reminder-item{ min-width: calc(100% - 210px); height: auto; display: flex; gap: 10px; align-items: center; justify-content: start; padding: 0 0 0 35px; margin: 0; visibility: hidden; } .lead-details-main-div .task-inn .form-div.reminder-div .reminder-item input{ width: auto; border: none; border-bottom: 1px solid #052f5f; border-radius: 0; padding: 4px 5px; } .lead-details-main-div .task-inn .form-div.reminder-div .reminder-item select{ width: auto; border: none; border-bottom: 1px solid #052f5f; border-radius: 0; padding: 4px 5px; } .lead-details-main-div .task-inn .form-div.reminder-div .reminder-item span{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .lead-details-main-div .task-inn .form-div.reminder-div .reminder-item.active{ visibility: visible; } /* activity-grid */ .lead-details-main-div .activity-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr; gap: 20px; } .lead-details-main-div .activity-grid::before{ position: absolute; content: ''; left: 64px; top: 0; width: 0; height: 100%; border-right: 3px dashed #f1f1f1; } .lead-details-main-div .activity-grid::after{ position: absolute; content: ''; left: 58px; bottom: 0; width: 15px; height: 15px; background-color: #2874f0; border-radius: 50%; } .activity-grid .activity-top{ width: 100%; height: auto; padding: 0 30px; margin: 0 0 40px; position: relative; } .activity-grid .activity-top .activity-btn{ color: #ffffff; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.45rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 8px 25px; border-radius: 5px; border: none; background-color: #2874f0; } .activity-grid .activity-div{ width: 100%; height: auto; padding: 0 30px; margin: 0; position: relative; display: grid; grid-template-columns: 60px calc(100% - 70px); gap: 10px; } .activity-grid .activity-div .activity-icon{ width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; margin: 7px 0 0 25px; background-color: #eaeaea; } .activity-grid .activity-div .activity-icon .circle{ width: 10px; height: 10px; border-radius: 50%; background-color: #1fb408; } .activity-grid .activity-div .activity-content{ width: 100%; height: auto; padding: 20px 20px; margin: 0; position: relative; border: 1px solid #eaeaea; border-radius: 5px; } .activity-grid .activity-div .activity-content::before{ position: absolute; content: ''; left: -10px; top: 10px; width: 0px; height: 0; width: 10px; height: 15px; clip-path: polygon(100% 0%, 0% 50%, 100% 100%); background-color: #eaeaea; } .activity-grid .activity-div .activity-content h5{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.45rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .activity-grid .activity-div .activity-content h5 span{ font-family: EMprint-Semibold; } .activity-grid .activity-div .activity-content h6{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.75rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; padding: 0px; text-decoration: none; } .activity-grid .activity-div.completed .activity-icon .circle{ background-color: #1fb408; } .activity-grid .activity-div.ongoing .activity-icon .circle{ background-color: #052f5f; } .activity-grid .activity-div.ongoing .activity-content::before{ background-color: #052f5f; } .task-table .qualified-option{ min-width: 100px; width: auto !important; } .heading-text{ font-family: EMprint-Semibold; font-size: 1.25rem; color: #052f5f; line-height: 1.7rem; font-style: normal; font-weight: 400; text-align: left; margin: 30px 0 10px 20px; padding: 0; } .active-clr{ color: #2874f0 !important; } .heading-text span{ font-family: EMprint-Semibold; font-size: 0.7rem; color: #8392ab; line-height: 1.2rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; text-transform: uppercase; padding: 0; position: relative; } .closed-clr{ color: #1fb408 !important; } .line-through{ text-decoration: line-through; font-style: italic !important; color: #8392ab !important; font-size: 0.85rem !important; } .break-line{ width: 100%; height: auto; padding: 0; margin: 30px 0; border-bottom: 1px solid #052f5f1a; } .header-top-main-btn{ width: 100%; height: auto; padding: 0 0px; margin: -30px 0 10px; display: flex; align-items: center; justify-content: end; gap: 6px; } .header-top-main-btn .previous-btn{ width: auto; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; } .header-top-main-btn .previous-btn a{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.45rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 7px 10px; border-radius: 5px; border: none; background: #f0f0f0; } .header-top-main-btn .edit-btn{ width: auto; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; } .header-top-main-btn .edit-btn a{ color: #ffffffd6; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 7px 10px; border-radius: 5px; border: none; background: #2874f0; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 3px; } .header-top-main-btn .delete-btn{ width: auto; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; } .header-top-main-btn .delete-btn button{ box-shadow: none; border: none; padding: 0; background-color: transparent; } .header-top-main-btn .delete-btn a{ color: #ffffffd6; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 7px 10px; border-radius: 5px; border: none; background: #db0215; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 3px; text-decoration: none; } .header-top-main-btn .delete-btn a:hover{ color: #ffffff; } .domain-delete-btn{ color: #db0215; font-family: EMprint-Semibold; font-size: 0.7rem; line-height: 1.25rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 110px; height: auto; padding: 6px 0 6px 12px; border-radius: 5px; border: none; text-decoration: none; float: right; background-color: transparent; } .domain-delete-btn::before{ position: absolute; content: '\f1f8'; font-family:'FontAwesome'; font-size: 0.75rem; line-height: 1.25rem; color: #db0215; left: 0; } .card-bady .card-form .form-div .domain-container input{ width: calc(100% - 120px); float: left; margin: 0 0 10px; } #add-domain{ color: #898c91; font-family: EMprint-Regular; font-size: 0.75rem; line-height: 1.25rem; font-weight: 300; padding: 0; margin: 3px 0 3px; letter-spacing: 0; text-align: right; position: relative; width: 100%; height: auto; background-color: transparent; border: none; } #message{ font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.25rem; font-weight: 300; padding: 0; margin: 0 0 0.2rem; } #domain-list{ margin: 30px 0 0 0; position: relative; } .visible-hidden{ opacity: 0.3; } /* End activity-grid */ .note-main-div{ width: 100%; height: auto; padding: 0; margin: 20px 0 0; position: relative; } .note-main-div #add-note{ color: #898c91; font-family: EMprint-Regular; font-size: 0.75rem; line-height: 1.25rem; font-weight: 300; padding: 0; margin: 3px 0 3px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; background-color: transparent; border: none; } .note-main-div .note-main{ width: 100%; height: auto; padding: 0; margin: 20px 0 0; position: relative; } .note-main-div .note-main .card-form{ width: 70%; height: auto; padding: 25px 30px; margin: 30px auto 0; position: relative; border: 1px solid #dddddd; border-radius: 5px; } .note-main-div .note-main .card-form .form-div{ width: 100%; height: auto; padding: 0; margin: 0 0 10px; position: relative; } .note-main-div .note-main .card-form .form-div label{ color: #898c91; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 3px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; } .note-main-div .note-main .card-form .form-div input{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 6px 12px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; width: 100%; height: auto; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dddddd; } #newCategoryDiv{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: #0000004e; z-index: 9999; overflow: hidden; display: flex; align-items: center; justify-content: center; } #newCategoryDiv .newCategory-inn{ width: 600px; height: auto; padding: 40px; background-color: #ffffff; border-radius: 5px; top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); } #newCategoryDiv .newCategory-inn h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.3rem; line-height: 1.85rem; font-weight: 300; padding: 0; margin: 0 0 20px; letter-spacing: 0; text-align: left; position: relative; } #newCategoryDiv .newCategory-inn label{ margin-bottom: 10px; } #newCategoryDiv .newCategory-inn input{ margin-bottom: 20px; } .form-field-img{ font-size: 0.8rem !important; border: none !important; padding: 0 !important; } .form-div-sub1{ width: 100%; height: auto; position: relative; padding: 0; margin: 0; display: grid; grid-template-columns: 60% 40%; border: 1px solid #dddddd; border-radius: 5px; } .form-div-sub1 input{ border: none !important; } .form-div-sub1 select{ border: none !important; background-color: #dddddd; border-radius: none; } /* End lead-details-div */ /* admin-dropdown */ .admin-dropdown{ position: relative; padding: 0 0 15px !important; } .admin-dropdown .admin-dropdown-menu{ position: absolute; right: 0; top: 100%; background-color: #ffffff; padding: 20px 20px; border-radius: 5px; box-shadow: 0 2px 19px 0 #ededed; min-width: 18rem; display: none; } .dashboard nav.navbar .navbar-right .navbar-admin.admin-dropdown:hover .admin-dropdown-menu{ display: block; } .admin-dropdown .admin-dropdown-menu::before{ position: absolute; content: ''; width: 20px; height: 15px; right: 0; top: -15px; background-color: #f0f0f0; clip-path: polygon(0% 100%, 100% 100%, 50% 0%); } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div{ width: 100%; height: auto; padding: 0 0 10px; margin: 0; display: flex; align-items: start; justify-content: start; gap: 10px; border-bottom: 1px solid rgba(0,0,0,.125); } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div .admin-dropdown-icon{ width: 40px; height: 40px; border-radius: 50%; background-color: #2874f0; display: flex; align-items: center; justify-content: center; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div .admin-dropdown-icon span{ color: #ffffff; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.75rem; font-weight: 300; padding: 0px 0 0px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div .admin-dropdown-cnt{ width: auto; height: auto; padding: 0; margin: 0; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div .admin-dropdown-cnt .admin-name{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; text-decoration: none; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div .admin-dropdown-cnt .admin-email{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div1{ width: 100%; height: auto; padding: 10px 0 10px; margin: 0; border-bottom: 1px solid rgba(0,0,0,.125); } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div1 h6{ font-family: EMprint-Semibold; font-size: 0.7rem; color: #8392ab; line-height: 1.1rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 5px 0; text-transform: uppercase; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div1 h5{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.8rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 3px; letter-spacing: 0; text-align: left; position: relative; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div2{ width: 100%; height: auto; padding: 15px 0 10px; margin: 0; border-bottom: 1px solid rgba(0,0,0,.125); } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div2 h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 7px; letter-spacing: 0; text-align: left; position: relative; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div2 h4 a{ text-decoration: none; color: #052f5f; display: flex; align-items: center; justify-content: start; gap: 6px; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div3{ width: 100%; height: auto; padding: 15px 0 10px; margin: 0; border-bottom: 1px solid rgba(0,0,0,.125); } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div3 h6{ font-family: EMprint-Semibold; font-size: 0.7rem; color: #8392ab; line-height: 1.1rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 5px 0; text-transform: uppercase; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div3 ul{ width: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; height: auto; padding: 0 0 0 20px; margin: 10px 0 5px; position: relative; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div3 ul li{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0px; letter-spacing: 0; text-align: left; position: relative; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div3 ul li a{ text-decoration: none; color: #052f5f; display: flex; align-items: center; justify-content: start; gap: 6px; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div4{ width: 100%; height: auto; padding: 15px 0 10px; margin: 0; } .admin-dropdown .admin-dropdown-menu .admin-dropdown-div4 .logout-btn{ width: auto; height: auto; display: flex; align-items: center; justify-content: start; color: #052f5f; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0px; letter-spacing: 0; text-align: left; position: relative; gap: 5px; text-transform: uppercase; } /* End admin-dropdown */ /* profile-details */ .profile-details{ width: 100%; height: auto; padding: 30px 30px; margin: 0; position: relative; background-color: #ffffff; } .profile-details .card-header{ width: 100%; height: auto; padding: 0px; margin: 0; position: relative; background-color: #ffffff; border-radius: 5px; border-bottom: 1px solid #eaeaea; } .profile-details .card-header .card-header-top{ width: 100%; height: auto; padding: 0 0px 5px; border-bottom: 1px solid #eaeaea; margin: 0; position: relative; } .profile-details .card-header .card-header-top h2{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.75rem; font-weight: 300; padding: 0px 0 15px; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .profile-details .card-header .card-header-top h2 span{ color: #1fb408; border: 1px solid #1fb408; border-radius: 8px; padding: 6px 12px; margin-left: 20px; font-size: 0.8rem; line-height: 1.35rem; } .profile-details .card-header .card-header-top ul{ position: relative; padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 30px; flex-wrap: wrap; } .profile-details .card-header .card-header-top ul li{ padding: 0; margin: 0; position: relative; } .profile-details .card-header .card-header-top ul li a{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.8rem; line-height: 1.25rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .profile-details .card-header .card-header-top ul li i{ font-size: 0.75rem; } .profile-details .card-header .card-header-top h6{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 10px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .profile-details .card-header .card-header-bottom{ width: 100%; height: auto; padding: 0px; margin: 0; position: relative; } .profile-details .card-header .card-header-bottom ul{ position: relative; padding: 0; margin: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .profile-details .card-header .card-header-bottom ul li{ padding: 10px 10px; margin: 0; position: relative; } .profile-details .card-header .card-header-bottom ul li h6{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.8rem; line-height: 1.25rem; font-weight: 300; margin: 0px 0 5px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .profile-details .card-header .card-header-bottom ul li h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.35rem; font-weight: 300; margin: 0px 0 0px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } /* End profile-details */ /* user-details */ .user-details { background-color: transparent; box-shadow: none; } .user-details .card-body{ padding: 0; } .user-details .lead-tabs .lead-tabs-inn .nav-tabs button.active{ background-color: transparent; } .user-details .card-content{ background-color: #ffffff; box-shadow: 0 2px 19px 0 #ededed; padding: 20px; margin-top: 30px; } .user-details .user-status-btn{ position: relative; display: inline-block; width: 55px; height: 27px; background-color: #1fb408; border-radius: 34px; transition: .4s; cursor: pointer; } .user-details .user-status-btn::before{ position: absolute; content: ""; height: 20px; width: 20px; left: 3.5px; bottom: 3.5px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; transform: translateX(28px); } .user-details .lead-details-main-div p{ color: #8392ab; font-family: EMprint-Regular; font-size: 0.8rem; line-height: 1.25rem; font-weight: 300; margin: 40px 0 5px; letter-spacing: 0; text-align: left; position: relative; width: auto; height: auto; padding: 0px; border-radius: 5px; border: none; text-decoration: none; } .user-details .lead-details-main-div p span{ color: #ff0000; } .overview-grid .overview-div-3 .overview-div3-inn .filter-dropdown-item{ display: flex; align-items: center; justify-content: end; padding: 0px; margin: 0 0 10px; position: relative; color: #052f5f; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.3rem; font-weight: 300; letter-spacing: 0; gap: 5px; } .overview-grid .overview-div-3 .overview-div3-inn .filter-dropdown-item select{ box-shadow: none; outline: none; color: #052f5f; padding: 5px 10px; border: 1px solid #f1f2f2; border-radius: 5px; } /* End user-details */ /* overview-content */ .overview-grid{ width: 100%; height: auto; padding: 20px; margin: 0; position: relative; display: flex; flex-wrap: wrap; background-color: #ffffff; } .overview-grid .overview-div1{ width: 70%; height: auto; padding: 0px; margin: 0; position: relative; } .overview-grid .overview-div1 .overview-div1-main{ width: 100%; height: auto; padding: 0px; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; border-bottom: 1px solid #f1f1f1; } .overview-grid .overview-div1 .overview-div1-inn{ width: 100%; height: auto; padding: 0px 10px 10px; margin: 0; position: relative; border-right: 1px solid #f1f1f1; } .overview-grid .overview-div1 .overview-div1-inn:last-child{ border-right: none; } .overview-grid .overview-div1 .overview-div1-inn .overview-div1-inn-left{ width: 100%; height: auto; padding: 0 130px 0 0; margin: 0; position: relative; float: left; } .overview-grid .overview-div1 .overview-div1-inn h5{ color: #052f5f; font-family: EMprint-Semibold; font-size: 0.9rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 8px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div1 .overview-div1-inn h3{ color: #052f5f; font-family: EMprint-Semibold; font-size: 2.5rem; line-height: 2.9rem; font-weight: 300; padding: 0; margin: 0 0 3px; text-align: left; position: relative; letter-spacing: 0; } .overview-grid .overview-div1 .overview-div1-inn p{ color: #bebebe; font-family: EMprint-Regular; font-size: 0.75rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div1 .overview-div1-inn p .positive{ color: #02f14e; } .overview-grid .overview-div1 .overview-div1-inn p .positive i{ font-size: 0.7rem; font-weight: normal; } .overview-grid .overview-div1 .overview-div1-inn .overview-div1-inn-right{ width: auto; height: auto; padding: 0; margin: 0; position: absolute; right: 10px; top: 0; } .overview-grid .overview-div1 .overview-div1-inn .overview-div1-inn-right .chart-area1, .overview-grid .overview-div1 .overview-div1-inn .overview-div1-inn-right .chart-area2, .overview-grid .overview-div1 .overview-div1-inn .overview-div1-inn-right .chart-area3 { width: 100px; height: 100px; margin: 0px auto; display: inline-block; border-radius: 50%; overflow: hidden; color: #052f5f; font-family: EMprint-Semibold; font-size: 0.75rem; line-height: 1.35rem; font-weight: 300; } .overview-grid .overview-div1 .overview-div1-inn .overview-div1-inn-right .ratingtext { font-size: 0.6em; } .overview-grid .overview-div2{ width: 30%; height: auto; padding: 10px 0 20px 20px; margin: 0; position: relative; border-bottom: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; } .overview-grid .overview-div2 h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.75rem; font-weight: 300; padding: 0; margin: 0 0 8px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div2 .activity-list{ list-style: none; padding: 0; margin: 20px 0 0; position: relative; width: 100%; height: auto; gap: 13px; display: grid; max-height: 176px; overflow-y: auto; } .overview-grid .overview-div2 .activity-list li{ width: auto; height: auto; padding: 0 0 0 20px; margin: 0; } .overview-grid .overview-div2 .activity-list li h5{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1rem; line-height: 1.5rem; font-weight: 300; padding: 0; margin: 0 0 5px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div2 .activity-list li h5::before{ position: absolute; left: -20px; top: 6px; content: ''; width: 10px; height: 10px; border-radius: 2px; } .overview-grid .overview-div2 .activity-list li:nth-child(1) h5::before{ background-color: #ff00eb; } .overview-grid .overview-div2 .activity-list li:nth-child(2) h5::before{ background-color: #0058f2; } .overview-grid .overview-div2 .activity-list li:nth-child(3) h5::before{ background-color: #ffb800; } .overview-grid .overview-div2 .activity-list li:nth-child(4) h5::before{ background-color: #00ff2a; } .overview-grid .overview-div2 .activity-list li:nth-child(5) h5::before{ background-color: #00b1f2; } .overview-grid .overview-div2 .activity-list li .activity-cnt{ position: relative; width: auto; height: auto; padding: 0; margin: 0; } .overview-grid .overview-div2 .activity-list li .activity-cnt::before{ position: absolute; content: ''; left: -16px; top: 0; width: 1px; height: 100%; background-color: #ededed; } .overview-grid .overview-div2 .activity-list li .activity-cnt span{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.35em; font-weight: 300; padding: 0; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div2 .activity-list li .activity-cnt .d-flex{ gap: 6px; } .overview-grid .overview-div2 .activity-list li .activity-cnt .time{ color: #bebebe; font-family: EMprint-Regular; font-size: 0.75rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div1 .overview-overview{ width: 100%; height: auto; padding: 20px 10px; margin: 0; position: relative; border-bottom: 1px solid #f1f1f1; } .overview-grid .overview-div1 .overview-overview h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.75rem; font-weight: 300; padding: 0; margin: 0 0 8px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div1 .overview-overview .filter-dropdown-item{ display: flex; align-items: center; justify-content: end; padding: 0; margin: 0; position: relative; color: #052f5f; font-family: EMprint-Regular; font-size: 0.85rem; line-height: 1.3rem; font-weight: 300; letter-spacing: 0; gap: 5px; } .overview-grid .overview-div1 .overview-overview .filter-dropdown-item select{ border: none; box-shadow: none; outline: none; color: #052f5f; } .overview-grid .overview-div1 .overview-overview .overview-overview-main{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1{ width: 100%; height: auto; padding: 0 0px 0 0; margin: 10px 0 25px; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div3{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div3 h6{ color: #bebebe; font-family: EMprint-Regular; font-size: 0.75rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div3 h3{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.5rem; line-height: 2.2rem; font-weight: 300; padding: 0; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div3::before { position: absolute; content: ''; width: 4px; height: 80%; top: 50%; transform: translateY(-50%); right: 15px; background-color: #efefef; border-radius: 5px; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div3:last-child::before { display: none; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div4{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div4 ul{ list-style: none; width: 100%; height: auto; padding: 0; margin: 0; display: flex; align-items: center; justify-content: end; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div4 ul li{ padding: 0 0 0 20px; margin: 0; position: relative; width: auto; height: auto; color: #052f5f; font-family: EMprint-Semibold; font-size: 0.85rem; line-height: 1.35rem; font-weight: 300; letter-spacing: 0; text-align: left; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div4 ul li::before{ position: absolute; left: 10px; top: 8px; content: ''; width: 6px; height: 6px; border-radius: 2px; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div4 ul li:nth-child(1)::before{ background-color: #ff00eb; } .overview-grid .overview-div1 .overview-overview .overview-overview-main .overview-grid1 .overview-div4 ul li:nth-child(2)::before{ background-color: #0058f2; } .overview-grid .overview-div1 .overview-overview .overview-overview-main canvas{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .overview-grid .overview-div2 .breake-1{ width: 100%; height: 1px; background-color: #f1f1f1; margin: 30px 0; } .overview-grid #salesChart{ width: 100%; height: auto; padding: 0; margin: 0; color: #052f5f; font-family: EMprint-Semibold; font-size: 0.8rem; line-height: 1.3rem; font-weight: 300; letter-spacing: 0; text-align: left; } .overview-grid .overview-div-3 { width: 100%; height: auto; padding: 0px; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr; } .overview-grid .overview-div-3 .overview-div3-inn{ width: 100%; height: auto; padding: 20px 20px; margin: 0; position: relative; } .overview-grid .overview-div-3 .overview-div3-inn h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.75rem; font-weight: 300; padding: 0; margin: 0 0 8px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div-3 .overview-div3-inn1{ width: 100%; height: auto; padding: 20px 20px; margin: 0; position: relative; border-left: 1px solid #f1f1f1; } .overview-grid .overview-div-3 .overview-div3-inn1 h4{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.2rem; line-height: 1.9rem; font-weight: 300; padding: 0; margin: 0 0 8px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div-3 .overview-div3-inn1 .overview-div3-inn1-grid{ width: 100%; height: auto; padding: 0px; margin: 30px 0 0; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 15px 15px; } .overview-grid .overview-div-3 .overview-div3-inn1 .overview-div3-inn1-grid .overview-div3-inn1-div{ width: 100%; height: auto; padding: 15px 20px; margin: 0; position: relative; background-color: #f2f7fe; border-radius: 5px; } .overview-grid .overview-div-3 .overview-div3-inn1 .overview-div3-inn1-grid .overview-div3-inn1-div h5{ color: #052f5f; font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; font-weight: 300; padding: 0; margin: 0 0 5px; letter-spacing: 0; text-align: left; position: relative; } .overview-grid .overview-div-3 .overview-div3-inn1 .overview-div3-inn1-grid .overview-div3-inn1-div h3{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1.5rem; line-height: 2rem; font-weight: 300; padding: 0; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } /* End dashboard-content */ .navbar-right-mobile{ display: none; } /* === @media (min-width: 500px) and (max-width: 2998.98px) === */ @media (min-width: 5000px){ html{ font-size: 0.8vw !important; } .dashboard nav.navbar{ padding: 0px 0; } .dashboard nav.navbar .container{ max-width: 85%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.3rem; line-height: 1.85rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.95rem; line-height: 1.45rem; padding: 0.6vw 1.3vw; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 0.5vw 1vw; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 1vw; height: 1vw; } .dashboard .dashboard-main{ padding: 0 0 2vw; max-width: 85%; margin: 5.5vw auto 0; min-height: calc(100vh - 5.5vw); } .dashboard .dashboard-main aside{ top: 5.5vw; padding: 0.4vw 0.4vw; width: 13%; max-height: calc(100vh - 6vw); } .dashboard .dashboard-main aside .navbar-nav{ gap: 0.4vw; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 0.4vw 0.4vw; gap: 0.4vw; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 1vw; height: 1vw; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 0; } .dashboard .dashboard-main .main-content .content-inn{ width: 82%; margin: 0 0 0 auto; } .card .card-tabs .nav-tabs button{ padding: 0.7vw 1.5vw; font-size: 0.95rem; line-height: 1.45rem; } .card-bady .card-form{ padding: 2vw 2vw; } .card-bady .card-form .row .col{ padding: 0 0.75vw; } .card-bady .card-form .form-div{ margin: 0 0 1vw; } .card-bady .card-form .form-div label{ margin: 0 0 8px; } .card-bady .card-form .form-div input{ font-size: 0.9rem; line-height: 1.45rem; padding: 0.4vw 1vw; } .card-bady .card-form .form-div select{ font-size: 0.9rem; line-height: 1.45rem; padding: 0.4vw 1vw; } .card-bady .card-form .form-div .form-flex select{ padding: 0.2vw 0.2vw; } .card-bady .card-form .form-div textarea{ font-size: 0.9rem; line-height: 1.45rem; padding: 0.4vw 1vw; } .card-bady .card-form .save-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 0.4vw 2vw; } .managelead-div{ padding: 2vw 1.6vw; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table{ vertical-align: text-top; } .table>thead { vertical-align: text-top; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: 1vw 0.4vw; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: 1vw 0.4vw; } .managelead-div .managelead-card .table-responsive table td .badge{ padding: 0.5vw 0.2vw; font-size: 0.85rem; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 1rem; } .sub-main .openlead-div .openlead-card{ padding: 1.5vw; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 0.7vw 0; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 20px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: text-top; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: 1vw 0.4vw; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: 1vw 0.4vw; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div{ margin: 0 0 1.6vw; } .sub-main .assign-div h2{ margin: 0 0 0.6vw 0; font-size: 1.15rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 85%; margin: 0 0 0.7vw; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.9rem; line-height: 1.3rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.9rem; line-height: 1.45rem; margin: 1.2vw 0 0px; padding: 0.4vw 1.6vw; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 2vw 2vw; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 0.7vw 1.2vw; } .sub-main .assign-div .assign-card{ gap: 2vw; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 1.5vw; height: 1.5vw; margin: 0 0.75vw 0 0; } .sub-main .assign-div .assign-card .assign-card-div-inn:hover { border-left: 0.2vw solid #2874f0; background-color: #f2f7fe; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 1rem; line-height: 1.45rem; margin-bottom: 0.2vw; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ line-height: 1.2rem; font-size: 0.85rem; } .dashboard nav.navbar .navbar-header{ min-width: 14%; } .dashboard nav.navbar .navbar-right{ min-width: 86%; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 4vw; } .card-bady .card-form .form-div .form-flex{ grid-template-columns: 4vw calc(100% - 4vw); } .sub-main.mt-4{ margin-top: 1.5vw !important; } .loginmain-section{ padding: 4rem 0; } .loginmain-section .loginmain-main .loginmain-left{ padding: 120px 120px; } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 350px; } .loginmain-section .loginmain-main h2{ font-size: 2rem; line-height: 2.5rem; margin: 25px 0 25px; } .loginmain-section .loginmain-main h5{ margin: 0 0 50px; } .loginmain-section .loginmain-main .loginmain-form{ margin: 0px 0 60px; gap: 75px; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ padding: 30px 35px; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ padding: 30px 30px; } .loginmain-section .loginmain-main h6{ margin: 0 0 50px; } .loginmain-section .loginmain-main .login-grid{ gap: 12px; } .loginmain-section .loginmain-main .login-grid li{ width: 125px; height: 125px; } .loginmain-section .loginmain-right img{ max-height: 100%; } .loginmain-section .loginmain-right h3{ font-size: 1.8rem; line-height: 2.4rem; margin: 20px 0 60px; } .loginmain-section .loginmain-main .text{ margin: 45px 0 0px; } .loginmain-section .loginmain-right{ padding: 120px 120px; } .loginmain-section .loginmain-right ul{ padding: 0 0 0 65px; } } /* === @media (min-width: 3000px) and (max-width: 2998.98px) === */ @media (min-width: 3000px) and (max-width: 4998.98px){ html{ font-size: 2rem !important; } .dashboard nav.navbar{ padding: 0px 0; } .dashboard nav.navbar .container{ max-width: 85%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.3rem; line-height: 1.85rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.95rem; line-height: 1.45rem; padding: 20px 40px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 10px 20px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 40px; height: 40px; } .dashboard .dashboard-main{ padding: 0 0 65px; max-width: 85%; margin: 240px auto 0; min-height: calc(100vh - 240px); } .dashboard .dashboard-main aside{ top: 240px; padding: 25px 25px; width: 480px; max-height: calc(100vh - 260px); } .dashboard .dashboard-main aside .navbar-nav{ gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 20px 20px; gap: 10px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 45px; height: 45px; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 550px; } .card .card-tabs .nav-tabs button{ padding: 20px 50px; font-size: 0.95rem; line-height: 1.45rem; } .card-bady .card-form{ padding: 60px 80px; } .card-bady .card-form .row .col{ padding: 0 25px; } .card-bady .card-form .form-div{ margin: 0 0 35px; } .card-bady .card-form .form-div label{ margin: 0 0 8px; } .card-bady .card-form .form-div input{ font-size: 0.9rem; line-height: 1.45rem; padding: 12px 20px; } .card-bady .card-form .form-div select{ font-size: 0.9rem; line-height: 1.45rem; padding: 19px 15px; } .card-bady .card-form .form-div .form-flex select{ padding: 5px 5px; } .card-bady .card-form .form-div textarea{ font-size: 0.9rem; line-height: 1.45rem; padding: 10px 15px; } .card-bady .card-form .save-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 15px 90px; } .managelead-div{ padding: 60px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table{ vertical-align: text-top; } .table>thead { vertical-align: text-top; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: 1rem .5rem; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: 1rem .5rem; } .managelead-div .managelead-card .table-responsive table td .badge{ padding: 20px 4px; font-size: 0.85rem; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div .openlead-card{ padding: 40px; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 15px 0; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 20px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: text-top; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: 1rem .5rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: 1rem .5rem; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div{ margin: 0 0 35px; } .sub-main .assign-div h2{ margin: 0 0 12px 0; font-size: 1.15rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 85%; margin: 0 0 10px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.9rem; line-height: 1.3rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.9rem; line-height: 1.45rem; margin: 20px 0 0px; padding: 15px 40px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 35px 10px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 20px 30px; } .sub-main .assign-div .assign-card{ gap: 50px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 55px; height: 55px; margin: 0 15px 0 0; } .sub-main .assign-div .assign-card .assign-card-div-inn:hover { border-left: 5px solid #2874f0; background-color: #f2f7fe; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 1rem; line-height: 1.45rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ line-height: 1.2rem; font-size: 0.85rem; } .dashboard nav.navbar .navbar-header{ min-width: 14%; } .dashboard nav.navbar .navbar-right{ min-width: 86%; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 185px; } .card-bady .card-form .form-div .form-flex{ grid-template-columns: 150px calc(100% - 150px); } .loginmain-section{ padding: 4rem 0; } .loginmain-section .loginmain-main .loginmain-left{ padding: 80px 70px; } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 175px; } .loginmain-section .loginmain-main h2{ font-size: 2rem; line-height: 2.5rem; margin: 15px 0 15px; } .loginmain-section .loginmain-main .loginmain-form{ margin: 0px 0 40px; gap: 40px; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ padding: 20px 28px; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ padding: 19px 30px; } .loginmain-section .loginmain-main h6{ margin: 0 0 30px; } .loginmain-section .loginmain-main .login-grid{ gap: 12px; } .loginmain-section .loginmain-main .login-grid li{ width: 60px; height: 60px; } .loginmain-section .loginmain-right img{ max-height: 640px; } .loginmain-section .loginmain-right h3{ font-size: 1.8rem; line-height: 2.4rem; margin: 20px 0 25px; } } /* === @media (min-width: 2300px) and (max-width: 2998.98px) === */ @media (min-width: 2300px) and (max-width: 2998.98px){ html{ font-size: 1.35rem !important; } .dashboard nav.navbar{ padding: 0px 0; } .dashboard nav.navbar .container{ max-width: 85%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.3rem; line-height: 1.85rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 10px 20px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 24px; height: 24px; } .dashboard .dashboard-main{ padding: 0 0 35px; max-width: 85%; margin: 150px auto 0; min-height: calc(100vh - 150px); } .dashboard .dashboard-main aside{ top: 150px; padding: 10px 10px; width: 270px; max-height: calc(100vh - 160px); } .dashboard .dashboard-main aside .navbar-nav{ gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 10px 10px; gap: 7px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 30px; height: 30px; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 300px; } .card .card-tabs .nav-tabs button{ padding: 15px 35px; font-size: 0.95rem; line-height: 1.45rem; } .card-bady .card-form{ padding: 30px 35px; } .card-bady .card-form .row .col{ padding: 0 10px; } .card-bady .card-form .form-div{ margin: 0 0 20px; } .card-bady .card-form .form-div label{ margin: 0 0 6px; } .card-bady .card-form .form-div input{ font-size: 0.9rem; line-height: 1.45rem; padding: 10px 15px; } .card-bady .card-form .form-div select{ font-size: 0.9rem; line-height: 1.45rem; padding: 15px 15px; } .card-bady .card-form .form-div .form-flex select{ padding: 5px 5px; } .card-bady .card-form .form-div textarea{ font-size: 0.9rem; line-height: 1.45rem; padding: 10px 15px; } .card-bady .card-form .save-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 12px 60px; } .managelead-div{ padding: 25px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table{ vertical-align: text-top; } .table>thead { vertical-align: text-top; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .95rem .45rem; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .95rem .45rem; } .managelead-div .managelead-card .table-responsive table td .badge{ padding: 14px 4px; font-size: 0.85rem; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div .openlead-card{ padding: 30px; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 15px 0; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 20px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: text-top; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .95rem .45rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .95rem .45rem; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div{ margin: 0 0 35px; } .sub-main .assign-div h2{ margin: 0 0 12px 0; font-size: 1.15rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 85%; margin: 0 0 10px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.9rem; line-height: 1.3rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.9rem; line-height: 1.45rem; margin: 10px 0 0px; padding: 5px 15px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 35px 10px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 15px 25px; } .sub-main .assign-div .assign-card{ gap: 50px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 55px; height: 55px; margin: 0 15px 0 0; } .sub-main .assign-div .assign-card .assign-card-div-inn:hover { border-left: 3px solid #2874f0; background-color: #f2f7fe; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 1rem; line-height: 1.45rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ line-height: 1.2rem; font-size: 0.85rem; } .dashboard nav.navbar .navbar-header{ min-width: 14%; } .dashboard nav.navbar .navbar-right{ min-width: 86%; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 115px; } .card-bady .card-form .form-div .form-flex{ grid-template-columns: 100px calc(100% - 100px); } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 125px; } .loginmain-section .loginmain-main .loginmain-form{ gap: 27px; margin: 0px 0 30px; } .loginmain-section .loginmain-main h6{ margin: 0 0 15px; } .loginmain-section .loginmain-main .login-grid{ gap: 7px; } .loginmain-section .loginmain-main .login-grid li{ width: 50px; height: 50px; } .loginmain-section .loginmain-main .login-grid li i{ font-size: 1.1rem; } .loginmain-section .loginmain-right ul li{ font-size: 1.05rem; } .loginmain-section .loginmain-right h3{ margin: 10px 0 20px; } } /* === @media (min-width: 1600px) and (max-width: 1799.98px) === */ @media (min-width: 1600px) and (max-width: 1799.98px){ html{ font-size: 1.1rem !important; } .dashboard nav.navbar{ padding: 0px 0; } .dashboard nav.navbar .container{ max-width: 90%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.3rem; line-height: 1.85rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 6px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 17px; height: 17px; } .dashboard .dashboard-main{ padding: 0 0 20px; max-width: 90%; margin: 125px auto 0; } .dashboard .dashboard-main aside{ top: 125px; padding: 6px 6px; width: 210px; } .dashboard .dashboard-main aside .navbar-nav{ gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 7px 5px; gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 20px; height: 20px; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 230px; } .card .card-tabs .nav-tabs button{ padding: 10px 25px; font-size: 0.95rem; line-height: 1.45rem; } .card-bady .card-form{ padding: 30px 35px; } .card-bady .card-form .row .col{ padding: 0 10px; } .card-bady .card-form .form-div{ margin: 0 0 8px; } .card-bady .card-form .form-div input{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 10px; } .card-bady .card-form .form-div select{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 5px; } .card-bady .card-form .form-div .form-flex select{ padding: 5px 5px; } .card-bady .card-form .form-div textarea{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 10px; } .card-bady .card-form .save-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 40px; } .managelead-div{ padding: 10px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table{ vertical-align: text-top; } .table>thead { vertical-align: text-top; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .75rem .35rem; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .75rem .35rem; } .managelead-div .managelead-card .table-responsive table td .badge{ padding: 8px 5px; font-size: 0.8rem; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div .openlead-card{ padding: 15px; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 6px 0; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 12px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: text-top; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .75rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .75rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div{ margin: 0 0 20px; } .sub-main .assign-div h2{ margin: 0 0 6px 0; font-size: 1.15rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 85%; margin: 0 0 10px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.9rem; line-height: 1.3rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.9rem; line-height: 1.45rem; margin: 10px 0 0px; padding: 5px 15px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 15px 10px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 10px 17px; } .sub-main .assign-div .assign-card{ gap: 15px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 35px; height: 35px; margin: 0 8px 0 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 1rem; line-height: 1.45rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ line-height: 1.2rem; font-size: 0.85rem; } .dashboard nav.navbar .navbar-header{ min-width: 14%; } .dashboard nav.navbar .navbar-right{ min-width: 86%; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 95px; } } /* ===========(min-width: 1400px) and (max-width: 1599.98px) ==== */ @media (min-width: 1400px) and (max-width: 1599.98px){ html{ font-size: 1.05rem !important; } .dashboard nav.navbar{ padding: 0px 0; } .dashboard nav.navbar .container{ max-width: 90%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.3rem; line-height: 1.85rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 6px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 17px; height: 17px; } .dashboard .dashboard-main{ padding: 0 0 20px; max-width: 90%; margin: 125px auto 0; min-height: calc(100vh - 125px); } .dashboard .dashboard-main aside{ top: 125px; padding: 6px 6px; width: 210px; } .dashboard .dashboard-main aside .navbar-nav{ gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 7px 5px; gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 20px; height: 20px; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 230px; } .card .card-tabs .nav-tabs button{ padding: 10px 25px; font-size: 0.95rem; line-height: 1.45rem; } .card-bady .card-form{ padding: 30px 35px; } .card-bady .card-form .row .col{ padding: 0 10px; } .card-bady .card-form .form-div{ margin: 0 0 8px; } .card-bady .card-form .form-div input{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 10px; } .card-bady .card-form .form-div select{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 5px; } .card-bady .card-form .form-div .form-flex select{ padding: 5px 5px; } .card-bady .card-form .form-div textarea{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 10px; } .card-bady .card-form .save-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 40px; } .managelead-div{ padding: 10px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table{ vertical-align: text-top; } .table>thead { vertical-align: text-top; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .75rem .35rem; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .75rem .35rem; } .managelead-div .managelead-card .table-responsive table td .badge{ padding: 8px 5px; font-size: 0.8rem; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div .openlead-card{ padding: 15px; } .sales-main { width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .sales-main .sales-body{ width: 100%; height: auto; padding: 30px; margin: 0; box-shadow: 0 2px 19px 0 #ededed; border-radius: 10px !important; border: none !important; outline: none; overflow: hidden; background-color: #ffffff; position: relative; } .sales-main .sales-body .sales-head { font-family: EMprint-Semibold; font-size: 1.25rem; color: #052f5f; line-height: 1.7rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 10px 0; padding: 0; } .sales-main .sales-body tr{ border: 0px solid #e9ecef; border-bottom-width: 1px; } .sales-main .sales-body th{ font-size: 0.65rem; line-height: 1rem; padding: .75rem .35rem; font-family: EMprint-Semibold; font-size: 0.67rem; color: #8392ab; line-height: 1.1rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: .85rem .5rem; text-transform: uppercase; border-bottom: 0px solid #e9ecef; } .sales-main .sales-body td{ font-size: 0.9rem; line-height: 1.35rem; padding: .75rem .35rem; font-family: EMprint-Semibold; font-size: 0.85rem; color: #4b5159; line-height: 1.25rem; font-style: normal; font-weight: 400; text-align: left; margin: 0 0 0px 0; padding: .85rem .5rem; border: 0; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 6px 0; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 12px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: text-top; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .75rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .75rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div{ margin: 0 0 20px; } .sub-main .assign-div h2{ margin: 0 0 6px 0; font-size: 1.15rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 85%; margin: 0 0 10px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.9rem; line-height: 1.3rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.9rem; line-height: 1.45rem; margin: 10px 0 0px; padding: 5px 15px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 15px 10px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 10px 17px; } .sub-main .assign-div .assign-card{ gap: 15px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 35px; height: 35px; margin: 0 8px 0 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 1rem; line-height: 1.45rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ line-height: 1.2rem; font-size: 0.85rem; } .dashboard nav.navbar .navbar-header{ min-width: 14%; } .dashboard nav.navbar .navbar-right{ min-width: 86%; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 90px; } .loginmain-section{ padding: 2.5rem 0; } .loginmain-section .loginmain-main{ width: 75%; } .loginmain-section .loginmain-main .loginmain-left{ padding: 35px 35px; } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 85px; } .loginmain-section .loginmain-main h2{ font-size: 1.4rem; line-height: 1.8rem; margin: 7px 0 6px; } .loginmain-section .loginmain-main h5{ font-size: 1rem; line-height: 1.4rem; margin: 0 0 16px; } .loginmain-section .loginmain-main .loginmain-form{ gap: 22px; margin: 0px 0 30px; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ padding: 9px 12px; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ padding: 8px 20px; } .loginmain-section .loginmain-main .login-grid li{ width: 36px; height: 36px; } .loginmain-section .loginmain-main h6{ margin: 0 0 15px; font-size: 1rem; line-height: 1.5rem; } .loginmain-section .loginmain-main .text{ margin: 20px 0 0px; } .loginmain-section .loginmain-right{ padding: 30px 30px; } .loginmain-section .loginmain-right img{ max-width: 80%; } .loginmain-section .loginmain-right h3{ font-size: 1.45rem; line-height: 1.9rem; margin: 0px 0 12px; } .loginmain-section .loginmain-right ul{ padding: 0 0 0 19px; gap: 2px; } .loginmain-section .loginmain-right ul li{ font-size: 0.9rem; line-height: 1.35rem; } } /* Extra Large Devices (large desktops, 1200px and up) */ @media (min-width: 1200px) and (max-width: 1399.98px){ html{ font-size: 1rem !important; } .dashboard nav.navbar{ padding: 5px 0; } .dashboard nav.navbar .container{ max-width: 90%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.3rem; line-height: 1.85rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 6px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 17px; height: 17px; } .dashboard .dashboard-main{ padding: 0 0 20px; max-width: 90%; margin: 125px auto 0; min-height: calc(100vh - 125px); } .dashboard .dashboard-main aside{ top: 125px; padding: 6px 6px; width: 185px; } .dashboard .dashboard-main aside .navbar-nav{ gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 7px 5px; gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 20px; height: 20px; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 200px; } .card .card-tabs .nav-tabs button{ padding: 10px 25px; font-size: 0.95rem; line-height: 1.45rem; } .card-bady .card-form{ padding: 20px 20px; } .card-bady .card-form .row .col{ padding: 0 7px; } .card-bady .card-form .form-div{ margin: 0 0 8px; } .card-bady .card-form .form-div input{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 10px; } .card-bady .card-form .form-div select{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 5px; } .card-bady .card-form .form-div .form-flex select{ padding: 5px 5px; } .card-bady .card-form .form-div textarea{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 10px; } .card-bady .card-form .save-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 40px; } .managelead-div{ padding: 10px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table{ vertical-align: text-top; } .table>thead { vertical-align: text-top; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .75rem .35rem; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .75rem .35rem; } .managelead-div .managelead-card .table-responsive table td .badge{ padding: 8px 5px; font-size: 0.8rem; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div .openlead-card{ padding: 15px; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 6px 0; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 12px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: text-top; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .75rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .75rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div{ margin: 0 0 20px; } .sub-main .assign-div h2{ margin: 0 0 6px 0; font-size: 1.15rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 85%; margin: 0 0 10px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.9rem; line-height: 1.3rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.9rem; line-height: 1.45rem; margin: 10px 0 0px; padding: 5px 15px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 15px 10px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 10px 17px; } .sub-main .assign-div .assign-card{ gap: 15px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 35px; height: 35px; margin: 0 8px 0 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 1rem; line-height: 1.45rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ line-height: 1.2rem; font-size: 0.85rem; } .dashboard nav.navbar .navbar-header{ min-width: 17%; } .dashboard nav.navbar .navbar-right{ min-width: 83%; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 85px; } .loginmain-section{ padding: 2.3rem 0; } .loginmain-section .loginmain-main{ width: 85%; } .loginmain-section .loginmain-main .loginmain-left{ padding: 30px 30px; } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 80px; } .loginmain-section .loginmain-main h2{ font-size: 1.35rem; line-height: 1.7rem; margin: 7px 0 6px; } .loginmain-section .loginmain-main h5{ font-size: 1rem; line-height: 1.4rem; margin: 0 0 12px; } .loginmain-section .loginmain-main .loginmain-form{ gap: 18px; margin: 0px 0 25px; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ padding: 9px 12px; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ padding: 8px 20px; } .loginmain-section .loginmain-main .login-grid li{ width: 36px; height: 36px; } .loginmain-section .loginmain-main h6{ margin: 0 0 8px; font-size: 1rem; line-height: 1.5rem; } .loginmain-section .loginmain-main .text{ margin: 20px 0 0px; } .loginmain-section .loginmain-right{ padding: 30px 30px; } .loginmain-section .loginmain-right img{ max-width: 70%; } .loginmain-section .loginmain-right h3{ font-size: 1.4rem; line-height: 1.9rem; margin: 0px 0 8px; } .loginmain-section .loginmain-right ul{ padding: 0 0 0 19px; gap: 2px; } .loginmain-section .loginmain-right ul li{ font-size: 0.9rem; line-height: 1.35rem; } } /* Large Devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px){ html{ font-size: 0.9rem !important; } .dashboard nav.navbar{ padding: 10px 0; } .dashboard nav.navbar .container{ max-width: 95%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.3rem; line-height: 1.85rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 6px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 16px; height: 16px; } .dashboard .dashboard-main{ padding: 0 0 20px; max-width: 95%; margin: 130px auto 0; min-height: calc(100vh - 130px); } .dashboard .dashboard-main aside{ top: 130px; padding: 6px 6px; width: 185px; } .dashboard .dashboard-main aside .navbar-nav{ gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 7px 5px; gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 20px; height: 20px; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 195px; } .card .card-tabs .nav-tabs button{ padding: 10px 25px; font-size: 0.95rem; line-height: 1.45rem; } .card-bady .card-form{ padding: 20px 20px; } .card-bady .card-form .row .col{ padding: 0 7px; } .card-bady .card-form .form-div{ margin: 0 0 8px; } .card-bady .card-form .form-div input{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 10px; } .card-bady .card-form .form-div select{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 5px; } .card-bady .card-form .form-div .form-flex select{ padding: 5px 5px; } .card-bady .card-form .form-div textarea{ font-size: 0.9rem; line-height: 1.45rem; padding: 5px 10px; } .card-bady .card-form .save-btn{ font-size: 0.95rem; line-height: 1.45rem; padding: 8px 40px; } .managelead-div{ padding: 10px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table{ vertical-align: text-top; } .table>thead { vertical-align: text-top; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .5rem .35rem; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .5rem .35rem; } .managelead-div .managelead-card .table-responsive table td .badge{ padding: 6px 5px; font-size: 0.75rem; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div .openlead-card{ padding: 15px; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 6px 0; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 12px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: text-top; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.65rem; line-height: 1rem; padding: .5rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.9rem; line-height: 1.35rem; padding: .5rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div{ margin: 0 0 20px; } .sub-main .assign-div h2{ margin: 0 0 6px 0; font-size: 1.15rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 85%; margin: 0 0 10px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.9rem; line-height: 1.3rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.9rem; line-height: 1.45rem; margin: 10px 0 0px; padding: 5px 15px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 15px 10px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 8px 15px; } .sub-main .assign-div .assign-card{ gap: 15px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 35px; height: 35px; margin: 0 8px 0 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 1rem; line-height: 1.45rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ line-height: 1.2rem; font-size: 0.85rem; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 85px; } .loginmain-section{ padding: 2.2rem 0; } .loginmain-section .loginmain-main{ width: 95%; } .loginmain-section .loginmain-main .loginmain-left{ padding: 30px 30px; } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 80px; } .loginmain-section .loginmain-main h2{ font-size: 1.3rem; line-height: 1.65rem; margin: 0px 0 5px; } .loginmain-section .loginmain-main h5{ font-size: 1rem; line-height: 1.4rem; margin: 0 0 15px; } .loginmain-section .loginmain-main .loginmain-form{ gap: 15px; margin: 0px 0 20px; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ padding: 7px 12px; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ padding: 8px 20px; } .loginmain-section .loginmain-main .login-grid li{ width: 36px; height: 36px; } .loginmain-section .loginmain-main .text{ margin: 20px 0 0px; } .loginmain-section .loginmain-right{ padding: 30px 30px; } .loginmain-section .loginmain-right img{ max-width: 55%; } .loginmain-section .loginmain-right h3{ font-size: 1.3rem; line-height: 1.8rem; margin: 0px 0 8px; } .loginmain-section .loginmain-right ul{ padding: 0 0 0 19px; gap: 2px; } .loginmain-section .loginmain-right ul li{ font-size: 0.9rem; line-height: 1.35rem; } } /* Medium Devices (landscape tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px){ html{ font-size: 0.9rem !important; } .dashboard nav.navbar{ padding: 10px 0; } .dashboard nav.navbar .container{ max-width: 95%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.2rem; line-height: 1.8rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.9rem; line-height: 1.45rem; padding: 8px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.9rem; line-height: 1.45rem; padding: 6px 14px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 15px; height: 15px; } .dashboard .dashboard-main{ padding: 0 0 20px; max-width: 95%; margin: 110px auto 0; min-height: calc(100vh - 110px); } .dashboard .dashboard-main aside{ top: 110px; padding: 6px 6px; width: 170px; } .dashboard .dashboard-main aside .navbar-nav{ gap: 3px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 5px 4px; gap: 4px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 18px; height: 18px; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 185px; } .card .card-tabs .nav-tabs button{ padding: 10px 25px; font-size: 0.9rem; line-height: 1.4rem; } .card-bady .card-form{ padding: 20px 20px; } .card-bady .card-form .row .col{ padding: 0 6px; } .card-bady .card-form .form-div{ margin: 0 0 8px; } .card-bady .card-form .form-div input{ font-size: 0.85rem; line-height: 1.35rem; padding: 5px 10px; } .card-bady .card-form .form-div select{ font-size: 0.85rem; line-height: 1.35rem; padding: 5px 5px; } .card-bady .card-form .form-div .form-flex select{ padding: 5px 5px; } .card-bady .card-form .form-div textarea{ font-size: 0.85rem; line-height: 1.35rem; padding: 5px 10px; } .card-bady .card-form .save-btn{ font-size: 0.85rem; line-height: 1.35rem; padding: 6px 30px; } .managelead-div{ padding: 10px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table{ vertical-align: text-top; } .table>thead { vertical-align: text-top; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.6rem; line-height: 1rem; padding: .5rem .35rem; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.85rem; line-height: 1.35rem; padding: .5rem .35rem; } .managelead-div .managelead-card .table-responsive table td .badge{ padding: 6px 5px; font-size: 0.7rem; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div .openlead-card{ padding: 15px; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 6px 0; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 12px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: text-top; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.6rem; line-height: 1rem; padding: .5rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.85rem; line-height: 1.35rem; padding: .5rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.9rem; } .sub-main .openlead-div{ margin: 0 0 20px; } .sub-main .assign-div h2{ margin: 0 0 6px 0; font-size: 1.15rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 85%; margin: 0 0 10px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.1rem; line-height: 1.4rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.85rem; line-height: 1.1rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.85rem; line-height: 1.35rem; margin: 10px 0 0px; padding: 5px 15px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 15px 10px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 6px 15px; } .sub-main .assign-div .assign-card{ gap: 15px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.6rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 35px; height: 35px; margin: 0 8px 0 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 0.95rem; line-height: 1.45rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ line-height: 1.2rem; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 70px; } .loginmain-section{ width: 100%; height: auto; padding: 2rem 0; } .loginmain-section .loginmain-main{ width: 90%; } .loginmain-section .loginmain-main .loginmain-left{ padding: 20px 20px; } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 90px; } .loginmain-section .loginmain-main h2{ font-size: 1.4rem; line-height: 1.9rem; margin: 0px 0 3px; } .loginmain-section .loginmain-main h5{ font-size: 1rem; line-height: 1.4rem; margin: 0 0 10px; } .loginmain-section .loginmain-main .loginmain-form{ gap: 15px; margin: 0px 0 15px; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ padding: 8px 8px; font-size: 0.95rem; line-height: 1.4rem; } .loginmain-section .loginmain-main .loginmain-form p{ font-size: 0.9rem; line-height: 1.4rem; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ font-size: 0.9rem; line-height: 1.4rem; padding: 7px 14px; } .loginmain-section .loginmain-main h6{ font-size: 0.95rem; line-height: 1.4rem; } .loginmain-section .loginmain-main .login-grid{ gap: 3px; } .loginmain-section .loginmain-main .login-grid li{ width: 36px; height: 36px; } .loginmain-section .loginmain-main .text{ margin: 15px 0 0px; } .loginmain-section .loginmain-right{ padding: 25px 20px; } .loginmain-section .loginmain-right img{ max-width: 65%; } .loginmain-section .loginmain-right h3{ font-size: 1.25rem; line-height: 1.8rem; margin: 0px 0 6px; } .loginmain-section .loginmain-right ul{ padding: 0 0 0 15px; gap: 2px; } .loginmain-section .loginmain-right ul li{ font-size: 0.9rem; line-height: 1.4rem; } } /* Small Devices (portrait tablets and large phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px){ html{ font-size: 2vw !important; } .dashboard nav.navbar{ padding: 10px 0; } .dashboard nav.navbar .container{ max-width: 95%; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ font-size: 0.85rem; line-height: 1.35rem; padding: 7px 12px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.85rem; line-height: 1.35rem; padding: 6px 12px; display: flex; align-items: center; justify-content: center; gap: 5px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 15px; height: 15px; } .dashboard .dashboard-main{ max-width: 95%; margin: 105px auto 0; padding: 0 0 15px; } .dashboard .dashboard-main aside{ width: 150px; max-height: calc(100vh - 150px); padding: 5px 10px 5px 5px; margin: 0; top: 105px; } .dashboard .dashboard-main aside .navbar-nav{ gap: 3px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 6px 3px; gap: 4px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 18px; height: 18px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-text{ font-size: 0.85rem; line-height: 1.35rem; text-wrap: nowrap; overflow: hidden; } .dashboard .dashboard-main .main-content{ padding: 0 0 0 160px; } .card .card-tabs .nav-tabs button{ font-size: 0.85rem; line-height: 1.35rem; padding: 10px 15px; } .card-bady .card-form{ padding: 15px 15px; } .card-bady .card-form .row .col{ padding: 0 0.5rem ; } .card-bady .card-form .form-div{ margin: 0 0 6px; } .card-bady .card-form .form-div label{ font-size: 0.8rem; line-height: 1.3rem; margin: 0 0 1px; } .card-bady .card-form .form-div input{ font-size: 0.85rem; line-height: 1.35rem; padding: 4px 8px; } .card-bady .card-form .form-div select{ font-size: 0.85rem; line-height: 1.35rem; padding: 4px 4px; } .card-bady .card-form .form-div .form-flex select{ padding: 4px 1px; } .card-bady .card-form .form-div .form-flex{ grid-template-columns: 50px calc(100% - 50px); } .card-bady .card-form .form-div .form-flex input{ padding: 4px 4px; } .card-bady .card-form .form-div textarea{ max-height: 40px; font-size: 0.85rem; line-height: 1.35rem; padding: 4px 8px; } .card-bady .card-form .save-btn{ font-size: 0.85rem; line-height: 1.35rem; padding: 6px 25px; } .managelead-div{ padding: 15px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.6rem; line-height: 1rem; padding: .5rem .35rem; } .table>thead { vertical-align: text-bottom; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.75rem; line-height: 1.25rem; padding: .5rem .35rem; } .managelead-div .managelead-card .table-responsive table{ vertical-align: top; text-wrap: nowrap; } .managelead-div .managelead-card .table-responsive table td .badge { padding: 5px 3px; font-size: 0.65rem; } .sub-main .openlead-div .openlead-card{ padding: 15px; } .sub-main .openlead-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 5px 0; } .sub-main .openlead-div .openlead-card p{ font-size: 0.8rem; line-height: 1.35rem; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 10px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table{ vertical-align: top; text-wrap: nowrap; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.6rem; line-height: 1rem; padding: .5rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.75rem; line-height: 1.25rem; padding: .5rem .35rem; } .sub-main .openlead-div .openlead-card .table-responsive table td .fa-eye{ font-size: 0.85rem; line-height: 1.25rem; } .sub-main .openlead-div{ margin: 0 0 15px; } .sub-main .assign-div h2{ font-size: 1.15rem; line-height: 1.4rem; margin: 0 0 5px 0; } .sub-main .assign-div .assign-card{ gap: 10px; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 90%; margin: 0 0 10px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1.1rem; line-height: 1.4rem; margin: 0 0 2px 0; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.85rem; line-height: 1.25rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ font-size: 0.85rem; line-height: 1.35rem; margin: 5px 0 0px; padding: 5px 15px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 10px 10px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 6px 10px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.2rem; line-height: 1.4rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 30px; height: 30px; margin: 0 6px 0 0; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 0.9rem; line-height: 1.4rem; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 65px; } .loginmain-section{ padding: 1.8rem 0; } .loginmain-section .loginmain-main{ width: 90%; } .loginmain-section .loginmain-main .loginmain-left{ padding: 15px 15px 20px; } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 80px; } .loginmain-section .loginmain-main h2{ font-size: 1.3rem; line-height: 1.65rem; margin: 5px 0 2px; } .loginmain-section .loginmain-main h5{ font-size: 1rem; line-height: 1.4rem; margin: 0 0 15px; } .loginmain-section .loginmain-main .loginmain-form{ gap: 15px; margin: 0px 0 20px; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ padding: 8px 10px; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ padding: 7px 15px; } .loginmain-section .loginmain-main .login-grid{ gap: 3px; } .loginmain-section .loginmain-main .login-grid li{ width: 34px; height: 34px; } .loginmain-section .loginmain-main .text{ margin: 15px 0 0px; } .loginmain-section .loginmain-right{ padding: 20px 20px; } .loginmain-section .loginmain-right img{ width: auto; height: auto; max-width: 70%; max-height: 100%; } .loginmain-section .loginmain-right h3{ font-size: 1.1rem; line-height: 1.4rem; margin: 0px 0 8px; } .loginmain-section .loginmain-right ul{ padding: 0 0 0 15px; gap: 2px; } } /* ======= max-width: 575.98px */ .error-message { color: red; font-size: 0.9em; margin-top: 5px; } /* Extra Small Devices (phones, less than 576px) */ @media (max-width: 575.98px){ .table>thead { vertical-align: text-bottom; } html{ font-size: 0.85rem !important; } .dashboard nav.navbar .navbar-header .navbar-brand img{ max-width: 45px; } .dashboard nav.navbar .navbar-header{ width: 100%; height: auto; } .dashboard nav.navbar .navbar-header .navbar-brand h1{ text-align: left; margin-bottom: 5px; } .navbar-right-mobile{ display: block; } .dashboard nav.navbar .navbar-right .navbar-right-div{ display: none; } .navbar-right-mobile{ display: flex; align-items: center; justify-content: space-between; width: auto; height: auto; position: relative; } .navbar-right-mobile .navbar-menu-div{ width: auto; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; } .navbar-right-mobile .navbar-menu-name.d-none{ display: block !important; margin-bottom: -98px; margin-right: 285px; } .navbar-right-mobile .navbar-menu-name{ color: #052f5f; font-family: EMprint-Semibold; font-size: 1rem; line-height: 1.35rem; font-weight: 300; padding: 0; margin: 0 0 0px; letter-spacing: 0; text-align: left; position: relative; } .navbar-right-mobile .navbar-menu-div #open-menu{ width: 35px; height: 35px; padding: 0; margin: 0; display: flex; flex-direction: column; align-items: self-start; justify-content: center; border: none; background-color: transparent; } .navbar-right-mobile .navbar-menu-div #open-menu span{ height: 3px; padding: 0; margin: 0; position: relative; background-color: #0d6efd; display: block; border-radius: 5px; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(1){ width: 25px; margin: 0; animation: move1 3s forwards infinite; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(2){ width: 10px; margin: 3px 0 0; animation: move2 3s forwards infinite; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(3){ width: 18px; margin: 3px 0 0; animation: move3 3s forwards infinite; } @keyframes move1{ 0%{ width: 25px; } 50%{ width: 8px; } 100%{ width: 25px; } } @keyframes move2{ 0%{ width: 10px; } 10%{ width: 8px; } 50%{ width: 25px; } 100%{ width: 10px; } } @keyframes move3{ 0%{ width: 18px; } 40%{ width: 12px; } 80%{ width: 25px; } 100%{ width: 18px; } } .navbar-right-mobile .navbar-menu-div #open-menu.close span:nth-child(3){ display: none; } .navbar-right-mobile .navbar-menu-div #open-menu.close span:nth-child(1){ animation: none; transform: rotate(45deg); width: 20px; height: 2.5px; } .navbar-right-mobile .navbar-menu-div #open-menu.close span:nth-child(2){ animation: none; transform: rotate(313deg); width: 20px; height: 2.5px; margin: -2.5px 0 0 0; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ font-size: 0.85rem; line-height: 1.35rem; padding: 5px 8px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ width: 14px; height: 14px; } .dashboard nav.navbar .navbar-right{ width: 100%; max-width: 100%; } .dashboard .dashboard-main aside .navbar-nav .nav-item.d-none{ display: block !important; } .dashboard .dashboard-main{ width: 95%; max-width: 95%; margin: 108px auto 0; min-height: calc(100vh - 108px); } .dashboard nav.navbar{ padding: 6px 0; } .dashboard .dashboard-main aside{ padding: 5px 5px; width: auto; position: fixed; left: -100%; top: 100px; height: auto; max-height: calc(100vh - 110px); background-color: white !important; box-shadow: 0 2px 19px 0 #ededed !important; } .dashboard .dashboard-main aside .navbar-nav .hd1{ background-color: transparent; border-radius: 10px 0 0 10px; display: block; box-shadow: 0 2px 19px 0 #ededed12; margin-bottom: 0px; padding: 0px; } .dashboard .dashboard-main aside .navbar-nav .hd2{ background-color: transparent; border-radius: 10px 0 0 10px; display: block; box-shadow: 0 2px 19px 0 #ededed12; margin-bottom: 0px; padding: 0px; } .dashboard .dashboard-main aside.active{ transition: 0.3s ease; left: 0; } .dashboard .dashboard-main aside .navbar-nav{ gap: 3px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a{ padding: 7px 5px; gap: 5px; } .dashboard .dashboard-main aside .navbar-nav .nav-item a .nav-link-icon svg{ width: 20px; height: 20px; } .dashboard .dashboard-main .main-content{ padding: 0; } .card .card-tabs .nav-tabs button{ font-size: 0.8rem; line-height: 1.25rem; padding: 8px 8px; } .card-bady .card-form{ width: 100%; height: auto; padding: 15px 15px; margin: 0; position: relative; } .card-bady .card-form .row{ margin: 0; padding: 0; } .card-bady .card-form .row .col{ width: 100%; height: auto; flex: 0 0 100%; padding: 0; } .card-bady .card-form .form-div label{ font-size: 0.8rem; line-height: 1.25rem; font-size: 0.8rem; line-height: 1.35rem; } .card-bady .card-form .form-div input{ font-size: 0.85rem; line-height: 1.3rem; padding: 8px 10px; } .card-bady .card-form .form-div select{ font-size: 0.85rem; line-height: 1.3rem; padding: 8px 10px; } .card-bady .card-form .form-div .form-flex{ grid-template-columns: 75px calc(100% - 75px); } .card-bady .card-form .save-btn{ padding: 6px 30px; } .managelead-div{ padding: 15px; } .managelead-div .managelead-card .table-responsive{ margin: 10px 0 0; } .managelead-div .managelead-card .table-responsive table th{ font-size: 0.55rem; padding: .35rem .25rem; } .managelead-div .managelead-card .table-responsive table td{ font-size: 0.65rem; line-height: 1.15rem; margin: 0 0 0px 0; padding: .5rem .35rem; } .managelead-div .managelead-card .table-responsive table td .badge { width: 100%; padding: 4px 3px; font-size: 0.57rem; font-weight: normal; } .managelead-div .managelead-card .table-responsive table td .fa-eye{ font-size: 0.85rem; line-height: 1rem; } .sub-main.mt-4 { margin-top: 0.8rem !important; } .sub-main .openlead-div{ margin: 0 0 20px; } .sub-main .openlead-div .openlead-card{ padding: 15px; } .sub-main .openlead-div h2{ font-size: 1.1rem; line-height: 1.6rem; margin: 0 0 4px 0; } .sub-main .openlead-div .openlead-card p{ font-size: 0.8rem; line-height: 1.25rem; } .sub-main .openlead-div .openlead-card .table-responsive{ margin: 10px 0 0; } .sub-main .openlead-div .openlead-card .table-responsive table th{ font-size: 0.55rem; padding: .35rem .25rem; } .sub-main .openlead-div .openlead-card .table-responsive table td{ font-size: 0.65rem; line-height: 1.15rem; margin: 0 0 0px 0; padding: .5rem .35rem; } .sub-main .assign-div h2{ font-size: 1.1rem; line-height: 1.6rem; margin: 0 0 6px 0; } .sub-main .assign-div .assign-card{ grid-template-columns: 2fr 1fr; gap: 5px; } .sub-main .assign-div .assign-card .assign-card-div1{ padding: 15px 8px; max-height: max-content; } .sub-main .assign-div .assign-card .assign-card-div1 img{ max-width: 60%; margin: 0 0 5px; } .sub-main .assign-div .assign-card .assign-card-div1 h3{ font-size: 1rem; line-height: 1.5rem; } .sub-main .assign-div .assign-card .assign-card-div1 p{ font-size: 0.75rem; line-height: 1.05rem; } .sub-main .assign-div .assign-card .assign-card-div1 .assign-btn{ margin: 10px 0 0px; padding: 5px 12px; font-size: 0.8rem; line-height: 1.35rem; } .sub-main .assign-div .assign-card .assign-card-div-inn{ padding: 6px 10px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-icon{ width: 34px; height: 34px; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h4{ font-size: 0.9rem; line-height: 1.25rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-left .assign-card-name h6{ font-size: 0.75rem; line-height: 1.05rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h3{ font-size: 1.1rem; line-height: 1.35rem; } .sub-main .assign-div .assign-card .assign-card-div .assign-card-right h5{ font-size: 0.75rem; line-height: 1.05rem; } ::-webkit-scrollbar{ width: 4px; } ::-webkit-scrollbar-thumb{ background-color: #d0d0d0; } .loginmain-section{ padding: 1.5rem 0; } .loginmain-section .loginmain-main{ width: 90%; grid-template-columns: 1fr; } .loginmain-section .loginmain-main .loginmain-left{ order: 2; padding: 20px 20px; } .loginmain-section .loginmain-right{ order: 1; } .loginmain-section .loginmain-main .loginmain-left img{ max-width: 75px; } .loginmain-section .loginmain-main h2{ font-size: 1.4rem; line-height: 1.8rem; margin: 8px 0 4px; } .loginmain-section .loginmain-main h5{ font-size: 1rem; line-height: 1.4rem; margin: 0 0 15px; } .loginmain-section .loginmain-main .loginmain-form{ gap: 15px; margin: 0px 0 20px; } .loginmain-section .loginmain-main .loginmain-form .form-div input{ padding: 8px 10px; } .loginmain-section .loginmain-main .loginmain-form #user_password{ padding-right: 28px; } .loginmain-section .loginmain-main .loginmain-form .loginmain-form-grid .form-btn button{ padding: 8px 30px; font-size: 0.9rem; line-height: 1.4rem; } .loginmain-section .loginmain-main h6{ font-size: 1rem; line-height: 1.4rem; } .loginmain-section .loginmain-main .login-grid{ gap: 2px; } .loginmain-section .loginmain-main .login-grid li{ width: 30px; height: 30px; } .loginmain-section .loginmain-main .login-grid li i{ font-size: 0.85rem; line-height: 1.4rem; } .loginmain-section .loginmain-main .text{ margin: 15px 0 0px; font-size: 0.85rem; line-height: 1.4rem; } .loginmain-section .loginmain-right{ width: 100%; padding: 15px 15px; } .loginmain-section .loginmain-right img{ max-width: 65%; } .loginmain-section .loginmain-right h3{ font-size: 1.25rem; line-height: 1.7rem; margin: 0px 0 8px; } .loginmain-section .loginmain-right ul{ padding: 0 0 0 15px; gap: 2px; } .loginmain-section .loginmain-right ul li{ font-size: 0.95rem; line-height: 1.4rem; } } /* ====== */ .password-section { background-color: #fff; border-radius: 10px; box-shadow: 0 0 8px rgba(0,0,0,0.05); } .password-criteria-box { background-color: #f9f9f9; padding: 10px 15px; border-radius: 5px; border-left: 3px solid #052f5f; } .password-criteria-list { padding-left: 20px; list-style-type: disc; margin-bottom: 0; } .password-error-message { font-size: 0.9rem; } /* ========================================================== END ========================================================== */ /* ========================================================== MOBILE FIX SCREEN WIDTH 767PX AND BELOW ========================================================== */ /* ========================================================= MOBILE RESPONSIVE FIX 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* ---------- GLOBAL ---------- */ html { font-size: 14px !important; } html, body { width: 100%; max-width: 100%; overflow-x: hidden !important; } body { margin: 0; padding: 0; } .dashboard { width: 100%; min-height: 100vh; height: auto; overflow-x: hidden !important; } .container { width: 100%; max-width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; margin: 0 auto; } /* ===================================================== NAVBAR ===================================================== */ .dashboard nav.navbar { width: 100%; height: auto; min-height: 60px; padding: 8px 0 !important; position: fixed; top: 0; left: 0; z-index: 9999; } .dashboard nav.navbar .container { width: 100%; max-width: 100% !important; display: flex; align-items: center; justify-content: space-between; padding: 0 15px !important; } .dashboard nav.navbar .navbar-header { width: auto !important; min-width: 0 !important; flex: 0 0 auto; } .dashboard nav.navbar .navbar-header .navbar-brand { display: flex; align-items: center; } .dashboard nav.navbar .navbar-header .navbar-brand img { width: auto; height: auto; max-width: 85px !important; } /* Hide desktop navigation */ .dashboard nav.navbar .navbar-right { width: auto !important; min-width: 0 !important; flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; } .dashboard nav.navbar .navbar-right .navbar-right-div { display: none !important; } /* Mobile hamburger */ .navbar-right-mobile { display: flex !important; align-items: center; justify-content: center; width: auto !important; height: auto; margin: 0 !important; } .navbar-right-mobile .navbar-menu-div { display: flex; align-items: center; justify-content: center; width: auto; height: auto; } .navbar-right-mobile .navbar-menu-name { display: none !important; } .navbar-right-mobile .navbar-menu-div #open-menu { width: 38px; height: 38px; padding: 5px; margin: 0; border: none; outline: none; background: transparent; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .navbar-right-mobile .navbar-menu-div #open-menu span { display: block; height: 3px; margin: 3px 0; border-radius: 5px; background-color: #0d6efd; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(1) { width: 25px; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(2) { width: 16px; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(3) { width: 22px; } /* Admin button */ .dashboard nav.navbar .navbar-right .navbar-admin { display: block !important; margin-top: -120px; } /* ===================================================== DASHBOARD MAIN ===================================================== */ .dashboard .dashboard-main { width: 100% !important; max-width: 100% !important; min-height: calc(100vh - 60px); height: auto; margin: 70px 0 0 !important; padding: 0 15px 20px !important; display: block !important; } /* ===================================================== SIDEBAR ===================================================== */ .dashboard .dashboard-main aside { display: none !important; position: fixed; top: 60px; left: 0; width: 280px !important; max-width: 85vw; height: calc(100vh - 60px); max-height: none !important; padding: 15px !important; margin: 0; background: #ffffff; z-index: 9998; overflow-y: auto; box-shadow: 5px 0 20px rgba(0, 0, 0, 0.12); } /* ===================================================== MAIN CONTENT ===================================================== */ .dashboard .dashboard-main .main-content { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .dashboard .dashboard-main .main-content .content-inn { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } /* ===================================================== CARD / TABS ===================================================== */ .card { width: 100% !important; max-width: 100% !important; margin: 0 0 15px; margin-top: 80px; } .card .card-tabs { width: 100%; overflow-x: auto; overflow-y: hidden; margin-top: 0px; } .card .card-tabs .nav-tabs { width: max-content; min-width: 100%; flex-wrap: nowrap !important; } .card .card-tabs .nav-tabs button { padding: 9px 14px !important; font-size: 0.85rem !important; line-height: 1.3rem !important; white-space: nowrap; } /* ===================================================== LEAD OVERVIEW MAIN ===================================================== */ .dashboard-main .lead-overview-grid { width: 100% !important; max-width: 100% !important; padding: 10px 0 !important; margin: 0 !important; } .dashboard-main .lead-overview-grid .lead-overview-div1-main { width: 100% !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; } .dashboard-main .lead-overview-grid .lead-overview-div1-main .lead-overview-content-div { width: 100% !important; min-width: 0 !important; padding: 14px 12px !important; overflow: hidden; } .dashboard-main .lead-overview-grid .lead-overview-div1-main .lead-overview-content-div .lead-overview-content-div-top { padding: 0 25px 0 10px !important; border-left-width: 2px; } .dashboard-main .lead-overview-grid .lead-overview-div1-main .lead-overview-content-div .lead-overview-content-div-top h6 { font-size: 0.75rem !important; line-height: 1.1rem !important; margin-bottom: 5px !important; } .dashboard-main .lead-overview-grid .lead-overview-div1-main .lead-overview-content-div .lead-overview-content-div-top h2 { font-size: 1.8rem !important; line-height: 2.1rem !important; } .dashboard-main .lead-overview-grid .lead-overview-div1-main .lead-overview-content-div .lead-overview-content-div-top-img { width: 35px; height: 35px; } .dashboard-main .lead-overview-grid .lead-overview-div1-main .lead-overview-content-div .lead-overview-content-div-top-img img { max-width: 35px; padding: 6px; } .dashboard-main .lead-overview-grid .lead-overview-div1-main .lead-overview-content-div .lead-overview-content-div-bottom { margin-top: 8px !important; } .dashboard-main .lead-overview-grid .lead-overview-div1-main .lead-overview-content-div .lead-overview-content-div-bottom p { font-size: 0.7rem !important; line-height: 1.1rem !important; } /* ===================================================== OVERVIEW / SALES ===================================================== */ .lead-overview-grid .lead-overview-div2-main { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 10px !important; } .lead-overview-grid .lead-overview-div2-main .lead-overview-overview, .lead-overview-grid .lead-overview-div2-main .lead-overview-sales { width: 100% !important; min-width: 0 !important; padding: 15px !important; } .lead-overview-grid .lead-overview-div2-main .lead-overview-overview .lead-overview-overview-main, .lead-overview-grid .lead-overview-div2-main .lead-overview-sales .lead-overview-overview-main { width: 100% !important; max-width: 100% !important; max-height: none !important; height: auto !important; } .lead-overview-grid .lead-overview-div2-main .lead-overview-overview h4, .lead-overview-grid .lead-overview-div2-main .lead-overview-sales h4 { font-size: 1rem !important; line-height: 1.4rem !important; } .lead-overview-grid .lead-overview-div2-main .filter-dropdown-item { width: 100%; justify-content: flex-end !important; margin-bottom: 8px !important; } /* ===================================================== CHARTS ===================================================== */ .lead-overview-grid .lead-overview-div2-main .lead-overview-sales .lead-overview-overview .lead-overview-overview-main canvas { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; } .circularGaugeContainer { width: 100% !important; max-width: 100% !important; overflow: hidden; } .circularGaugeContainer svg { width: 100% !important; height: auto !important; } #chart-container { width: 100% !important; height: auto !important; min-height: 280px; overflow: hidden; } #chartdiv { width: 100% !important; height: 300px !important; } #leadSource { width: 100% !important; max-width: 100% !important; height: 300px !important; } /* ===================================================== OTHER DASHBOARD GRIDS ===================================================== */ .lead-overview-grid .lead-overview-div3-main { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 10px !important; } .lead-overview-grid .lead-overview-div4-main { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 10px !important; } .lead-overview-grid .lead-overview-div5-main { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 10px !important; } .lead-overview-grid .lead-overview-div-3, .lead-overview-grid .lead-overview-div-4, .lead-overview-grid .lead-overview-div-5 { width: 100% !important; min-width: 0 !important; padding: 15px !important; overflow: hidden; } /* ===================================================== TABLES ===================================================== */ .table-responsive { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .table-responsive table { min-width: 600px; white-space: nowrap; } .managelead-div { width: 100% !important; padding: 10px !important; margin: 0 !important; } .managelead-div .managelead-card { width: 100% !important; } .managelead-div .managelead-card .table-responsive table th { font-size: 0.65rem !important; padding: 8px 6px !important; } .managelead-div .managelead-card .table-responsive table td { font-size: 0.75rem !important; padding: 8px 6px !important; } /* ===================================================== FORMS ===================================================== */ .card-bady .card-form { width: 100% !important; padding: 15px !important; } .card-bady .card-form .row { width: 100%; margin: 0 !important; } .card-bady .card-form .row .col { width: 100% !important; padding: 0 !important; margin-bottom: 10px; } .card-bady .card-form .form-div { width: 100% !important; margin-bottom: 12px !important; } .card-bady .card-form .form-div input, .card-bady .card-form .form-div select, .card-bady .card-form .form-div textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box; font-size: 0.85rem !important; line-height: 1.3rem !important; padding: 9px 10px !important; } .card-bady .card-form .form-div .form-flex { width: 100%; display: flex; flex-direction: column; gap: 8px; } .card-bady .card-form .save-btn { width: 100%; padding: 9px 20px !important; font-size: 0.9rem !important; } /* ===================================================== OPEN LEAD ===================================================== */ .sub-main { width: 100% !important; max-width: 100% !important; padding: 0 !important; } .sub-main .openlead-div { width: 100% !important; margin-bottom: 15px !important; } .sub-main .openlead-div .openlead-card { width: 100% !important; padding: 12px !important; } .sub-main .openlead-div h2 { font-size: 1.1rem !important; line-height: 1.4rem !important; } /* ===================================================== ASSIGN SECTION ===================================================== */ .sub-main .assign-div { width: 100% !important; } .sub-main .assign-div .assign-card { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; } .sub-main .assign-div .assign-card .assign-card-div1, .sub-main .assign-div .assign-card .assign-card-div-inn { width: 100% !important; max-width: 100% !important; padding: 12px !important; } /* ===================================================== TASK REMINDER POPUP ===================================================== */ .task-reminder-box { width: calc(100% - 30px) !important; max-width: calc(100% - 30px) !important; margin: 15px; } .task-reminder-header { padding: 12px 15px !important; font-size: 1rem !important; } .task-reminder-body { padding: 15px !important; } .task-reminder-body h4 { font-size: 1.1rem !important; } .task-reminder-footer { padding: 12px 15px !important; } /* ===================================================== FIX COMMON OVERFLOW ===================================================== */ img { max-width: 100%; height: auto; } canvas { max-width: 100% !important; } .row { --bs-gutter-x: 0 !important; } } @media (max-width: 767px) { .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg{ height: 8px; width: 8px; } .dashboard nav.navbar .navbar-right .navbar-admin { width: auto; height: auto; padding: 0; margin: 0; margin-top: -120px; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn { color: #052f5f; font-family: EMprint-Semibold; font-size: 0.95rem; line-height: 1.45rem; font-weight: 300; margin: 0; letter-spacing: 0; text-align: center; position: relative; width: auto; height: auto; padding: 7px 20px; border-radius: 5px; border: none; background: #f0f0f0; } } /* ========================================================== GONCHYS MOBILE NAVBAR 767px AND BELOW ========================================================== */ @media screen and (max-width: 767px) { /* ------------------------------------------------------ NAVBAR - TWO ROW MOBILE LAYOUT ------------------------------------------------------ */ .dashboard nav.navbar { width: 100% !important; height: auto !important; min-height: 0 !important; padding: 8px 0 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999 !important; background-color: #ffffff !important; } /* Main navbar container */ .dashboard nav.navbar > .container { width: 100% !important; max-width: 100% !important; padding: 0 10px !important; margin: 0 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; } /* ====================================================== ROW 1 - LEADS LEFT ====================================================== */ .dashboard nav.navbar .navbar-header { width: auto !important; min-width: 0 !important; height: 45px !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; } .dashboard nav.navbar .navbar-header .navbar-brand { display: flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; text-decoration: none !important; } /* Logo */ .dashboard nav.navbar .navbar-header .navbar-brand img { max-width: 45px !important; width: 45px !important; height: auto !important; margin-right: 8px !important; } /* Leads text */ .dashboard nav.navbar .navbar-header .navbar-brand h1 { display: block !important; font-size: 17px !important; line-height: 22px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } /* ====================================================== ROW 1 - RIGHT SIDE ADMIN / LOGIN ====================================================== */ .dashboard nav.navbar .navbar-right { width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; margin: 0 !important; padding: 0 !important; } /* Hide hamburger on this layout */ .navbar-right-mobile { display: none !important; } /* Admin/Login button */ .dashboard nav.navbar .navbar-right .navbar-admin { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 75px !important; height: 40px !important; padding: 6px 12px !important; margin: 0 !important; font-size: 14px !important; line-height: 20px !important; white-space: nowrap !important; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg { width: 14px !important; height: 14px !important; } /* ====================================================== ROW 2 - ALL NAVIGATION Master / Contacts / Organizations / Reports / Add ons / Custom Settings ====================================================== */ .dashboard nav.navbar .navbar-right .navbar-right-div { display: block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; order: 10 !important; padding: 5px 0 4px !important; margin: 5px 0 0 !important; border: none !important; overflow: hidden !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Navigation itself */ .dashboard nav.navbar .navbar-right .navbar-right-div nav { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; border: none !important; overflow: hidden !important; } /* Navigation UL */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul { width: 100% !important; max-width: 100% !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; padding: 0 !important; margin: 0 !important; list-style: none !important; box-sizing: border-box !important; } /* Each menu item */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li { width: auto !important; min-width: 0 !important; flex: 0 1 auto !important; padding: 0 !important; margin: 0 !important; white-space: nowrap !important; } /* Remove "/" separators */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li::after { display: none !important; } /* Menu links */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a { display: block !important; padding: 4px 3px !important; margin: 0 !important; font-size: 11px !important; line-height: 18px !important; white-space: nowrap !important; text-align: center !important; overflow: hidden !important; text-overflow: clip !important; } /* ====================================================== MAIN CONTENT - KEEP BELOW TWO NAVBAR ROWS ====================================================== */ .dashboard .dashboard-main { width: 100% !important; max-width: 100% !important; margin: 105px 0 0 !important; padding: 0 12px 20px !important; box-sizing: border-box !important; } } /* ========================================================== FINAL MOBILE HEADER FIX 767px AND BELOW ========================================================== */ @media screen and (max-width: 767px) { /* ------------------------------------------------------ NAVBAR ------------------------------------------------------ */ .dashboard nav.navbar { width: 100% !important; height: auto !important; min-height: 0 !important; padding: 6px 0 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 99999 !important; background: #ffffff !important; } /* Main container */ .dashboard nav.navbar .container { width: 100% !important; max-width: 100% !important; padding: 0 10px !important; margin: 0 !important; position: relative !important; display: block !important; box-sizing: border-box !important; } /* ====================================================== ROW 1 LEADS LEFT + ADMIN RIGHT ====================================================== */ .dashboard nav.navbar .navbar-header { position: absolute !important; left: 10px !important; top: 5px !important; width: auto !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; z-index: 100001 !important; } .dashboard nav.navbar .navbar-header .navbar-brand { display: flex !important; align-items: center !important; width: auto !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } /* Logo */ .dashboard nav.navbar .navbar-header .navbar-brand img { width: 45px !important; max-width: 45px !important; height: auto !important; margin: 0 8px 0 0 !important; } /* Leads text */ .dashboard nav.navbar .navbar-header .navbar-brand h1 { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 22px !important; white-space: nowrap !important; color: #052f5f !important; } /* ====================================================== RIGHT SIDE ====================================================== */ .dashboard nav.navbar .navbar-right { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; position: relative !important; } /* ------------------------------------------------------ ADMIN BUTTON ------------------------------------------------------ */ .dashboard nav.navbar .navbar-right .navbar-admin { display: block !important; position: absolute !important; right: 10px !important; top: 16px !important; width: auto !important; height: 42px !important; margin: 0 !important; padding: 0 !important; z-index: 100002 !important; } /* IMPORTANT: Remove old -120px positioning */ .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn { position: relative !important; top: 0 !important; right: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 72px !important; height: 40px !important; margin: 0 !important; padding: 5px 10px !important; font-size: 14px !important; line-height: 20px !important; white-space: nowrap !important; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg { width: 14px !important; height: 14px !important; } /* ====================================================== ROW 2 MASTER CONTACTS ORGANIZATIONS REPORTS ADD ONS CUSTOM SETTINGS ====================================================== */ .dashboard nav.navbar .navbar-right .navbar-right-div { display: block !important; width: 100% !important; max-width: 100% !important; height: 35px !important; margin: 47px 0 0 !important; padding: 0 !important; border: none !important; overflow: hidden !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Nav */ .dashboard nav.navbar .navbar-right .navbar-right-div nav { width: 100% !important; max-width: 100% !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: none !important; overflow: hidden !important; } /* UL */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul { width: 100% !important; max-width: 100% !important; height: 35px !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; padding: 0 !important; margin: 0 !important; list-style: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* Each item */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li { flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } /* Remove / */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li::after { display: none !important; } /* Menu text */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a { display: block !important; margin: 0 !important; padding: 4px 2px !important; font-size: 11px !important; line-height: 18px !important; white-space: nowrap !important; text-align: center !important; overflow: visible !important; } /* ====================================================== HIDE HAMBURGER ====================================================== */ .navbar-right-mobile { display: none !important; } /* ====================================================== CONTENT START BELOW BOTH NAVBAR ROWS ====================================================== */ .dashboard .dashboard-main { width: 100% !important; max-width: 100% !important; margin: 90px 0 0 !important; padding: 0 12px 20px !important; box-sizing: border-box !important; } } /* ========================================================== MOBILE HEADER + SIDEBAR DROPDOWN 767px AND BELOW ========================================================== */ @media screen and (max-width: 767px) { /* ========================= NAVBAR ========================= */ .dashboard nav.navbar { width: 100% !important; height: auto !important; min-height: 60px !important; padding: 6px 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999 !important; background: #ffffff !important; } .dashboard nav.navbar .container { width: 100% !important; max-width: 100% !important; padding: 0 10px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; } /* ========================= LEFT SIDE HAMBURGER + LEADS ========================= */ .dashboard nav.navbar .navbar-header { width: auto !important; min-width: 0 !important; height: 45px !important; display: flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto !important; } .dashboard nav.navbar .navbar-header .navbar-brand { display: flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; } .dashboard nav.navbar .navbar-header .navbar-brand img { width: 45px !important; max-width: 45px !important; height: auto !important; margin-right: 8px !important; } .dashboard nav.navbar .navbar-header .navbar-brand h1 { display: block !important; font-size: 17px !important; line-height: 22px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } /* ========================= RIGHT SIDE ========================= */ .dashboard nav.navbar .navbar-right { width: auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; margin: 0 !important; padding: 0 !important; } /* ========================= HAMBURGER ========================= */ .navbar-right-mobile { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; margin: 0 8px 0 0 !important; padding: 0 !important; } .navbar-right-mobile .navbar-menu-div { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; } .navbar-right-mobile .navbar-menu-name { display: none !important; } .navbar-right-mobile .navbar-menu-div #open-menu { width: 35px !important; height: 35px !important; padding: 5px !important; margin: 0 !important; border: none !important; outline: none !important; background: transparent !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; cursor: pointer !important; } .navbar-right-mobile .navbar-menu-div #open-menu span { display: block !important; height: 3px !important; margin: 3px 0 !important; border-radius: 5px !important; background-color: #0d6efd !important; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(1) { width: 25px !important; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(2) { width: 16px !important; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(3) { width: 22px !important; } /* ========================= ADMIN BUTTON ========================= */ .dashboard nav.navbar .navbar-right .navbar-admin { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 72px !important; height: 40px !important; padding: 5px 10px !important; margin: 0 !important; font-size: 14px !important; line-height: 20px !important; white-space: nowrap !important; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn svg { width: 14px !important; height: 14px !important; } /* ====================================================== TOP NAVIGATION MASTER / CONTACTS / ORGANIZATIONS / REPORTS / ADDONS ====================================================== */ .dashboard nav.navbar .navbar-right .navbar-right-div { display: none !important; } /* ====================================================== SIDEBAR / DROPDOWN ====================================================== */ .dashboard .dashboard-main aside { display: block !important; position: fixed !important; left: -100% !important; top: 60px !important; width: 280px !important; max-width: 85vw !important; height: calc(100vh - 60px) !important; max-height: none !important; padding: 10px !important; margin: 0 !important; background-color: #ffffff !important; overflow-y: auto !important; overflow-x: hidden !important; box-shadow: 5px 0 20px rgba(0,0,0,0.12) !important; z-index: 9998 !important; transition: left 0.3s ease !important; } /* OPEN SIDEBAR */ .dashboard .dashboard-main aside.active { left: 0 !important; } /* Sidebar inner boxes */ .dashboard .dashboard-main aside .navbar-nav .hd1, .dashboard .dashboard-main aside .navbar-nav .hd2 { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 0 5px !important; background-color: transparent !important; box-shadow: none !important; } /* Sidebar menu */ .dashboard .dashboard-main aside .navbar-nav { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 5px !important; padding: 0 !important; margin: 0 !important; } /* Sidebar items */ .dashboard .dashboard-main aside .navbar-nav .nav-item { width: 100% !important; } .dashboard .dashboard-main aside .navbar-nav .nav-item a { width: 100% !important; display: flex !important; align-items: center !important; padding: 10px 8px !important; box-sizing: border-box !important; } /* ========================= MAIN CONTENT ========================= */ .dashboard .dashboard-main { width: 100% !important; max-width: 100% !important; margin: 75px 0 0 !important; padding: 0 12px 20px !important; box-sizing: border-box !important; } } /* ========================================================== ONLY FIX LEADS + SIDEBAR FOR MOBILE DO NOT CHANGE OTHER MOBILE STYLES ========================================================== */ @media screen and (max-width: 767px) { /* Show the mobile Leads/menu area */ .navbar-right-mobile { display: flex !important; align-items: center !important; visibility: visible !important; opacity: 1 !important; } /* Show Leads text */ .navbar-right-mobile .navbar-menu-name { display: block !important; visibility: visible !important; opacity: 1 !important; color: #052f5f !important; font-family: EMprint-Semibold !important; font-size: 16px !important; line-height: 22px !important; margin: 0 8px 0 0 !important; padding: 0 !important; white-space: nowrap !important; } /* Keep hamburger visible */ .navbar-right-mobile .navbar-menu-div { display: flex !important; visibility: visible !important; opacity: 1 !important; } .navbar-right-mobile .navbar-menu-div #open-menu { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; cursor: pointer !important; } /* SIDEBAR - closed */ .dashboard .dashboard-main aside { display: block !important; position: fixed !important; left: -100% !important; top: 60px !important; width: 260px !important; max-width: 80vw !important; height: calc(100vh - 60px) !important; background-color: #ffffff !important; z-index: 99998 !important; overflow-y: auto !important; overflow-x: hidden !important; transition: left 0.3s ease !important; } /* SIDEBAR - OPEN */ .dashboard .dashboard-main aside.active { display: block !important; left: 0 !important; visibility: visible !important; opacity: 1 !important; } } /* FINAL FIX - LEADS HEADER ONLY */ @media screen and (max-width: 767px) { .dashboard nav.navbar .navbar-header { position: relative !important; left: auto !important; top: auto !important; width: auto !important; min-width: 0 !important; height: 45px !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; } .dashboard nav.navbar .navbar-header .navbar-brand { display: flex !important; align-items: center !important; width: auto !important; height: 45px !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; } .dashboard nav.navbar .navbar-header .navbar-brand h1 { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 22px !important; color: #052f5f !important; white-space: nowrap !important; visibility: visible !important; opacity: 1 !important; } } /* ========================================================== MOBILE NAVBAR - LEADS LEFT / ADMIN RIGHT SIDEBAR BUTTON REMAINS WORKING ONLY 767px AND BELOW ========================================================== */ @media screen and (max-width: 767px) { /* Navbar container */ .dashboard nav.navbar > .container { width: 100% !important; max-width: 100% !important; padding: 0 10px !important; margin: 0 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; } /* -------------------------------------------------- LEADS - LEFT -------------------------------------------------- */ .dashboard nav.navbar .navbar-header { display: none !important; } .dashboard nav.navbar .navbar-right { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; } /* Leads text */ .navbar-right-mobile .navbar-menu-name, .navbar-right-mobile .navbar-menu-name.d-none { display: block !important; visibility: visible !important; opacity: 1 !important; position: absolute !important; left: 0 !important; top: 0 !important; margin: 0 !important; padding: 0 !important; color: #052f5f !important; font-family: EMprint-Semibold !important; font-size: 17px !important; line-height: 40px !important; font-weight: 600 !important; white-space: nowrap !important; } /* -------------------------------------------------- TOP ROW -------------------------------------------------- */ .navbar-right-mobile { width: 100% !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; position: relative !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; } /* Keep sidebar hamburger available */ .navbar-right-mobile .navbar-menu-div { display: flex !important; visibility: visible !important; opacity: 1 !important; position: absolute !important; left: 0 !important; top: 42px !important; z-index: 100000 !important; } .navbar-right-mobile .navbar-menu-div #open-menu { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; cursor: pointer !important; } /* -------------------------------------------------- ADMIN - RIGHT -------------------------------------------------- */ .dashboard nav.navbar .navbar-admin { display: block !important; position: absolute !important; right: 10px !important; top: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 100001 !important; } .dashboard nav.navbar .navbar-admin .admin-btn { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 72px !important; height: 40px !important; margin: 0 !important; padding: 5px 10px !important; white-space: nowrap !important; } /* -------------------------------------------------- MASTER / CONTACTS / ORGANIZATIONS / REPORTS / ADDONS SECOND ROW -------------------------------------------------- */ .dashboard nav.navbar .navbar-right .navbar-right-div { display: block !important; width: 100% !important; margin: 5px 0 0 !important; padding: 0 !important; overflow-x: hidden !important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav { width: 100% !important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul { width: 100% !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li { width: auto !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================== MOBILE 767px FIX LEADS LEFT / ADMIN RIGHT NAVIGATION SECOND ROW SIDEBAR HAMBURGER WORKING ========================================================== */ @media screen and (max-width: 767px) { /* ========================= PAGE ========================= */ html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } .dashboard { width: 100% !important; min-height: 100vh !important; overflow-x: hidden !important; } /* ========================= NAVBAR ========================= */ .dashboard nav.navbar { width: 100% !important; height: 82px !important; min-height: 82px !important; padding: 0 !important; margin: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; background: #ffffff !important; z-index: 99999 !important; } /* Navbar container */ .dashboard nav.navbar > .container { width: 100% !important; max-width: 100% !important; height: 82px !important; margin: 0 !important; padding: 0 10px !important; position: relative !important; display: block !important; box-sizing: border-box !important; } /* ========================= NAVBAR RIGHT ========================= */ .dashboard nav.navbar .navbar-right { width: 100% !important; min-width: 0 !important; height: 82px !important; margin: 0 !important; padding: 0 !important; position: relative !important; display: block !important; } /* ========================= LEADS ========================= */ .navbar-right-mobile { width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 !important; position: relative !important; display: block !important; visibility: visible !important; opacity: 1 !important; } .navbar-right-mobile .navbar-menu-name, .navbar-right-mobile .navbar-menu-name.d-none { display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; width: auto !important; height: 42px !important; margin: 0 !important; padding: 0 !important; color: #052f5f !important; font-family: EMprint-Semibold !important; font-size: 17px !important; line-height: 42px !important; font-weight: 600 !important; white-space: nowrap !important; visibility: visible !important; opacity: 1 !important; z-index: 100001 !important; } /* ========================= ADMIN ========================= */ .dashboard nav.navbar .navbar-right .navbar-admin { display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; width: auto !important; height: 42px !important; margin: 0 !important; padding: 0 !important; z-index: 100002 !important; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 72px !important; height: 40px !important; margin: 0 !important; padding: 5px 10px !important; font-size: 14px !important; line-height: 20px !important; white-space: nowrap !important; } /* ========================= HAMBURGER ========================= */ .navbar-right-mobile .navbar-menu-div { display: flex !important; position: absolute !important; left: 0 !important; top: 42px !important; width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; align-items: center !important; justify-content: center !important; z-index: 100003 !important; } .navbar-right-mobile .navbar-menu-div #open-menu { display: flex !important; width: 35px !important; height: 35px !important; margin: 0 !important; padding: 5px !important; border: none !important; outline: none !important; background: transparent !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; cursor: pointer !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } .navbar-right-mobile .navbar-menu-div #open-menu span { display: block !important; height: 3px !important; margin: 3px 0 !important; border-radius: 5px !important; background-color: #0d6efd !important; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(1) { width: 25px !important; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(2) { width: 16px !important; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(3) { width: 22px !important; } /* ========================= SECOND ROW NAVIGATION ========================= */ .dashboard nav.navbar .navbar-right .navbar-right-div { display: block !important; width: 100% !important; max-width: 100% !important; height: 40px !important; margin: 0 !important; padding: 0 0 0 38px !important; position: absolute !important; left: 0 !important; top: 42px !important; border: none !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 100000 !important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav { width: 100% !important; height: 40px !important; margin: 0 !important; padding: 0 !important; border: none !important; overflow: hidden !important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul { width: 100% !important; height: 40px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; list-style: none !important; box-sizing: border-box !important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li { width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; flex: 0 1 auto !important; white-space: nowrap !important; } /* Remove slash */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li::after { display: none !important; } /* Navigation text */ .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a { display: block !important; margin: 0 !important; padding: 4px 2px !important; font-family: EMprint-Semibold !important; font-size: 11px !important; line-height: 18px !important; color: #052f5f !important; white-space: nowrap !important; text-align: center !important; } /* ========================= MAIN CONTENT ========================= */ .dashboard .dashboard-main { width: 100% !important; max-width: 100% !important; margin: 95px 0 0 !important; padding: 0 12px 20px !important; box-sizing: border-box !important; display: block !important; } .dashboard .dashboard-main .main-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .dashboard .dashboard-main .main-content .content-inn { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================= SIDEBAR ========================= */ .dashboard .dashboard-main aside { display: block !important; position: fixed !important; left: -100% !important; top: 82px !important; width: 260px !important; max-width: 80vw !important; height: calc(100vh - 82px) !important; margin: 0 !important; padding: 15px !important; background: #ffffff !important; overflow-y: auto !important; overflow-x: hidden !important; z-index: 99998 !important; box-shadow: 5px 0 20px rgba(0,0,0,0.12) !important; transition: left 0.3s ease !important; } /* OPEN SIDEBAR */ .dashboard .dashboard-main aside.active { display: block !important; left: 0 !important; visibility: visible !important; opacity: 1 !important; } /* Sidebar menu */ .dashboard .dashboard-main aside .navbar-nav { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; } .dashboard .dashboard-main aside .navbar-nav .nav-item { width: 100% !important; } .dashboard .dashboard-main aside .navbar-nav .nav-item a { width: 100% !important; display: flex !important; align-items: center !important; padding: 10px 8px !important; box-sizing: border-box !important; } } /* ===================================================== FINAL MOBILE NAVBAR ONLY FOR 767px AND BELOW ===================================================== */ @media screen and (max-width: 767px) { /* ---------- NAVBAR ---------- */ .dashboard nav.navbar{ width:100%!important; height:145px!important; min-height:145px!important; position:fixed!important; top:0!important; left:0!important; margin:0!important; padding:0!important; background:#fff!important; z-index:99999!important; border-bottom:1px solid #e5e7eb!important; } .dashboard nav.navbar > .container{ width:100%!important; max-width:100%!important; height:145px!important; margin:0!important; padding:0 12px!important; position:relative!important; display:block!important; box-sizing:border-box!important; } /* ---------- LOGO FIRST ROW ---------- */ .dashboard nav.navbar .navbar-header{ display:flex!important; position:absolute!important; top:10px!important; left:18px!important; width:auto!important; height:45px!important; margin:0!important; padding:0!important; align-items:center!important; z-index:10!important; } .dashboard nav.navbar .navbar-header .navbar-brand{ display:flex!important; align-items:center!important; margin:0!important; padding:0!important; } .dashboard nav.navbar .navbar-header .navbar-brand img{ display:block!important; width:45px!important; max-width:45px!important; height:auto!important; margin:0!important; } /* hide old h1 only */ .dashboard nav.navbar .navbar-header .navbar-brand h1{ display:none!important; } /* ---------- FULL RIGHT AREA ---------- */ .dashboard nav.navbar .navbar-right{ display:block!important; width:100%!important; height:145px!important; margin:0!important; padding:0!important; position:relative!important; } /* ---------- SECOND ROW HAMBURGER ---------- */ .navbar-right-mobile{ display:block!important; position:absolute!important; top:60px!important; left:0!important; width:100%!important; height:38px!important; margin:0!important; padding:0!important; z-index:20!important; } .navbar-right-mobile .navbar-menu-div{ display:flex!important; position:absolute!important; left:0!important; top:0!important; width:36px!important; height:38px!important; align-items:center!important; justify-content:center!important; } .navbar-right-mobile .navbar-menu-div #open-menu{ display:flex!important; width:36px!important; height:38px!important; margin:0!important; padding:5px!important; background:transparent!important; border:none!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; cursor:pointer!important; } .navbar-right-mobile .navbar-menu-div #open-menu span{ display:block!important; height:3px!important; margin:3px 0!important; border-radius:5px!important; background:#2563eb!important; } .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(1){width:24px!important;} .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(2){width:16px!important;} .navbar-right-mobile .navbar-menu-div #open-menu span:nth-child(3){width:22px!important;} /* ---------- LEADS ---------- */ .navbar-right-mobile .navbar-menu-name, .navbar-right-mobile .navbar-menu-name.d-none{ display:block!important; position:absolute!important; left:42px!important; top:0!important; height:38px!important; line-height:38px!important; margin:0!important; padding:0!important; color:#1f3b5b!important; font-family:EMprint-Semibold!important; font-size:17px!important; font-weight:600!important; white-space:nowrap!important; } /* ---------- TEAM / ADMIN ---------- */ .dashboard nav.navbar .navbar-right .navbar-admin{ display:block!important; position:absolute!important; top:60px!important; right:0!important; margin:0!important; padding:0!important; z-index:30!important; } .dashboard nav.navbar .navbar-right .navbar-admin .admin-btn{ display:flex!important; align-items:center!important; justify-content:center!important; min-width:76px!important; height:38px!important; margin:0!important; padding:5px 10px!important; font-size:14px!important; white-space:nowrap!important; } /* ---------- THIRD ROW NAVIGATION ---------- */ .dashboard nav.navbar .navbar-right .navbar-right-div{ display:block!important; position:absolute!important; top:104px!important; left:0!important; width:100%!important; height:41px!important; margin:0!important; padding:0!important; overflow:visible!important; z-index:15!important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav{ width:100%!important; margin:0!important; padding:0!important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; width:100%!important; margin:0!important; padding:0!important; list-style:none!important; row-gap:3px!important; column-gap:12px!important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li{ margin:0!important; padding:0!important; width:auto!important; flex:none!important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li::after{ display:none!important; } .dashboard nav.navbar .navbar-right .navbar-right-div nav ul li a{ display:block!important; padding:0!important; margin:0!important; font-size:11px!important; line-height:18px!important; font-family:EMprint-Semibold!important; color:#1f3b5b!important; white-space:nowrap!important; text-decoration:none!important; } /* ---------- CONTENT ---------- */ .dashboard .dashboard-main{ margin-top:155px!important; } /* ---------- SIDEBAR ---------- */ .dashboard .dashboard-main aside{ display:block!important; position:fixed!important; top:145px!important; left:-100%!important; width:260px!important; max-width:82vw!important; height:calc(100vh - 145px)!important; background:#fff!important; z-index:99998!important; overflow-y:auto!important; transition:left .3s ease!important; } .dashboard .dashboard-main aside.active{ left:0!important; } } /* ===================================================== MOBILE SIDEBAR - ALWAYS IN FRONT ===================================================== */ @media screen and (max-width: 767px) { .dashboard .dashboard-main aside { position: fixed !important; top: 145px !important; left: -100% !important; width: 260px !important; max-width: 82vw !important; height: calc(100vh - 145px) !important; background: #ffffff !important; z-index: 999999 !important; visibility: visible !important; opacity: 1 !important; overflow-y: auto !important; box-shadow: 5px 0 20px rgba(0, 0, 0, 0.18) !important; transition: left 0.3s ease !important; } .dashboard .dashboard-main aside.active { display: block !important; left: 0 !important; visibility: visible !important; opacity: 1 !important; z-index: 999999 !important; } }