/*.card{

	box-shadow: none!important;

}*/

body {
    
  font-family: "Segoe UI" !important;
  font-size: 13px !important;
 }
 .text-sm {
  font-size: 13px !important;
}
/*.row
{
  margin-right: 0 !important;
  margin-left: 0 !important;
}*/
.trendnav {
  width :14% !important;
}
.layout-navbar-fixed .wrapper .sticky-navbar-top
{
  position: sticky !important;
  top: 48px !important;
  z-index: 1000 !important;
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #dee2e6 !important;
  top: calc(2.93725rem + 1px);
  
}
.sticky-navbar-top
{
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #dee2e6 !important;
}
label { margin-bottom: 0 !important ;}
.active-bredcrumb
{
  /* font-weight: bolder !important; */
  font-weight: 500;
  color : black !important;
}
.btnyellow {
  color: #fff !important;
  background-color: #F58322 !important;
  border-color: #F58322 !important;
  box-shadow: none !important;
}
.btn-danger {
  color: #fff !important;
  background-color: #F0303D !important;
  border-color: #F0303D !important;
  box-shadow: none !important;
}
.btnpink {
  color: #fff !important;
  background-color: #9C335E !important;
  border-color: #9C335E !important;
  box-shadow: none !important;
}
.btnpink2 {
  color: #fff !important;
  background-color: #550739 !important;
  border-color: #550739  !important;
  box-shadow: none !important;
}
.close, .mailbox-attachment-close {
  opacity: 1.5 !important;
}
.h5, h5 {
  font-size: 16px !important;
}
.text-sm .card-title {
  font-size: 14px !important;
}
.h6, h6 {
  font-size: 13px !important;
}

.bold-custom-select {
  font-size: 13px !important;
    font-weight: 500 !important;
    justify-content: center !important;
}
.card-title {
  font-weight: 500 !important;
}
.text-sm .card-title {
  font-size: 13px !important;
}
#module_bg{

	/*background: rgb(0 21 22 / 100%);

	background-image: url("../images/bg1.jpg");*/



	background: rgb(255,255,255);

background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 38%, rgba(238,249,254,1) 100%);

background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 38%, rgba(238,249,254,1) 100%);

background: linear-gradient(135deg, rgba(255,255,255,1) 38%, rgba(238,249,254,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eef9fe",GradientType=1);	

  

  	

  	background-position: center;

  	background-repeat: no-repeat;

  	background-size: cover;

/* Add the blur effect */

  	/*filter: blur(8px);

  	-webkit-filter: blur(8px);*/



}

.filter{

    /*width: 100%;

    height: 100%;*/

    

    background: rgb(0 21 22 / 0%);

}





.module_tile{

	background: rgb(90 172 168 / 90%);

	transition-duration: .3s;

	overflow: hidden;

	color: black;

	

}

.module_tile h4{

	text-shadow: 1px 1px 1px rgb(0 21 22 / 87%);

}



.module_link:hover .module_tile{

	background:rgb(2 66 72);

	margin-top:-8px;

	

	transform: scale(1);

}

.img_div img {

	transition-duration: .3s;

	transition-delay: 0s

}

.module_link:hover img {

	

	transform: scale(1.1);

}



.img_div{

	height: 175px;

	overflow: hidden;

}

.small-box {

	background: #f9fdff;

}







.login-page, .register-page{

/*    FONT-WEIGHT: 100 !important;*/

    background-image: url('../images/1.jpg') !important;

    background-size: cover !important;

    opacity: 1 !important;

    width: 100% !important;

    align-items: flex-end !important;

    /*padding-right: 100px !important;*/

    font-size: 14px !important;

}

    .post-login-page{

/*    FONT-WEIGHT: 100 !important;*/

    background-image: url('../images/2.jpg') !important;

    /*background-size: cover !important;*/

    opacity: 1 !important;

    width: 100% !important;

    /*align-items: flex-end !important;*/

    /*padding-right: 100px !important;*/

    font-size: 14px !important;

}

.login-button{

    background-color: #0695fb;

    border-color: #0695fb;

    color: #ffffff;

}

.post-login-modules{

    margin-left: 5%; !important

}



.scrollbar-theme::-webkit-scrollbar {

	width: 4px;

	/*background-color: #F5F5F5;*/



}



.scrollbar-theme-6::-webkit-scrollbar {

    width: 6px;

    /*background-color: #F5F5F5;*/



   

}



.scrollbar-theme::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

    background-color: rgba(0,20,255,.2);

    cursor: pointer !important;

}



