body {background: linear-gradient(-35deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);	background-size: 400% 400%;	animation: gradient 15s ease infinite;	height: 100vh;	color:#CCCCCC;}

@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

p,h1,h2,h3,h4,h5,h6 {color:#CCCCCC;}
.navbar-dark .navbar-nav .nav-link {  color: #fff;  background: #0006;  margin-left: 1px;  border-radius: 10px;  margin-right: 1px;}

.hidden {display: none;}

.pagination {margin-left: 25%;}

/*------------- Custom Bootstrap --------------*/

.btn-close {	color: #ffd800;}
.btn {	margin: 2px !important;}
.form-switch .form-check-input {width: 4em;}
.form-check-input {	height: 2em;}
.form-check-label {	padding: 5px 0 0 15px;	font-size: 16px;}
.heading {	margin-top: 8px;	padding-left: 10px;	border-left: 5px solid #0c6efd;	color: #ffc107;}
.photoGallery {height:50px; width:50px;}

/*00000000000000000000000000000 */

.TxtQuote {	font-size: 18px;	margin-top: 8px;	padding-top: 10px;	border-top: 1px solid #ccc;}
.card {	background-color: #0000008f;	background-clip: border-box;	border: 1px solid rgba(0,0,0,.125);	border-radius: 0;	margin-bottom: 15px;	color: #fff;}
.card-body{padding-top:4px;}

/* ////////////// Quotetion Card //////////////// */

.CardBorder {background:#000; width: 355px !important;height: auto;	border: 3px solid #00ffb8;	margin: auto;}
.QuotesHead {background:#ff2400; text-align:center;padding:5px; font-size:14px;}
.QuotesCard {position:relative; width:350px !important; height:auto; /*border: 1px solid #000;*/ margin:auto;}
.QuotesInfoCard{position:absolute;margin-top:-62px;padding-bottom:16px;z-index:99;}
.QuotesFrame {margin-left:0px; margin-top:-63px; width: 100%; border-bottom: 2px solid #00ffb8;}
.QuotesDp {margin-left:16px; margin-top:-156px; height: 101px;width: 101px;border-radius: 90px !important;}

.MyInfo{position:absolute;width:225px;height:38px; margin-left:122px; margin-top:-79px; text-align:center; z-index:99 !important;}

.QuotesName {margin-bottom: 0; font-size: 20px; font-weight: bold; color: #FFCC00; text-shadow: 0px 1px 2px #000;  text-align: center;}
.QuotesAbout {display:block;font-size: 12px; font-weight:normal; color:#fff; text-align:center; margin-top:-2px;}
.QuotesMobile {display:block; margin-top:-5px; font-size: 11px;color:#fff;text-align:center;}
.whatsappIco {height: 20px;	width: 20px;text-align: center;color: lime;	border-radius: 90px;padding: 1px 4px;}
.QuotesFoot {background:#fff; font-size:10px; text-align:center; color:#000; padding:3px;margin-top: -21px;}
.QuotesFoot span{color: #2c00ff;} 


/* ////////////// My Quotation Card //////////////// */

.MyQuotBox{width: 355px !important;  height: auto;  border: 3px solid #00ffb8;  margin: auto;}
.MyQuotBorder{width: 350px !important; height: auto; border: 2px solid #000;  margin: auto;}
.MyQuotFooter{background:#3f0303;}
.MyQuotDP{margin-left:14px !important; margin-top:-40px; height: 101px; width: 101px; border-radius: 90px !important;box-shadow: 5px 10px 10px #000;}
.MyQuotName{margin-left: 120px; margin-top:-45px; font-size: 16px; font-weight: bold; color: #FFCC00; text-shadow: 0px 1px 2px #000; width: 225px; text-align: center;}
.MyQuotAbt{margin-left: 120px; font-size: 12px; font-weight: normal; color: #FFf; z-index: 99; width: 225px; text-align: center;}
.MyQuotMob{margin-left: 120px; font-size: 11px; font-weight: normal; color: #FFf; z-index: 99; width: 225px; text-align: center;}
.MyQuotBoxFoot {background:#00ffb8; font-size:10px; text-align:center; color:#000; padding:1px;}
.MyQuotBoxFoot span{color: #2c00ff;}


/* ////////////// Jewellery Card //////////////// */

.BusinessBorder {width: 355px !important;height: auto;	border: 3px solid #00ffb8;	margin: auto;}
.BusinessCard {position: relative; width: 350px !important; height: auto;	border: 1px solid #000;	margin: auto;}
.BusinessBanner {width: 100%; margin-top:-70px;}
.BusinessFrame {margin-left:0px; margin-top:-13px; width: 100%;}
.BusinessLogo {margin-left:15px; margin-top:15px; height:55px; width:55px; border-radius:90px !important; position: relative;}
.BusinessName {position: relative;margin-top:-48px; padding-left:10px; font-size:16px; font-weight:bold; color:#FFCC00; text-shadow:0px 1px 2px #000; z-index:99;}
.BusinessAddress {position:relative;margin-top:5px; padding-left:25px; font-size:11px; font-weight:normal;color:#fff;z-index:99;}
.BusinessMobile {position:relative; margin-left:255px; margin-top:-44px; z-index:99;}
.BusinessMobile a{font-size:14px; font-weight:bold; color:#fff;}
.BusinessFoot {background:#00ffb8; margin-top:27px; font-size:10px; text-align:center; color:#000; padding:3px;}
.BusinessFoot span{color: #2c00ff;} 

/* ////////////// BIRTHDAY Card //////////////// */

.BirthdayCard{position:relative;width:400px;height:400px;border:3px solid #000}
.BirthdayFrame{position:absolute;bottom:0;left:0;width:100%;z-index:99;border:3px solid #000}
.BirthdayDp{position:absolute;top:50px;left:50px;height:300px;width:300px}

/* ////////////// DP Card //////////////// */
.DpCard{position:relative;height:400px;width:400px;margin:auto}
.DpFrame{position:absolute;bottom:0;left:0;width:100%;z-index:99;border:3px solid #000}
.DpDp{position:absolute;top:30px;left:30px;height:350px;width:350px}
/* /////////////////////////////////////////// */
.BtnSico{padding:4px!important;font-size:18px!important;height:45px;width:45px}
.BtnSico i{display:block;font-size:18px!important}
.BtnSico span{display:block;font-size:12px!important}
.PddX{margin-bottom:5px}
.PddXForm{margin-top:12px;margin-bottom:2px}
.PadCardBody{padding:0px!important}
.PdBtn{padding:2px 5px!important;font-size:12px!important}
.PdBtn2{padding:2px 5px!important;font-size:12px!important;background:#000!important;color:#fff}
.PdBtn2:hover{color:#fff000}
.CommentBox{text-align:left;color:#fff}
.CommentBox img{float:left;width:24px;height:24px;border-radius:90px;margin-right:10px}
.CommentBox span{text-align:left;color:#ccc;font-size:11px}
.CommentBox span i{color:#fff000}
/*[[[[[[[[[[[[[[[[[[*/

.TitleHeading{padding-top:75px;padding-bottom:25px;text-align:center}
.BtnGradStarted{background:#020024;background:linear-gradient(90deg,rgb(2 0 36) 0%,rgb(9 9 121) 100%);padding:7px 30px;color:#fff;text-decoration:none;font-size:25px;border-radius:90px}
.BtnGradStarted:hover{background:#090979;background:linear-gradient(90deg,rgb(9 9 121) 0%,rgb(82 7 125) 100%);color:#fff}
.BtnLgBlock{display:block;padding:20px 25px;font-size:18px;font-family:Arial;text-align:center;text-decoration:none;border-width:1px;color:#fff;border-color:#337bc4;font-weight:700;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:3px 4px 0 0 #1564ad;text-shadow:0 1px 0 #528ecc;background:linear-gradient(#79bbff,#378de5)}
.BtnLgBlock:hover{background:linear-gradient(#378de5,#79bbff)}
.RegionCard{width:100%;border:solid 1px #ccc;background:#fff;padding:11px;display:block;margin:10px 0}
.RegionCard a{text-decoration:none}.RegionCard b{font-weight:700;color:#0E5E86;text-transform:uppercase}
.RegionCard span{font-size:12px;color:#BC4040}.RegionCard img{width:50px;height:50px;border-radius:90px;float:right}
.TagsLinks a{display:inline-block;background:#4d0f28;color:#fff;border-radius:10px;padding:10px;margin:5px;text-decoration:none;text-align:center}
.BtnTags{background:#ddd;border-radius:5px;text-decoration:none;color:#333;margin:5px}
.BtnTags span{background:#789!important;color:#fff!important}
.FooterLinks h4{color:#ccc;padding:15px 0;font-weight:700}
.FooterLinks a{color:#ccc;padding:5px;margin:3px;text-decoration:none;text-align:center}

/*---------------------------------*/
@media (min-width:1200px){.navbar-vertical.navbar-expand-xl .navbar-vertical-content{width:15.625rem}}
@media (min-width:1200px){.navbar-vertical.navbar-expand-xl .navbar-collapse{width:15.625rem}}
@media (max-width:470px){.container,.container-fluid{padding-right:1px!important;padding-left:1px!important;margin-right:auto;margin-left:auto}}
/*===============================*/
/*======= User Admin ==========*/
/*===============================*/

.header {background-color: #002929;}
/*
.header { height: 45px;}
.sidebar { top: 45px;}
#main { margin-top: 45px;}
*/
.header .toggle-sidebar-btn{color:#ffffff!important}
.header-nav .nav-icon{color:#fdc007!important;margin-right:15px}
.sidebar{background-color:#000000eb}
.sidebar-nav .nav-link{color:#fff;background:#c1b1b129}
.logo img{max-height:40px!important;margin-right:0!important}
.logo span{color:#ffffff!important}
.sidebar-nav .nav-content a{color:#fec007!important;padding:10px 0 10px 18px;border-bottom:1px solid #242424;background:#000000b5!important}
.sidebar-nav .nav-content a:hover{color:#f00!important;background:#d79804!important}
.sidebar-nav .nav-content a i{font-size:12px!important}
.sidebar-nav .nav-link i{color:#ffb300}
.main{background:#000000c9}
.pagetitle h1{color:#CCC}
.card-title{color:#CCC}
.QuotesCardBody{background:#000000c9}
.dashboard .news h4 a{color:#3FC}
.dashboard .news p{color:#CCC}
.footer{border-top:1px solid #ffffff30;background:#000000e3}
.footer .copyright{color:#fff}
.footer .credits{color:#fff}
.footer .credits a{color:#f77400}
/**-------------**/
.back-to-top {right:25px; bottom:25px; background:#4154f1; border-radius:90px;}