File "style_new.css"
Full Path: /var/www/lionsclub/assets/frontend/css/style_new.css
File size: 10.49 KB
MIME-type: text/plain
Charset: utf-8
.intMar{
margin: 0px -30px;
}
:root {
--theme: #40e0d0;
}
* {
margin: 0;
padding: 0;
}
.container {
max-width: 1280px !important;
}
.searchBar input {
padding: 5px 5px 5px 70px;
width: 80%;
height: 76px;
background: #f9c910;
border: transparent;
font-size: 19px;
}
.searchBar input::placeholder {
color: #55565A;
}
.searchBar button {
padding: 5px;
background-color: #4687DB;
border: transparent;
font-size: 24px;
color: #fff;
transition: 0.5s linear;
height: 76px;
width: 20%;
position: absolute;
}
.searchBar button:hover {
color: #000;
transition: 0.5s linear;
cursor: pointer;
}
.searchBar img {
position: absolute;
top: 28px;
left: 40px;
}
/* .searchText{
margin-left: 50px;
} */
.dictCode {
background: #132F55;
height: 202px;
padding: 60px 90px;
}
.selRow select {
height: 76px;
width: 338px;
background: #F9C910;
color: #55565A;
font-size: 20px;
padding: 20px;
-webkit-appearance: none;
}
.selRow img {
position: absolute;
right: 30px;
top: 30px;
z-index: 0000;
}
.imgColors {
background: #F0F8FF;
padding: 50px 70px;
}
.imgColors1 {
background: #F0F8FF;
padding: 30px 10px;
margin: 20px 0;
}
.selcetColors {
height: 140px;
border-radius: 10px;
display: flex;
align-items: center;
}
.selcetColors:hover {
box-shadow: 0px 4px 10px 0px #00000026;
}
.selc1 {
background: #BAF6F8;
}
.selc2 {
background: #F3E5FB;
}
.selc3 {
background: #E0EFF6;
}
.selc4 {
background: #E6EEFA;
}
.selc5 {
background: #F2E6D5;
}
.selc6 {
background: #CAF3E5;
}
.selc7 {
background: #FBD3D3;
}
.selc8 {
background: #E8F6E4;
}
.selc9 {
background: #E1DBF7;
}
.selc10 {
background: #FFF4E7;
}
.selc11 {
background: #F7F5DF;
}
.selcetColors img {
position: absolute;
right: 15px;
top: 0;
}
.selcetColors p {
font-size: 20px;
/* padding-top: 20px; */
padding-left: 30px;
padding-right: 110px;
}
.selcetColors h4 {
font-size: 32px;
/* padding-top: 10px; */
padding-left: 30px;
}
.teams p {
font-size: 24px;
text-transform: uppercase;
color: #15519C;
font-weight: 600;
margin: 0;
}
.exportBtn {
text-align: right;
}
.exportBtn button {
width: 150px;
height: 50px;
background: #0A3DAB;
border: none;
color: #fff;
border-radius: 5px;
}
.exportBtn img {
padding: 0px 15px 0 0;
}
.imgColor {
background: #CAF3E5;
}
.imgColor1 {
background: #E0EFF6;
}
.imgColor2 {
background: #EEEBFF;
}
.imgColor3 {
background: #FFF4E7;
}
.profileImg {
padding: 20px;
text-align: center;
border-radius: 10px;
}
.profileImg h5 {
font-size: 18px;
color: #006AB7;
margin-top: 10px;
margin-bottom: 0;
}
.profileImg p {
color: #333333;
font-size: 12px;
margin: 0;
}
.profileImg h6 {
color: #6C757D;
font-size: 12px;
margin: 0;
font-weight: 400;
}
.profileImg span {
color: #333333;
}
.profileImg a {
font-size: 12px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.accordion .card-header:after {
content: url("../../../uploads/images/image_drop.png");
float: right;
}
.accordion .card-header.collapsed:after {
content: url("../../../uploads/images/image_fill.png");
}
.card {
padding-bottom: 0 !important;
max-width: 100% !important;
max-height: unset !important;
margin-bottom: 0 !important;
}
.card-body {
background: transparent !important;
padding: 60px 30px !important;
}
.card-title {
font-size: 16px;
font-weight: 600;
color: #212529;
}
.card-header {
background: #ffffff08 !important;
border-top: 1px solid #e3e3e3;
}
.card-header[aria-expanded="true"]{
background-color: #FFA500 !important;
}
.card-header[aria-expanded="true"] .card-title {
color: #fff;
}
.govrnProfile .row {
/* box-shadow: 0px 4px 20px 0px #00000026; */
background: #F7F7F7;
padding: 10px;
margin: 0;
margin-bottom: 30px;
height: 180px;
}
.govrnProfile .row:hover {
box-shadow: 0px 4px 10px 0px #00000026;
}
.govrnProfile .col-lg-7 {
margin-left: 10px;
}
.govrnProfile .col-lg-3 {
margin-left: -10px;
padding: 0;
}
.govrnProfile .col-lg-2 {
padding: 0px;
}
.govrnProfile h5 {
color: #006AB7;
font-size: 16px;
margin: 0;
}
.govrnProfile p {
color: #6C757D;
font-size: 14px;
margin: 0 !important;
}
.govrnProfile h6 {
color: #6C757D;
font-size: 12px;
margin: 0;
}
.govrnProfile a {
color: #333333;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.govrnProfile h3 {
color: #6C757D;
font-size: 12px;
margin-top: 3px;
text-align: right;
}
.govrnProfile h2 {
color: #6C757D;
font-size: 12px;
margin: 0;
font-weight: 400;
}
.govrnProfile span {
color: black;
font-weight: bold;
}
.locImg {
display: flex;
border-top: 1px solid #EEEEEE;
padding: 10px;
margin-top: 5px;
}
.locImg img {
width: 12px;
height: 14px;
margin-right: 10px;
/* margin-top: 6px; */
}
.membersPage {
background: #fff;
padding: 20px;
}
.membersPage h1 {
color: #0008A8;
font-size: 30px;
font-weight: bold;
}
.membersPage span {
font-size: 22px;
float: right;
}
.membersPage h2 {
color: #4687DB;
font-size: 20px;
}
.membersPage p {
color: #737477;
}
.membersPage hr {
margin-top: 2rem;
margin-bottom: 2rem;
}
.famMembers {
background: #fff;
padding: 20px;
margin-top: 40px;
width: 360px;
}
.famMembers th {
color: #0008A8;
text-align: center;
font-size: 24px;
font-weight: 600;
padding: 0px 0px 20px;
}
.famMembers td {
border-top: 1px solid #0000001a;
padding: 15px 0;
font-size: 14px;
}
.famMembers td:first-child {
font-size: 14px;
color: #4687DB;
width: 130px;
font-weight: 600;
}
.famMembers td:last-child {
width: 190px;
max-width: 190px;
overflow: auto;
/* text-overflow: ellipsis; */
/* white-space: nowrap; */
display: block;
}
.famImages img {
display: block;
margin: 0 auto;
}
/* CSS targeting an img tag inside a div with class "profile-container" */
.profileImage {
width: 100px; /* Example: Set the width */
height: 100px; /* Maintain aspect ratio */
border-radius: 50%; /* Circular images */
border: 1px solid #ccc; /* Light grey border around the image */
}
.govprofileImage{
width: 63px; /* Example: Set the width */
height: 63px; /* Maintain aspect ratio */
border: 1px solid #ccc; /* Light grey border around the image */
border-radius:50%;
}
.memberphoto{
width: 200px;
height: 200px;
}
.exportBtn button{
font-size: medium;
}
.accordion>.card>.card-header {
height: 56px;
padding: 15px;
}
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
flex-wrap: unset !important;
align-items: unset !important;
}
.countries h1 {
background: #005999;
padding: 20px;
font-size: 30px;
color: #fff;
text-align: center;
}
.countriesImg {
margin-top: 30px;
}
/* .navbar-brand img {
left: 200px;
} */
.famMembers ::-webkit-scrollbar {
height: 5px;
}
.famMembers ::-webkit-scrollbar-thumb {
border-radius: 10px;
}
.subsideDir {
background: #fff;
padding: 20px;
margin: 3rem;
}
.subsideDir h1 {
font-size: 24px;
text-transform: uppercase;
color: #15519C;
font-weight: 600;
margin-bottom: 15px;
}
.mngAtten p {
font-size: 16px;
text-align: center;
}
.headDistrict h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
color: #15519C;
border-top: 1px solid #e0e0e0;
padding-top: 20px;
}
@media (min-width: 1700px) {
.navbar-brand img {
left: 200px;
}
}
@media (max-width: 1600px) {
.navbar-brand img {
left: 0px;
}
}
@media (max-width: 1280px) {
.intMar {
margin: 0;
}
}
@media (max-width: 1200px) {
.lionDashboard {
text-align: center;
}
.selRow select {
width: 100%;
}
/* .searchBar input {
width: 80%;
} */
/* .searchBar button {
width: 120px;
} */
.imgColors {
padding: 50px 30px;
}
/* .famImages img {
width: 100%;
} */
.famMembers {
width: 100%;
}
}
@media (max-width: 991px) {
.selcetColors.selc3 {
margin-top: 3rem;
}
/* .searchText {
margin-left: 0;
margin-top: 20px;
} */
/* .dictCode {
padding: 15px 70px;
} */
/* .exportBtn {
margin-top: -40px;
} */
.teams p {
font-size: 18px;
}
.accordionMenu {
padding: 0;
margin-top: 20px;
}
.govrnProfile .row {
height: auto;
}
}
@media (max-width: 767px) {
.selcetColors.selc2 {
margin-top: 3rem;
}
.selRow select {
font-size: 16px;
}
.imgColors {
padding: 30px 10px;
}
.dictCode {
padding: 15px 0px;
}
.searchBar button {
width: 100%;
position: relative;
display: block;
margin-top: 20px;
}
.searchBar input {
width: 100%;
font-size: 16px;
}
/* .searchText {
margin-top: -80px;
} */
/* .exportBtn {
margin-top: 20px;
text-align: left;
} */
.exportBtn button {
margin-bottom: 10px;
}
.accordion .card-header:after {
position: absolute;
right: 10px;
}
.govrnProfile .row {
text-align: center;
}
.accordion>.card>.card-header {
height: auto;
}
.govrnProfile h3 {
text-align: center;
}
.intMar img, .indiaMar img {
width: 100%;
}
.countries h1 {
font-size: 25px;
}
.card-title {
padding-right: 10px;
}
.subsideDir {
margin: 0px;
}
}