.top-product-card {

    position: relative;

    z-index: 1;

}

/*.card {

   border-color: #c9c3c300 !important;

    border-radius: 0.75rem;

    -webkit-box-shadow: 1px 3px 5px 2px #d7def4;

    box-shadow: 1px 3px 5px 2px #d7def4;

    border: 1px solid #d7def4;

}*/

/*.card .card-body {

    padding: 1rem;

}*/

.top-product-card .badge {

    font-size: 14px;

    top: 1rem;

    left: 1rem;

    z-index: 10;

}

.top-product-card .product-thumbnail {

    text-align: center;

    margin: 10px 0;

}

.top-product-card .product-thumbnail img {

    width: 100%;

}

.top-product-card .product-title {

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 0.25rem;

    color: #020310;

}

.config_head{

    width: 10%;

    font-weight: 500;

}

.config_value{

    width: 15%;

   

}

.config_value input{

     text-align: right;

}

.config_discri{

    width: 15%;

}

.range{

    margin-top: 5px;

    text-align: center;

}

.config_bttn_div{

    margin: 20px 0px;

}



.bttn_config_restore, .bttn_config_update{

    background: #000;

    color: #fff;

    padding: 7px;

    border-radius: 6px;

    margin: 10px;

    width: 175px;

}

.d_config_head{

    width: 25%;

    font-weight: 500;

}

.section_head{

    background: #f5f5f5;

    font-size: 15px;

}



/* Tooltip container */

.tooltip {

  position: relative;

  display: inline-block;

 opacity: 1 !important;

}



/* Tooltip text */

.tooltip .tooltiptext {

  visibility: hidden;

  width: 500px;

  background-color: black;

  color: #fff;

  text-align: center;

  padding: 5px 0;

  border-radius: 6px;

 

  /* Position the tooltip text - see examples below! */

  position: absolute;

  z-index: 1;

}



/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {

  visibility: visible;

}

.duration {

/*text-align: center;*/

}

.duration label a{

    text-decoration: none;

    color: #000;

}

.duration label a span{

    padding-right: 5px;

}

#duration_div{

    display: none;

    float: right;

    width: 100%;

    z-index: 99999;

    position: absolute;

    background: #f8f9fa;

    border: 1px solid #d3d4d5;

    padding: 10px;

}

.head_right{

       font-size: 15px;

    font-weight: 500;

    margin: 10px;

}

.head_right_bold{

    font-weight: bold;

    font-size: 19px;

}

.sticked{

  position: 

}

.header-main-top{

    background: #f5f5f5;

    width: 100%;

    min-height: 80px;

    margin-bottom: 2px;

    border-bottom: 1px solid #e9e9e9;

    box-shadow: 1px 1px 1px #e9e9e9;

}

/*.layout-navbar-fixed .header-main-top{

      left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 1037;

    background: #f5f5f5;

    width: 100%;

    margin-bottom: 2px;

        border-bottom: 2px solid #e9e9e9;

    box-shadow: 1px 1px 1px #e9e9e9;

}

.layout-navbar-fixed .wrapper .main-header{

  top: 93px!important;

}*/

.layout-navbar-fixed .wrapper .main-sidebar{

    left: 0;

    position: fixed;

    right: 0;

    /*top: 93px;*/

    margin-top: 0!important;

     z-index: 1037;

}

.layout-navbar-fixed .wrapper .main-sidebar .sidebar{

   margin-top: 0!important;

}

