:root
{
	--vz-font-sans-seriffff: "Poppins","Inter",sans-serif !important;
	--vz-font-sans-serif: "Poppins","Inter",sans-serif !important;
	    --vz-body-font-size: .9125rem !important;
	    --vz-btn-font-size: 0.9225rem !important;
	    --vz-body-bg: #f9fafb;
	        --vz-box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, .08);
	        
			--vz-body-color_last : #556779;
			--vz-body-color : #232c35;
			    
			
	}


body{
	
	    background1: linear-gradient(239.01deg, rgb(223, 242, 255) 12.5%, rgb(234, 229, 240) 85.49%);
		background2: linear-gradient(239.01deg, #efefff 12.5%, rgb(234, 229, 240) 85.49%);
		background: linear-gradient(315deg, #dde2fe 12.5%, rgb(255 255 255) 85.49%);
		background3: url(../images/left-circles.svg) no-repeat left bottom, linear-gradient(90deg, #2b3242 0%, #141414 99%);
    	background-color: #f2f2f7 !important;
	    background-color11: #f6fbff !important;

}

.accordion-border-box .accordion-item .accordion-button {
	    padding: 14px 0px 16px 43px;
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
--vz-offcanvas-width: 600px !important;	
}

.badge {
	--vz-badge-font-size: 0.95em;
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent !important;
    color: #95b2db;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.page_title{
display: flex;
margin:10px 10px;
font-size:18px;
font-weight: 600;
    align-items: center;
    gap: 0.5rem;
   /* color:var(--vz-gray-900) !important; */
	}
.page_title i{
	font-size:24px !important;
	font-weight:normal !important;}
.page_title .description {
		font-size:14px !important;
	font-weight:normal !important;}
	


.ar-shadow{
	 --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	
	}
.card12{
	    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	
	
	}
.card{
	border-radius: 10px !important;
    border-bottom: solid 0px var(--vz-gray-300);
	
	box-shadow: #36476c26 0 4px 4px;
	/*
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	
	/*
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	*/
	}

#accesslity1{
	}
#accesslity1:before{
background-image: url(../images/bg.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    filter: blur(75px);
	opacity: .1;
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.pagination{
	margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-start;
	
	}

.card-header{
	    border-bottom: 1px solid var(--vz-border-color) !important;
		}
.card-title {
	font-family:var(--vz-font-sans-serif);
    margin: 0 0 7px 0;
    font-weight:700;
}


.hscroll-menu{
	    padding: 0px 0px 3px 0px;
		margin:0px 0px 0px 0px;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.item-badge{
	font-size: 12px;
      /* background: var(--vz-header-item-color); */
    color: var(--vz-vertical-menu-item-color);
    border: 1px solid var(--vz-header-item-color);
    padding: 2px 10px;
    border-radius: 5px;
	display: flex;
    align-items: center;
	margin-right:10px;
	}
.item-badge i{
	font-size:20px;
    margin: 0px 4px 0px 0px;}

.hscroll-menu li{
	display: inline-block;
	}
	
	
.hscroll-menu form{
	display:inline-block;
	}
.hscroll-menu form input{
	border:none; width:160px; margin:0px; padding:6px; border-radius:3px;  border: 1px solid #cccccc47 !important;
	}

.hscroll-menu::-webkit-scrollbar {
  -webkit-appearance:none;
  width:12px;
  _background-color:#e6e6e6;
}

.hscroll-menu::-webkit-scrollbar-thumb {
  border-radius:0px;
  border-top:8px solid rgba(255,255,255,0);
  background-clip:content-box;
  _background-color:#e6e6e6;
  background-color: #e6e6e6;
}
.hscroll-menu::-webkit-scrollbar-thumb:hover {
  border-radius:0px;
  border-top:8px solid rgba(255,255,255,0);
  background-clip:content-box;
  background-color:#e6e6e6;
}

.hscroll-menu::-webkit-scrollbar-corner {
  background-color:#e6e6e6;
}


.tooltip-inner {
	font-size:13px;
	box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, .05);
}



.simplebar-content .nav-item{    }
.simplebar-content .nav-item:hover{     background-color:inherit; }
.text-left {
	text-align:left !important;}
.text-right {
	text-align:right !important;}
	
.datatable_badge {
	    font-size: 11px !important;
    font-weight: 400 !important;
    padding: 6px 10px !important;
	}
.ar_module_nav{}
.ar_module_nav .nav-item {
    margin-right: 15px;
  /*  border-radius: 5px;
    padding: 4px 6px;
    font-size: 14px; */
}
	
.ar_module_nav .add{
	background-color: #2890e9  !important;
	}
.ar_module_nav .add .nav-link{
	color: #FFF !important;
	}

.navbar-menu .navbar-nav .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.425rem 1.5rem;
    color: var(--vz-body-color);
    font-size: .925rem;
    font-family: "Poppins","Inter",sans-serif;
	
	margin: 5px 10px !important;
    border-radius: 10px !important;
}
.navbar-menu .navbar-nav .nav-link:hover {
 	background-color: #76b1e017;
}


.navbar-menu .navbar-nav .nav-link i {
    display: inline-block;
    min-width: 1.75rem;
    font-size: 22px;
    line-height: inherit;
	margin-right:5px;
}


.navbar-menu .navbar-nav .nav-link.active {
    color: var(--vz-white);
    background-color: #2b3242; /*#18193f; */
	
}


.form-icon{ margin-bottom:20px;}
.form-control {
    border: 2px solid var(--vz-gray-300);
        font-size: .9125rem !important;
       /* height: 40px; */
        
}
.form-label { font-weight: 600;
    color: var(--vz-gray-700);
	
	/*font-size: 16px; */ }

 .form_span{
     display:block;
   
    color: var(--vz-vertical-menu-item-color-dark);
    font-weight: 400;
         margin: 5px 0px 20px 0px;
    font-size: 13px;
    
    }
    
    

.form-select {border: 2px solid var(--vz-gray-300);     font-size: .9125rem !important;}
	
.form-icon i {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    background: var(--vz-gray-200);
    width: 40px;
    justify-content: center;
	color: var(--vz-footer-color);
}


.form-line-title{ margin:10px 0px !important; background: var(--vz-input-disabled-bg); padding:10px;}


.choices__inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background-color: var(--vz-input-bg);
    padding: 0.25rem 3.6rem 0.1rem 0.5rem;
    border: 2px solid var(--vz-gray-300);
    border-radius: 0.25rem!important;
    font-size: .8125rem;
    min-height: 42.5px;
    overflow: hidden;
	    font-size: .9125rem !important;
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: initial;
    border-radius: 7px;
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 400;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    margin-top: 2px;
    background-color: #4b679f;
    border: 0px solid #4b38b3;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    -webkit-box-shadow: var(--vz-box-shadow);
    box-shadow: none;
}



.delete-button{
	background: transparent;
    border: none;
    display: flex;
	}




.dropdown-item {
    font-size: 14px;
}

.percentage-bar{
	display:block;
    height: 12px;
    width: 0;
    background-color: #2a5bd7;
    border-radius: 0.8rem;
}


.apex-charts{ width:100%;}

    .item-body{
	display: flex;
    flex-direction: row;
    padding: 0.8rem;
	}
	
	.card-body h2{
		font-size:16px !important;
		margin:10px 0px;
		padding:0px;
		color:#000;
		display:block;
		}

.item-body .icon-container {
    align-items: center;
    border: 0.1rem solid #dbe0eb;
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

	
	.item-body .icon-container img {
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

	.item-body .item-information{
    display: flex;
    gap: 1.6rem;
    flex-direction: row;
	align-items: center;
}
.item-body .item-information span{ font-size:12px;}

	.item-body .item-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0.8rem;
    margin-left: auto;
}

.item-body .title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--vz-gray-700) !important;;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-body .long-url {
    color: #878a99;
    font-size: 13px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-body .short-url {
    color: #2a5bd7;
    font-size: 14px;
    font-weight: 600;
    line-height: 2rem;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.link-stats {
    display: flex;
    justify-content: space-evenly;
    gap: 2.4rem;
}
.link-stats--card {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background: #fff;
    border-radius: 0.8rem;
    margin-bottom: 0.4rem;
    width: 100%;
        box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, .08);
}
.orb-typography.p {
    font-size: 15px;
    line-height: normal;
    padding: 0;
}
.link-stats--card p {
    display: flex;
    align-items: center;
    color: #526281;
    margin: 0;
}
.link-stats--value {
    display: flex;
    align-items: center;
    color: #526281;
    font-size: 20px;
    font-weight: 700;
    line-height: 2rem;
}


.a-flex{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

@media (max-width: 991.98px){

.a-flex{
    display: block!important;
}
.item-body {
     display: block;
    flex-direction: row;
    padding: 1.6rem;
}

.item-body .item-container {
    margin-top: 5px;
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
}


.panel_inner_menu{}
.panel_inner_menu .nav{
	display:block !important;
	}

}