.header-top-right{

    margin-bottom: 5px;

    margin-top: 5px;

    background: #f5f5f5;

  }

  .user-panel .image{

    font-size: 23px;

  }

.analatics_menu ul{

    list-style: none;

    padding: 0;

}

.analatics_menu ul li{

    float: left;

    padding: 0 0 1px 18px;

}



.analatics_menu ul li a{

 text-decoration: none;

 color: #000;

 font-size: 14px;

    }

.analatics_menu ul li a:hover{

    border-bottom: 4px solid #119957;

}

.analatics_menu ul li a.active{

   border-bottom: 4px solid #119957;

    font-weight: 600;

}

.custom-switch.custom-switch-sm .custom-control-label {

    padding-left: 1rem;

    padding-bottom: 1rem;

}



.custom-switch.custom-switch-sm .custom-control-label::before {

    height: 1rem;

    width: calc(1rem + 0.75rem);

    border-radius: 2rem;

}



.custom-switch.custom-switch-sm .custom-control-label::after {

    width: calc(1rem - 4px);

    height: calc(1rem - 4px);

    border-radius: calc(1rem - (1rem / 2));

}



.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {

    transform: translateX(calc(1rem - 0.25rem));

}

#last_updated{

  font-weight: bold;

}

.inner_menu li span i{

    padding: 0 8px;

}

.card_header_noborder{

    border: none;

}

.summery_info_box{

        padding: 1px;

    margin: 5%;

    width: 90%;

    min-height: 111px;

}

.bar {

  width: 5px;

  height: 20px;

  background: #fff;

  display: inline-block;

  transform-origin: bottom center;

  border-top-right-radius: 20px;

  border-top-left-radius: 20px;

  /*   box-shadow:5px 10px 20px inset rgba(255,23,25.2); */

  animation: loader 1.2s linear infinite;

}

.bar1 {

  animation-delay: 0.1s;

}

.bar2 {

  animation-delay: 0.2s;

}

.bar3 {

  animation-delay: 0.3s;

}

.bar4 {

  animation-delay: 0.4s;

}

.bar5 {

  animation-delay: 0.5s;

}

.bar6 {

  animation-delay: 0.6s;

}

.bar7 {

  animation-delay: 0.7s;

}

.bar8 {

  animation-delay: 0.8s;

}



@keyframes loader {

  0% {

    transform: scaleY(0.1);

    background: ;

  }

  50% {

    transform: scaleY(1);

    background: black;

  }

  100% {

    transform: scaleY(0.1);

    background: transparent;

  }

}



.list_style{

  text-decoration: none;

    color: #000;

    list-style: none;

    padding: 0;

    margin: 0;

}



        .list_style a li {
  color: #000;
  border-bottom: 1px solid #d1d4d7;
  padding: 5px 0px 5px 5px !important;
  background-color: #f5f6f7;
   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
   position: relative; 
}

.list_style span li {
  color: #000;
  border-bottom: 1px solid #d1d4d7;
  padding: 5px 0px 5px 5px !important;
  background-color: #f5f6f7;
   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
   position: relative; 
}

/*.list_style a:hover li{

  background: #6c757d;

  color: #fff;

}*/

.list_style a:hover li {
  background: #010101 !important;
  color: #fff;
  padding: 5px 0px 5px 5px !important;
}

.list_style span:hover li {
  background: #010101 !important;
  color: #fff;
  padding: 5px 0px 5px 5px !important;
}

/*.list_style a:hover  .list_style li{
 background: #010101 !important;
}*/

/*.list_style a li::after { 
  content: attr(title); 
  position: absolute;
  background-color: rgb(0, 0, 0);
  color: #fff;
  padding: 5px 10px;
  bottom: -9px; 
  left: 0;
  opacity: 0; 
  visibility: hidden; 
  white-space: normal;
  transition: opacity 0.3s;
}

.list_style a:hover li::after { 
  opacity: 1;  
  visibility: visible;
}*/
.list_style a li::after {
  content: attr(title); 
  position: absolute;
  background-color: rgb(0, 0, 0);
  color: #fff;
  /* padding: 0px 2px 2px 5px; */
  padding: 5px 0px 5px 5px;
 /* bottom: -9px;*/
  left: 0;
  opacity: 0;
  visibility: hidden;
  white-space: normal;
  transition: opacity 0.3s, width 0.3s, height 0.3s; /* Transitions added */
  top: 0;
  width: 100%;  /* Removed fixed width */
  height: auto;
  z-index: 600;
  font-size: 13px;
  margin-bottom: 213px; 
}

.list_style span li::after {
  content: attr(title); 
  position: absolute;
  background-color: rgb(0, 0, 0);
  color: #fff;
  /* padding: 0px 2px 2px 5px; */
  padding: 5px 0px 5px 5px;
 /* bottom: -9px;*/
  left: 0;
  opacity: 0;
  visibility: hidden;
  white-space: normal;
  transition: opacity 0.3s, width 0.3s, height 0.3s; /* Transitions added */
  top: 0;
  width: 100%;  /* Removed fixed width */
  height: auto;
  z-index: 600;
  font-size: 13px;
  margin-bottom: 213px; 
}

.list_style a:hover li::after { /* Target hover state for the tooltip */
  opacity: 1;
  visibility: visible;
  max-width: 300px;  /* Set a maximum width for the tooltip */
  white-space: break-spaces;  /* Allow wrapping for long text */
}

.list_style span:hover li::after { /* Target hover state for the tooltip */
  opacity: 1;
  visibility: visible;
  max-width: 300px;  /* Set a maximum width for the tooltip */
  white-space: break-spaces;  /* Allow wrapping for long text */
}

.custom_trend_parameter{

  max-height: 600px;
  overflow-y: scroll;
  border-radius: 3px;
  padding-left: 0px;

}

.active_para{

   background: #6c757d !important;

  color: #fff !important;

}
#itemLables{
  border-bottom: 1px solid #6c757d;
}
#itemLables h6{
  border-bottom: 1px solid #6c757d;
}
.trend_badge {
  font-size: 15px;
  padding: 2px 5px 4px 7px;
  margin: 1px;
  color: #333434 !important;
  background-color: #fff !important;
}
.trend_badge:hover {
  font-size: 15px;
  padding: 2px 5px 4px 7px;
  margin: 1px;
  color: #333434 !important;
  background-color: #fff !important;
}
.trend_badge span{
font-weight: normal;
font-size: 15px;
margin-left: 25px;
}
.searchItems {
  /*border-bottom: 1px solid #6c757d;*/
  margin-top: 7px;
  padding: 0;
  margin-bottom: 10px;
}
.searchItems h6{
  /*border-bottom: 1px solid #6c757d;*/
}
.serch_text{
border-color: #6c757d !important;
box-shadow: inset 0 0 0 1px transparent !important;
height: 32px !important;
font-size: 15px !important;
}
.pad-0{
  padding: 0!important;
}
.pl-0{
  padding-left: 0 !important;
}
.tr_brder_top{
  border-top: 1px solid  #dee2e6;

}
.tr_brder_bottom{
  border-bottom: 1px solid  #dee2e6;

}
.insight_table tr td{
  border-top: none;
  border-bottom:  none;
   border-left: 1px solid  #dee2e6;
}
.notification_checkbox{
  width: 30px; height: 30px; float: left;
}

.stylish-input-group .input-group-addon{
    background: transparent !important;
  width: 9%;
  padding-top: 5px;
}
.stylish-input-group .form-control{
  /*  border-right:0;*/ 
    box-shadow:0 0 0; 
    border-color: #ccc0 !important;
}
.stylish-input-group {
 position: relative;
  display: -ms-flexbox !important;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  border: 1px solid #7e868d;
  border-radius: 4px;
}

.col-md-2.attributea {
  border: #aeb3b7 1px solid;
  margin-top: 9px;
}
.image-item
   {
      height: 20px !important;
   }
   .form-control-sm {
    font-size: 13px !important;
   }
   .custom-select-sm {
    font-size: 13px !important;
   }