/*####################*/
/*COMMON CSS BEGINS*/
/*####################*/
@font-face {
  font-family: KantarBrownRegular;
  src: url(../fonts/KantarBrown-Regular.otf);
}
@font-face {
  font-family:KantarBrownLight;  
  src: url(../fonts/KantarBrown-Light.otf);
}
:root{
	--color-black : #000000;
	--color-white : #ffffff;
	--color-gray-light : #F4F4F4;
	--default-theme-color : #6D6D6D;
	--theme-color : #D4D4C9;
	--color-link:#2E86FF;
	--icon-color : #D4D4C9;
	--status-icon-color1:red;
	--status-icon-color2:green;
	--border-color : #707070;
	--border-color-light: #ccc;
	--outline-color:#D4D4C9;
	--txt-gray-light-color : #707070; 
	--danger-color : #D10000;
	--color-anchor-active:#007bff;
	--secondary_color_dark: #6D6D6D;
	--secondary_color_light: #F4F4F4;
	--secondary_color_lighter: #F7F7F7;
	--bg-transparent-color:rgb(0 0 0 / 0%);
	--bg-tbl-tr-hover-color:rgb(255 255 255 / 84%);	
	--bg-row-validation-color:khaki;
	--text-color : #6D6D6D;
	--heading-text-color : #D4D4C9;
	--heading-text-font : KantarBrownRegular;
	--link-text-color : #007bff;
	--text-color-on-primary : #ffffff;	
	--icon-color-on-primary : #ffffff;
	--bs-btn-disabled-color : var(--text-color-on-primary);
	--input-disabled-color :#ccc;
	--header-color : #ffffff;
	--header-text-color : #000000;
	
	--text-direction : ltr;
	--text-direction-complete : left;
	--text-direction-complete-op : right;
	
	--button-v-adj:0.375rem;
	--overlay-btn-adj:0.5rem;
	--theme-color-submit:#D4D4C9;
}   
html{
	font-size: 100%; /*16px*/
}

html,
body {
  font-family: KantarBrownRegular, sans-serif;
  color:var(--text-color);
  background-color: var(--color-white); 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-repeat: repeat-x;
  background-position: center top; 
  overflow-x: hidden;
  box-sizing: border-box; 
  height : 100vh;
  direction : var(--text-direction);
  text-align: var(--text-direction-complete);
}

.header-icon-color, .navbar-dark .navbar-text.header-text-color, .header-icon-color:hover,
.gift-shop-text-color{
	color: var(--header-text-color);
}
.bullet {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

.regular-border{
     border: 0.125rem solid var(--outline-color);
 }
 
.header-wrap, .outside-header-wrap{
	direction:ltr;
	text-align: left;
}
.align-ltr{
	direction: ltr;
	text-align: left;
}
.align-rtl, .homePage .align-ltr .card-body, .supportLib .align-ltr .card-body{
	direction : var(--text-direction);
	/* text-align: var(--text-direction-complete); BT 5*/ 
	text-align : justify;
}

/* BT 5 */
.text-justify{
	text-align:justify !important;
	}
/* BT 5 */	
.form-check-input{
	margin-top : .15rem;
}
/* BT 5 */	
tbody, td, tfoot, th, thead, tr{
	border-color : var(--outline-color);
}
/* BT 5 */	
.table>:not(caption)>*>*{
	padding : .75rem;
}
/* BT 5 */	
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
/* BT 5 */	
.toast{
	max-width: var(--bs-toast-max-width);
    width: 100%;
}
/* BT 5 */	
label{
	margin-bottom: 0.5rem;
}
/*#################*/
/*LOGIN CSS BEGINS*/
/*#################*/
.login-container
	{
  		margin-top: 7rem; 
  }
  
.login-container .login-card{
  margin-top: 1rem; 
  height: auto;
  padding: 0 2rem; 
  border: 0.09375rem solid var(--outline-color);
  border-radius: 2px;
  box-shadow: 0 0px 0px rgb(0 0 0 / 1%), 0 0 0px 0 rgb(0 0 0 / 0%);
  } 
.login-container .form.login-form a.text-decoration-none{
font-size: .80rem;
}
.login-card .card{
  border: 0.09375rem solid var(--outline-color);
  }
.login-container input, select, textarea .form-control{
  border: 0.0625rem solid var(--outline-color);
  border-radius: 0;
  }
 .login-container .remember-me:checked:after {
    background: white;
    content: '\2714';
    color: black;
    text-align: center;    
}
.login-container .remember-me:after {
    content: "";  
    position: relative;
    cursor: pointer;
    display: block;
    height: 1rem;
    width: 1rem; 
    background-color:#fff;
    font-size: .80rem;
    outline: .1rem solid var(--outline-color);
}
  .remember-me~.control-label {
    padding:0 .5rem;
    font-size: .80rem;
  } 
.login-container .mt3{
    margin-top: 2.5rem!important;
}
.login-container a {
	color: var(--color-black);
}
.login-container a.btn {
	color: var(--text-color-on-primary);
}
.outside-logo{
	display: flex;
}
@media(max-width:480px){
	.outside-logo{
		display: flex;
	}
}
@media(max-width:576px){  
	.login-container
	{
  		margin-top: 14rem; 
  } 
  .login-container .login-card{ 
  border: 0.05375rem solid var(--outline-color);
  }
  .login-container .remember-me:after{
  outline: 0.05375rem solid var(--outline-color);
  }
.login-container .login-card { 
    padding-right: 1rem;
    padding-left: 1rem;
}
.login-container .remember-me:after { 
    height: 1.125rem;
    width: 1.125rem; 
    }
.login-container .login-card {
    margin-left: 3rem;
    margin-right: 3rem;
}
}
@media(max-width:476px){
	.login-container .col-xl-auto { 
    padding-right: .2rem;
    padding-left: .2rem;
    font-size:.68rem;
}
.logo-resize{
 width:40%
 }
 .login-container .login-card {
    margin-left: 3rem;
    margin-right:3rem;
}
}
 /*LOGIN CSS ENDS*/
.toast-body-err {
    padding: .75rem;
}
.add-icon-color
{
	color : var(--icon-color);
}
.icon-color{
	background: var(--color-white);
    border-radius: 50%;
}

.fa-circle-exclamation:before {
    color: var(--status-icon-color1);
}
.fa-circle-check:before,
.fa-check:before {
    color:	var(--status-icon-color2)
}

.fa-icons{
color:var(--icon-color-on-primary);
}

#leftsidedata .bg-secondary
{
background-color:var(--secondary_color_dark)!important;	
}
.bg-secondary span  
{
	color:var(--text-color-on-primary)
}
a:hover{
	text-decoration:none;
}
.btn:hover {
   color:var(--text-color-on-primary);
}
.cursor-pointer{
	cursor:pointer;
}
.toast-danger,
.toast-success
	{
	    visibility: hidden;
	}
.page-top-heading {
    color: var(--heading-text-color);
    font-family : var(--heading-text-font);
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.3125rem;
    text-transform: capitalize;
}
.pwd-alt-msg {
    color: var(--text-color);
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1rem;
} 
.default-heading
{ 
	color: var(--text-color);
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.individual-member-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    align-content: space-around;
}
.individual-member-list>:nth-child(2) {
    flex-grow: 10;
}
.individual-member-list div,
.individual-member-list label {
    margin: 0.625rem;
    flex: 1 0 25%;
    text-align: left;
}
.font-size21{
	font-size: 1.3125rem;
}
.font-weight-600{
	font-weight:600;
}
.hideTd {
    visibility: hidden;
} 
.ml-200{
margin-left : 12.5rem; /*200px*/
}
.ask-btn, .ask-btn:hover {
    border-radius: 2rem;
    background-color: var(--icon-color);
    color: var(--color-white);
}
.ask-btn span .fa-circle-question{
    font-size: 1.5rem;
    top: 3px;
    position: relative;
}
.mb-6{
	margin-bottom: 4rem;
}

.mb-72{
	margin-bottom: 5rem; /*72px*/
}

.text-theme-color{
	color: var(--theme-color);
}

.text-black-color{
	color: var(--color-black);
}

.card-header{
	background-color : var(--secondary_color_lighter);
}


.custom-list-group-item:hover .icon-color,
.cdu_vtabs .nav-link:hover .icon-color,
.header-link-active .icon-color{
	color: var(--icon-color-on-primary);
}

.custom-list-group-item.active .icon-color,
.cdu_vtabs .nav-link.active .icon-color,
.custom-list-group-item.active:hover .icon-color,
.cdu_vtabs .nav-link.active:hover .icon-color{
	color: var(--icon-color-on-primary);
}

/*line page loader */
.loader-line {
	width: 100%;
	height: 0.1875rem;
	position: absolute;
    top: 0;
	overflow: hidden;
	}
.loader-line:before {
	content: "";
	position: absolute;
	left: -50%;
	height: 0.1875rem;
	width: 40%;
	background-color:var(--danger-color);
	-webkit-animation: lineAnimation 1s linear infinite;
	-moz-animation: lineAnimation 1s linear infinite;
	animation: lineAnimation 1s linear infinite;
}
@keyframes lineAnimation { 0% { left: -40%; } 50% { left: 20%; width: 80%; } 100% { left: 100%; width: 100%; } }
/* end line page loader */

/* overwrite jquery-ui class */
.ui-state-highlight a, 
.ui-widget-content .ui-state-highlight a, 
.ui-widget-header .ui-state-highlight a {
    color: var(--text-color);
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
    border: none;
    background: var(--color-white);
    color: var(--text-color);
}
/* end overwrite jquery-ui class */

/*overwrite bootstrap class*/  
.btn-primary,
.btn-primary.disabled, .btn-primary:disabled { 
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color: var(--text-color-on-primary);
}

.btn-primary:hover{ 
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color: var(--text-color-on-primary);
}
.btn-primary.focus, .btn-primary:focus  
{ 
    background-color: var(--theme-color);
    border-color:var(--theme-color);
    color: var(--text-color-on-primary);
    box-shadow:0 0 0 0.2rem rgb(0 123 255 / 0%);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle 
{
    background-color: var(--theme-color);
    border-color:var(--theme-color);
    color: var(--text-color-on-primary);
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus 
{
    box-shadow:0 0 0 0.2rem rgb(0 123 255 / 0%)
}
 .btn-header-link:active,.btn-header-link,
 .btn-header-link:active:first-child:active {
    border: none;
}
 .btn-secondary { 
    background-color:var(--secondary_color_dark);
    border-color:var(--secondary_color_dark);
    color: var(--text-color-on-primary);
}
.btn-secondary:hover{ 
    background-color:var(--secondary_color_dark);
    border-color:var(--secondary_color_dark);
    color: var(--text-color-on-primary);
}
 
.btn-secondary.focus, .btn-secondary:focus 
{  
    background-color: var(--secondary_color_dark);
    border-color:var(--secondary_color_dark);
    color: var(--text-color-on-primary);
    box-shadow:0 0 0 0.2rem rgb(0 123 255 / 0%);
} 
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle 
{
    background-color: var(--secondary_color_dark);
    border-color:var(--secondary_color_dark);
    color: var(--text-color-on-primary);
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus 
{
    box-shadow:0 0 0 0.2rem rgb(0 123 255 / 0%)
}
  input, select, textarea, .form-control{
  border: 0.0625rem solid var(--outline-color);
  border-radius: 0;
  }
  a:hover {
     color:var(--color-link);
}
.text-decoration-none:hover
{
	text-decoration: none;
	}
.userAlreadyRegistered-container #forgotlogoid
 {
   margin-top: 12rem;
   height: 30rem;
 }	
 .userAlreadyRegistered-container #forgotlogoid #resetPassword
 {
 position: static!important; 
 } 
#successForm,
#successForm #resetPassword {
    font-size: 1rem;
}
.table-hover tbody tr:hover{
	color: var(--color-black);
	background-color: rgb(0 0 0 / 2%);
}
/*end overwrite bootstrap class*/
.seperator {
 border-left: .09375rem solid var(--color-black); 
}

.text-error{
color: var(--danger-color);
}

.bg-trans{
	background-color:transparent !important;
}

.noticeDiv{
    position: fixed;    
    z-index: 9999;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%, 0px);
}

.noticeDiv #cookieMessage{
	min-width: 25rem;
}

.toast-div{
  position: fixed; 
  top: 4rem; 
  right: 2rem;
  z-index:2;
 }
 
 .toast-danger{
     background-color: #d10000d4;
     border-color: var(--danger-color);
     color: white;
   }
   
 .toast-success{
 	background-color: #28a745e8;
    border-color: var(--success);
    color: white;
 }
 .ui-widget.ui-widget-content
 {
 border: none;
 }
 
 
 .ui-state-default, 
 .ui-widget-content .ui-state-default, 
 .ui-widget-header .ui-state-default, 
 .ui-button, html .ui-button.ui-state-disabled:hover, 
 html .ui-button.ui-state-disabled:active { 
    background: var(--secondary_color_dark); 
    color: var(--text-color-on-primary);
}

.ui-jqgrid .ui-jqgrid-hdiv{
	border-bottom: 0px none !important;
}
/*#########################*/
/*CSS FOR SCROLLBAR STARTS*/
/*########################*/
::-webkit-scrollbar {
  width: 0.625rem;
  height:0.625rem;

} 
/* Track */
::-webkit-scrollbar-track {
  background: var(--color-gray-light); 
  border-radius: 0.1875rem;
  box-shadow: inset 0.0625rem 0.0625rem 0.125rem var(--default-theme-color); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--outline-color); 
  border-radius: 0.1875rem; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--secondary_color_dark); 
}
/*#########################*/
/*CSS FOR SCROLLBAR ENDS*/
/*########################*/
 
 /*#########################*/
/*FOOTER CSS STARTS*/
/*########################*/
footer {
	background-color: var(--color-black);
	justify-content: center;
	color: var(--color-white);
	position: fixed;
	left: 0;
	padding: 1rem;
	bottom: 0px;
	width: 100%;
	text-align: center;
	z-index: 9;
}
/*#########################*/
/*FOOTER CSS ENDS*/
/*########################*/

/*####################*/
/*HOME PAGE CSS BEGINS*/
/*####################*/
.homePage iframe.embed-responsive-item {
    margin: auto;    
    height: 18.75rem;
    border: none;
}
.img-object-fit-cover {
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1248px)
{
.small-pb-1rem {
    padding-bottom: 1rem!important;
    font-size:82%;
}
}
/*HOME PAGE CSS ENDS*/

/*#################*/
/*HEADER CSS BEGINS*/
/*#################*/

.img-responsive {
    margin: auto;
    padding: 0rem;
    display: block;
}
.bg-darkest {
  background-color: var(--header-color);
}
.bg-gray-light {
  background-color: var(--secondary_color_light);
}

.user-icons {
    width: 2.5rem;
}

.welcome-text{
	display:table-column;
}

.dropdown-toggle::after {
    display: none;
}

 .dropdown-menu:hover{
 	color:#fff
 }

.dropdown-menu a:hover {    
    text-decoration: none;
}

.dropdown-item a
{
	color: var(--text-color);
    padding: .625rem 1rem;
    width:100%;
    display: inline-block;
    height: auto; 
}

a{
	text-decoration : none; /* BT 5 */
}
.dropdown-item:hover {
    background-color: var(--theme-color);
    color:var(--theme-color);
}

.dropdown-item a:hover{  
     color: var(--text-color-on-primary);
     background-color: var(--theme-color);
}

.dropdown-item{
	padding: 0rem;
	border: .0625rem solid var(--outline-color);	
	border-bottom:0;
}
.dropdown-item:last-child{
	border: .0625rem solid var(--outline-color);	

}

.navbar-light .navbar-nav .nav-link{
	color: var(--text-color);
}

/* BT 5 */
.nav-link[data-bs-toggle].collapsed:after {
    content: " ▾";
    color:var(--text-color-on-primary)
}
.nav-link[data-bs-toggle]:not(.collapsed):after {
    content: " ▴";
    color:var(--text-color-on-primary)
}
.claim-device-usage-container
{
	margin-right: -0.0625rem;
}
.claim-device-usage-container .nav-link[data-bs-toggle]:not(.collapsed):after {
    content: " "!important; 
}
.navbar { 
    min-height: 3rem; 
}


/* For lanaguage dropdown */
.drop_down_language{
   	min-width:4rem;
    padding:0rem;
    margin-top: .125rem;
    background:#fff0;
    border: none;
    color:  var(--color-black);
    outline: none;
    cursor: pointer;
    box-shadow:none;
}
.drop_down_language:focus-visible {
outline: none;
}

.headerPage .drop_down_language .bootstrap-select{
	background-color : var(--header-color);
}

.headerPage .drop_down_language .bootstrap-select .btn{
	background-color: var(--header-color);
    color: var(--header-text-color);
    border: none;
    box-shadow: none;
    outline: none!important;
    padding-left:0;
}

.drop_down_language .bootstrap-select .dropdown-toggle:focus,
.drop_down_language .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
	 box-shadow: none !important; 
   	 outline: none !important;

}

/* for arrow */ 
 .drop_down_language .bootstrap-select .filter-option-inner:after {	
	color: var(--color-black);
	margin-left:.625rem; 
	float:right;	
	content: ' \203A';
	transform: rotate(90deg);
    display: inline-block;
    font-size: 1.5rem;
	line-height: 1.5rem;
}
.headerPage .drop_down_language .bootstrap-select .filter-option-inner:after{
	color: var(--header-text-color);
}

.drop_down_language .bootstrap-select .dropdown-menu{
	margin: 0;
    padding: 0;
}

.headerPage .drop_down_language .bootstrap-select .dropdown-menu[role="combobox"]{
	margin-top: .4375rem;
	position: absolute;
	margin-left: -.625em;
}
 
.drop_down_language .bootstrap-select .dropdown-menu .dropdown-item{ 
    color: var(--text-color);
    padding: .625rem 1rem;   
    background-color: var(--color-white);
}
 .drop_down_language .bootstrap-select .dropdown-menu .dropdown-item .selected,
 .drop_down_language .bootstrap-select .dropdown-menu .dropdown-item.active,
 .drop_down_language .bootstrap-select .dropdown-menu .dropdown-item:active,
 .drop_down_language .bootstrap-select .dropdown-menu .dropdown-item:hover{
	background-color: var(--theme-color);
    color: var(--text-color-on-primary);
}

.drop_down_language .btn:hover{
	color: var(--default-theme-color);
}

.headerPage .drop_down_language .btn:hover{
	color: var(--header-text-color);
}

.external-header-ddl{
	display: inline-block;
	float: right;
	margin-top: -1.5rem;
}

.search-container .fa-magnifying-glass {
    color: var(--icon-color);
}

 .search-container {
    border: .125rem solid var(--header-text-color);
    display: inline-flex;
    border-radius: 7.875rem;
    position: relative;
    background: var(--color-white);
    align-items:center;
}
.search-container .km-button {
    background-color: #fff0;
    outline: none;
    line-height: 0;
    cursor: pointer;
}

#searchError{
	font-size: 0.90625rem;
	z-index: 999;
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.adminSearch{
	display:none;
}
 

#search-home-id{
    outline: none;
    background: none repeat scroll 0 0 #ffffff0d;
    color: var(--color-black);
    border: none;
    border-radius: .3125rem;
    position: relative;
    height: auto;
    width: 6.25rem;
    top: 0.0625rem;
    margin-left: 1rem;
}

.km-button {
    border: none;
}
.km-button:hover,.btn-success:hover {  
  outline: 0rem;
}

.text-danger,.km-error,.msg_txt1,.msg_txt2,.msg_txt3,.msg_txt4{
    color: red;
    font-weight: bold;
}

.km-success,
.text-success {
 color: green; 
 font-weight: bold;
 text-transform: capitalize;
 }
 
.mynav-items .nav-link {
    padding: 0;
    margin: 0 0 0 .5rem;
    padding-top: 0;
    padding-bottom: 0;
    display:inline-block;
}

 .navbar-nav .mynav-items .active-linkk {
    border-bottom: .125rem solid;
    font-weight: 600;
    color: var(--heading-text-color);
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link 
{
    color: var(--heading-text-color);
}

.navbar-toggle{
	border-radius : .25rem;
	position:absolute;
}
.navbar-toggle[aria-expanded="true"]{
	position:relative;
}
.navbar-toggle:focus{
	outline : none;
}
.nav-icons, .nav-icons~span {
    display: inline-block;
}


.mobile-title{
	font-weight: 600;
    color: var(--heading-text-color);
    text-transform : uppercase;
}

.headerPage .navbar-expand-sm .navbar-nav{
	flex-direction:row;
	flex:1;
	display:flex;
	justify-content:flex-end;
}

.pr-icon{
	padding-right: .25rem;
}

.pr-icon img{
	height: 1.25rem;
	width: 1.25rem;

}

.navbar-nav .dropdown-menu.dd-login {
   position: absolute;    
   border: 0rem;
   margin-top: 0.5265rem;
  }
  
 .show-display-inline-block {
    display: inline-block !important;
}

.notification-count, .inbox-count {
    background-color: var(--icon-color);
    border-radius: 50%;
    color: var(--color-white);
    font-size: .75rem;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: -.625rem;
    padding: .2rem .3125rem 0;
}

#notifications {
    max-height: 20rem;
    width: 20rem;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 1rem;
    position: absolute;
}

.notification-wrap .dropdown-menu {
    background-color: var(--color-white);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

@media (max-width: 300px){
	.notification-wrap .dropdown-menu {
		width : 15rem;
	}
}

.notification-wrap .item-left {
    display: flex;
    padding: .625rem;
}

.notification-wrap .item-left:hover{
	background-color : var(--default-theme-color);
}

.notification-wrap .dropdown-menu li a {   
    color: var(--color-black);   
}

.notification-wrap .dropdown-menu li a:hover {
    color: var(--color-black);
}

/*To align navbar text in center of screen*/
 @media (min-width: 900px) and (max-width: 1100px){
 .navbar-center{
display: flex;
justify-content: center;
 }	
 }
 
 /*To align navbar text in center of screen*/
  @media (min-width: 1101px){
 .navbar-center{
display: flex;
justify-content: center;
	}	
}

/*for header menu*/
@media (min-width: 992px) and (max-width:1260px){
	.headerPage .navbar-expand-lg .navbar-nav{
		gap:0.65rem;
	}
	.headerPage .navbar-expand-lg .navbar-nav .nav-link {
	    padding:0rem;
	    font-size:85%;
	    word-spacing: -0.1rem;
	}	
}

@media (min-width: 1261px) and (max-width:1295px){
	.headerPage .navbar-expand-lg .navbar-nav{
		gap:0.65rem;
	}
	.headerPage .navbar-expand-lg .navbar-nav .nav-link {
	    padding:0rem;
	   	}	
}

@media (min-width: 999px) and (max-width:1030px){
	.headerPage .navbar-expand-lg .navbar-nav{
		gap:0.65rem;
	}
	.headerPage .navbar-expand-lg .navbar-nav .nav-link {	   
	    font-size:82%;
	}	
}

@media (max-width: 991px) {	
	.external-header-ddl{
		margin-top: .5rem;
	}
}


/* MENU IS NOT IN COLLAPSED STATE */
@media (min-width: 992px) {
	.navbar-toggle{
		display:none;
	}
}

/* MENU IS IN COLLAPSED STATE */
@media (max-width: 993px) {
	.mynav-items{
		padding-left: .3rem;
	}
	.mynav-items:hover{
		background-color: #ccc8c8;
    	border-radius: .25rem;
	}
	.navbar-nav .mynav-items .active-linkk{
		border-bottom: none;
		text-decoration: underline;
	}	 
}


@media (max-width: 575px) { 
   .headerPage .drop_down_language .bootstrap-select .dropdown-menu[role="combobox"]{
	margin-top: .3rem;
	margin-left: -2.2em;
}
   
}
/*#################*/
/*HEADER CSS ENDS*/
/*#################*/

/*#################*/
/*DOWNLOAD CSS BEGINS*/
/*#################*/
.download-browser-img{
	margin-top: 1.5625rem;
	margin-bottom: 0.75rem;
    width: auto;
    height: 6rem;
}
/*#################*/
/*DOWNLOAD CSS ENDS*/
/*#################*/

/*####################*/
/*MY PRIVACY PAGE CSS BEGINS*/
/*####################*/
.privacy-policy-container .custom-btn-primary,
.privacy-policy-container .custom-btn-default
{
	width: auto;
}
 
.privacy-policy-container table td{
    border: 0.08125rem solid;  
    border-left: 0.0875rem solid;
    padding: 0.3125rem 0.625rem!important;
}
.privacy-policy-container table thead th {
    border: 0.08125rem solid!important;
    padding: 0.3125rem 0.625rem!important;
}
.modal-dialog.modal-lg .modal-content {
    max-height: 32rem;
    overflow-y: auto;
}

.modal-dialog.modal-lg .modal-footer{
    position: sticky;
    bottom: 0;
    background: #fff;
    z-index: 999;
    } 
   .modal-dialog { 
    margin: 5rem auto;
} 

.overflow-contant
{
	overflow-x:auto;
	}
@media (max-width: 575px) {
.privacy-policy-container~ .modal .modal-dialog.modal-lg .modal-content { 
    top: 16rem;
}
}
/*####################*/
.nav-active {
    border-bottom: .125rem solid var(--heading-text-color);
    padding-bottom: 0.25rem;
    font-weight: 600;
    color: var(--heading-text-color);
}
.border-top-2{
    border-top: 0.09375rem solid var(--border-color);
}
.txt-align-center
{
	text-align:center
} 
.nav-bar-custom .nav-item {
    padding: 0rem 2rem;
}
#sidebar
{
	width: 100%;
    display: inline-block;
}
#sidebar .list-group-item { 
    border: 0rem solid rgba(0,0,0,.125);
        padding: .4rem 1.25rem;
} 
/* Create a custom check-box */
.lbl-checkbox {
  display: block;
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 1rem;
  cursor: pointer; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.lbl-checkbox .check-box {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
    position: absolute;
    top: .3rem;
    left: 0;
    height: 1rem;
    width: 1rem;
    outline: .1rem solid var(--default-theme-color);
} 
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.lbl-checkbox .check-box:checked ~ .checkmark:after {
  display: block;
} 
.lbl-checkbox .checkmark:after {
   left: .25rem;
   top: -.2rem;
   width: .5rem;
   height: 1rem;
   border: solid var(--text-color);
   border-width: 0 .1rem .1rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
.bootbox-body .container-costom {
    padding: 0 1rem;
}
/*portal consent sub-header styles*/
@media(max-width:1233px){ 
	.nav-bar-custom .nav-item {
    padding: 0rem 6rem;
}
@media(max-width:1137px){ 
	.nav-bar-custom .nav-item {
    padding: 0rem 5rem;
}
	}
	@media(max-width:1041px){ 
	.nav-bar-custom .nav-item {
    padding: 0rem 4rem;
}
	}
@media(max-width:851px){ 
	.nav-bar-custom .nav-item {
    padding: 0rem 2rem;
} 
.privacy-policy-container table td,
.privacy-policy-container table thead th {
    border: 0.12rem solid!important;  
} 
 }
@media(max-width:603px){ 
	.nav-bar-custom .nav-item {
    padding: 0rem 1rem;
} 
 }
 @media(max-width:576px){ 
	.nav-bar-custom .nav-item {
    padding:0rem .8rem;
} 
 }
 @media(max-width:575px){ 
	.nav-bar-custom .nav-item {
        padding: 0rem .5rem;
        display: list-item;
}  
.nav-bar-custom {
    display: flow-root;
}
.txt-align-left
{
	text-align:left
	}
.custom-navbar{
	display: block;
}
 }
  		@media(max-width:400px){ 
 	.nav-bar-custom{ 
        display:block;
} 
.custom-navbar{
	display: flex;
}
 }
 }
 
.privacy-policy-container .navbar-light .navbar-nav .nav-link:focus, .privacy-policy-container .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.5);
    cursor: default;
}
#leftsidedata .bg-secondary:hover {
    cursor: pointer;
}
 
 /*portal consent sub-header styles end*/
/*MY PRIVACY PAGE CSS ENDS*/
 
/*#################*/
/*HEADER CSS BEGINS*/
/*#################*/ 

/*####################*/
/*HOME PAGE CSS BEGINS*/
/*####################*/

.homePage .card-img-top {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
@media(max-width:768px)
{
.homePage .small-mt4
{
margin-top:2rem;
}
.homePage .small-mb0{
margin-bottom: 0px
}
#resetHome,
#resetMember {
    float: right;
    margin: 1rem 0.5625rem 0rem;
}
#resetAllHome,
#resetAllMembers {
    float: right;
}
}
/*####################*/
/*HOME PAGE CSS END*/
/*####################*/

/*####################*/ 
/*MY PROFILE PAGE CSS BEGINS*/
/*####################*/
.ethnicity-card .form-check-input:checked[type=radio] {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.ethnicity-card .card-header.collapsed:after {
    content: " \02C5";
}
.ethnicity-card .card-header:after {
    content: " \02C4";
    float: right;
    margin: auto auto auto 1rem; 
}
.ethnicity-card .card-header[aria-expanded="false"]{
    cursor: pointer;
    background-color: var(--secondary_color_dark);
    color: var(--text-color-on-primary); 
} 
.ethnicity-card .card-header[aria-expanded="true"]{
    background-color: var(--theme-color);
    color: var(--text-color-on-primary); 
}
.text-decoration-underline
{
  text-decoration: underline;
  color: var(--heading-text-color);
  padding: 0 .5rem;
}
.icon-avatar{
width: 4.375rem;
border: 0.125rem solid gray;
}
.icon-rounded {
    width: 2.5rem;
    height: 2.5rem;
    background: var(--theme-color);
    text-align: center;
    line-height: 2.5rem!important;
    border-radius: 50%;
    vertical-align: top;
}
.border-icons {
    position: relative;
    top: -2.4rem;
}
@media(max-width:575px){
	.custom-container{
		margin: 0 15px;
	}
	
	.small-plr-4{
	    padding:0  1.5rem!important;
	}
}
/*MY PROFILE PAGE CSS ENDS*/ 
/*FAQ PAGE CSS BEGINS*/
/*####################*/ 
.custom-card {
    width: 87%;
    margin: 0.625rem auto;
    border: 0.09375rem solid var(--outline-color)!important;
} 
.claim-device-usage-container .accordion .custom-card
{
width: 100%!important;	
} 
.faq-btn-container {
    position: relative;
}
.custom-card-header .btn-header-link {
    color:var(--heading-text-color);
    padding: 0rem; 
    width: 100%; 
}
 
.custom-card-header .btn-header-link:after {
    content: " \02C4"; 
    font-weight: 900;
    float: right;
    margin-left: 1rem;    
    margin-top: auto;
    margin-bottom: auto;
}
.custom-card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    border: none;
}
.custom-card-header .btn-header-link.collapsed:after {
    content: " \02C5";
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(0 123 255 / 0%);
} 
.btn-download,
.custom-btn-default,
.action-btn-previous,
.action-btn-next,
.btn-download:hover,
.custom-btn-default:hover,
.action-btn-previous:hover,
.action-btn-next:hover
{
	min-width:7rem;
	background-color: var(--secondary_color_dark);
	color: var(--text-color-on-primary);
}
.btn-upload ,
.custom-btn-primary,.btn-upload:hover ,
.custom-btn-primary:hover,
:not(.btn-check)+.btn:active,
.btn:focus-visible
{
	min-width:7rem;
	background-color: var(--theme-color);
	color: var(--text-color-on-primary);
}
/* BT 5 */
.btn-upload:disabled ,
.custom-btn-primary:disabled,
.btn-disabled:disabled,
a.cancel-link[style*='pointer-events: none']{
	border:none;
	background-color: var(--theme-color);
	opacity: var(--bs-btn-disabled-opacity);
	color: var(--text-color-on-primary);
}


.card .custom-card-header .btn-header-link.faq-title{
	word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    display: flex;
    justify-content: space-between;
    padding: 0rem;
}
/*.btn-container
{
    position: relative;
    bottom: 3.1rem;
    right: 5rem;
}*/ 
/*FAQ PAGE CSS ENDS*/

  /*#################*/
/*FORGOT USERNAME PASSWORD CSS BEGINS*/
 /*#################*/
 .dark-heading{
 color: var(--text-color-on-primary);
 background-color: var(--secondary_color_dark);
 }
  
 .color-black{
 color: var(--color-black);
 }
 /*#################*/
 /*FORGOT USERNAME PASSWORD CSS ENDS*/
 /*#################*/
  

/*#################*/
/*CHNAGE PASSWORD CSS STARTS*/
/*#################*/
 .form-control-plaintext {
    border: 0.09375rem solid var(--outline-color);
    border-radius: .125rem;
    float: right;
    text-align: right;
}

.line-height-20 {
    line-height: 1.25rem;
    padding: .3125rem 0;
}

.line-height-20 span {
    line-height: 2.8125rem;
}

/*#################*/
/*CHNAGE PASSWORD CSS ENDS*/
/*#################*/

/*#############################*/
/*CLAIM USAGE DEVICE CSS STARTS*/
/*#############################*/

.card .card-header .btn-header-link {
    padding: .625rem 1.25rem;
    display: inline-block;
    width: 100%;
    text-align: left;
    border-radius: 0;
}

.header-link-active {
    background: var(--theme-color);
   
}
.claim-device-usage-container .questionLabel
{
width:100%
}
.claim-device-usage-container .specify-extraGenreSelection
{
width:100%!important;
}
.claim-device-usage-container .form-control.genreText.specifyExtraGenre {
    display: inline-block;
    opacity: 1;
    height: auto;
    width: auto;
    line-height: 0;
    margin-left: 1rem;
    margin-top: -0.2rem;
    border-radius: 0rem;
}
.claim-device-usage-container .specify-extraGenreSelection div
{
display: inline-block;	
}
.claim-usage-device-container .card .card-header .btn-header-link:after {
    content: " \02C5";
    font-weight: 900;
    float: right;
    margin-left: 1rem;
    margin-top : .15625rem;
}

.claim-usage-device-container .card .card-header .btn-header-link.collapsed:after,
.claim-usage-device-container .card .card-header .btn-header-link.header-link-active.collapsed:after {
    content: " \02C5";
}

.claim-usage-device-container .card .card-header .btn-header-link.header-link-active:after,
.claim-usage-device-container .card .card-header .btn-header-link[aria-expanded="true"]:after {
    content: " \02C4";
}

.list-group-item-action1{
	color: var(--text-color);
}

.claim-device-usage-container #CDUAccordion>.card,
.claim-usage-device-container #CDUAccordion>.card
{
border: none;
margin-bottom: 1.25rem;
	}
.claim-device-usage-container #CDUAccordion>.card .collapse,
.claim-usage-device-container #CDUAccordion>.card .collapse 
{
  border-top: none!important;
  border: .09375rem solid var(--outline-color);
}
.claim-usage-device-container .card .card-header {
	border: 0;
	padding: 0;
}
.claim-usage-device-container #CDUAccordion>.card>.card-header {
    background: var(--secondary_color_dark);
}
.claim-device-usage-container #CDUAccordion>.card>.card-header {
    background: var(--secondary_color_dark); 
}
.claim-device-usage-container #CDUAccordion .card .card-body{
padding: 1rem 2rem 0rem 2rem;
}
.claim-device-usage-container #CDUAccordion>.card>.card-header>.card-title>a,
.claim-usage-device-container #CDUAccordion>.card>.card-header>a {
    color: var(--text-color-on-primary);
}
.claim-device-usage-container .cdu_vtabs a.nav-link.active {
margin-left: -0.0625rem;
margin-top: -0.0625rem;
}
.claim-usage-device-container #CDUAccordion>.card>.card-header>a span{
	margin-left:.5rem;
}

#CDUAccordion .icon-color,
.question-status .icon-color
{
	color: var(--icon-color-on-primary);
}

.claim-usage-device-container .card .collapse {
    border: 0;
}

/*css for intro text*/
.custom-style {
    padding: .9375rem 1.25rem 0rem 1.25rem;
    text-align: justify;
}

/*css for body*/
.custom-body {
    padding: 0rem .9rem;
}

.cdu_vtabs {
    position: relative;
    margin: 0 0rem .9375rem 0rem;
}

/*css for left side*/
.custom-list-group {
    padding: 0rem;
    border: .09375rem solid var(--outline-color);
    border-right: 0rem;
    border-radius: 0;
}

.custom-list-group-item {
    border-radius: 0rem!important;
    background-color: var(--secondary_color_dark);
    padding: 0rem;
    margin-bottom: 1.5rem;
    border: none;
}

/* .custom-list-group-item:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
} */

.custom-list-group-item a {
    color: var(--text-color-on-primary);
    padding: .67rem .5rem;
    display: block;
    outline: .1rem solid var(--secondary-color-dark);
}

.custom-list-group-item:hover{
    background-color: var(--theme-color);   
}
.custom-list-group-item.active, 
.custom-list-group-item:active {
    background-color: var(--theme-color);
   
}
/* .custom-list-group-item:active 
 {
 background-color: var(--default-theme-color);
 }
 */
.custom-list-group-item.active a {
    color: var(--text-color-on-primary);
}

.custom-list-group-item span img {
    margin-left : .3rem;
}

@media(max-width:576px){
	.claim-usage-device-container .card .card-header .btn-header-link:after{
	margin-top : .4167rem;
	}
}

/*css for right side*/
.cdu_vtabs > .tab-content { 
    padding:0;
    border: .09375rem solid var(--outline-color);
    border-radius: 0px;
}

.custom-nav-tab {
    border: none;
}

.cdu_htabs .nav-tabs > li > a {
    color: var(--text-color);
    border: none;
   /*  background-color: #e5e5e5; */
    border-radius: 0px;
    outline: .1rem solid var(--default-theme-color);
    padding: .68rem;
}

.cdu_htabs .nav-tabs > li.active > a, .cdu_htabs .nav-tabs > li.active > a:focus, .cdu_htabs .nav-tabs > li > a {
    border: none;
    height: auto;
    display: inline-block;
    /* padding: .7rem 15px;*/
     
}

.cdu_htabs .nav-tabs > li.active > a, .cdu_htabs .nav-tabs > li.active > a:focus, .cdu_htabs .nav-tabs > li.active > a:hover {
    background: var(--secondary_color_dark);
    color: var(--text-color-on-primary);
    border: none;
    height: auto;
    display: inline-block; 
}

.cdu_vtabs select {
    border: 1px solid var(--outline-color);
    padding: 6px 0px;
    color: var(--text-color);
}

.msg_txt{
	color: green;
	padding-right: 1rem;
	font-weight: bold;
}

.jonar-tab-content{	
	padding:0;
	margin:0;
	margin-top: 1.3rem;
	
}

.tb-header{
	color: var(--text-color-on-primary);
    background-color: var(--secondary_color_dark);
    text-align: center;
    padding: .7rem 0;
    margin:0;
}

.tb-body{
	margin:0;
	padding:0;
}

.tb-body .tb-row {
	padding: .7rem 0;
	margin-left: 0;
	margin-right: 0;
	
}

.claim-usage-device-container .tb-body>div.tb-header,
.claim-usage-device-container .tb-body>div.tb-header:hover{
	background-color: var(--secondary_color_dark);
}

.claim-usage-device-container .tb-body>div,
.claim-usage-device-container .custom-tab-content.list-group-item-action1:focus,
.claim-usage-device-container .custom-tab-content.list-group-item-action1:hover
.claim-usage-device-container .custom-tab-content.list-group-item-action1,
.claim-usage-device-container .custom-tab-content.list-group-item-action1 {
background-color: var(--color-white);
} 
.claim-usage-device-container .custom-tab-content .tb-body .tb-row:hover {
    background: rgb(0 0 0 / 2%);
}

.custom-tab-content.list-group-item-action1:hover{
	background-color: transparent;
}

.time-dropdown{
	
}

.time-dropdown .bootstrap-select .dropdown-menu .dropdown-item,
.connectedTo-dropdown .bootstrap-select .dropdown-menu .dropdown-item {
    color: var(--text-color);
    padding: .625rem 1rem;
    background-color: var(--color-white);
}

.time-dropdown .bootstrap-select .dropdown-menu .dropdown-item.selected, 
.time-dropdown .bootstrap-select .dropdown-menu .dropdown-item.active, 
.time-dropdown .bootstrap-select .dropdown-menu .dropdown-item:active, 
.time-dropdown .bootstrap-select .dropdown-menu .dropdown-item:hover,
.connectedTo-dropdown .bootstrap-select .dropdown-menu .dropdown-item.selected, 
.connectedTo-dropdown .bootstrap-select .dropdown-menu .dropdown-item.active, 
.connectedTo-dropdown .bootstrap-select .dropdown-menu .dropdown-item:active, 
.connectedTo-dropdown .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background-color: var(--theme-color);
    color: var(--text-color-on-primary);
}

.time-dropdown .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark,
.connectedTo-dropdown .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
   top: .7rem;
}


.time-dropdown .bootstrap-select .dropdown-menu,
.connectedTo-dropdown .bootstrap-select .dropdown-menu{
	margin: 0;
    padding: 0;
}

/* for arrow */ 
 .time-dropdown .bootstrap-select .btn::after,
 .connectedTo-dropdown .bootstrap-select .btn::after {	
	margin-left:.625rem; 
	float:right;
	content: ' \203A';
	transform: rotate(90deg);
    display: inline-block;
    font-size: 1.5rem;
	line-height: 1.5rem;
    border:0;
} 
.time-dropdown .dropup .dropdown-toggle::after,
.connectedTo-dropdown .dropup .dropdown-toggle::after {
    display: none;
}

.time-dropdown .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.connectedTo-dropdown .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
   margin-right: 1rem;
} 

.time-dropdown:focus-visible,
.connectedTo-dropdown:focus-visible {
    outline: none;
}

.time-dropdown .bootstrap-select .btn,
.connectedTo-dropdown .bootstrap-select .btn{
    border: 0.09375rem solid var(--outline-color);
    box-shadow: none!important;
    outline: none!important;
    color: var(--text-color);
}

.time-dropdown .bootstrap-select .dropdown-toggle:focus,
.time-dropdown .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.connectedTo-dropdown .bootstrap-select .dropdown-toggle:focus,
.connectedTo-dropdown .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
	 box-shadow: none !important;
   	 outline: none !important;
}

.time-dropdown .bootstrap-select .bs-ok-default::after,
.connectedTo-dropdown .bootstrap-select .bs-ok-default::after {
    border-width: 0 0.2em 0.2em 0;
}

.chip {
    display: inline-block;
    padding: 0 .7rem;
    line-height: 1.875rem;
    border-radius: 3rem;
    background-color: #f1f1f1;
    /* margin: .25rem .5rem; */
}

.closebtn {
    padding-left: .7rem;
    color: #888;
    font-weight: bold;
    float: right;
    font-size: 1.25rem;
    cursor: pointer;
}

.closebtn:hover {
  color: var(--color-black);
}

.tb-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
       width:100%;
 }



@media (min-width:890px){
	.cdu_htabs-br{
		display:none;
	}
	.cdu_htabs-br + span{
		padding-left: .5rem;
	}
}

@media (max-width:889px){
	.memberList{
		margin-bottom: 1rem;
	}
}

@media (max-width:320px){
	.chip{
		padding: 0 .2rem;
	}
}


/*#############################*/
/*CLAIM USAGE DEVICE CSS ENDS*/
/*#############################*/

@media(max-width:998px){
	html{
		font-size:90%; /* 14.4px */
	}
}
@media(max-width:768px){
	html{
		font-size:80%; /* 12.8px */
	}
	.faq-btn-container {
    position: static;
    top: auto;
    text-align: center!important;
}
	 	#sidebar
{
	width: 100%;
    display: inline-block;
}	
}
@media(max-width:576px){
	
	html{
		font-size:70%; /* 11.2px */
	}
	
	.ml-200{
	 margin-left:1.5rem;
	}
	 	
}

/*MANAGE DEVICE PAGE CSS BEGINS*/
/*####################.ui-state-default.ui-jqgrid-hdiv {
    width: 1244px!important;
}*/  
#scroll_up {
    position: fixed;
    left: auto;
    right: .5rem;
    top: 13rem;
    width: 3rem;
    height: 3rem;
    z-index: 999;
    background: var(--icon-color);
    text-align: center;
    line-height: 3rem;
    border-radius: 50%;
    visibility: hidden;
}

.question-status {
    display: inline-block;
    vertical-align: top;
    line-height: 3.5;
    padding: 0rem 0.25rem 0rem 0rem;
}
.icon-color:before {
    position: relative;
    left: -0.125rem;
}

 .icon-color {
    height: 0.875rem;
    width: 0.875rem;
    line-height: .6;
}
.question-para{
    display: inline-block;
    width: 96.3%;	
}
.md-tbl-container .ui-jqgrid .ui-jqgrid-bdiv { 
    overflow-y: auto;
    overflow-x: hidden;
}
.collapse-question-body{
    overflow-x: auto;
    margin-bottom: 1.5rem;
}
.fa-arrow-up:before { 
    color: var(--color-white);
}
.fa-2xl-v-align-icon{
    vertical-align: -0.0625rem;
}
.md-tbl-container .ui-th-column, 
.md-tbl-container .ui-jqgrid .ui-jqgrid-htable th.ui-th-column 
{
    overflow: auto;
    white-space: inherit; 
}
.md-tbl-container .ui-jqgrid .ui-jqgrid-htable th div 
{
    overflow: revert;
    position: relative;
    height: auto;
    word-break : break-all;
}
.table-container.md-tbl-container 
{
    border: 0.09375rem solid var(--outline-color); 
    display: inline-table;  
    width:100%;
}
#jqgh_coviewingtbl_deviceNo,#jqgh_coviewingtbltraffic_deviceNo {
    padding-left: 0rem;
}
.ui-jqgrid .ui-jqgrid-pager
{
	height:auto;
	} 
.bootbox-close-button.close {
    outline: none;
}
#devicePercentagetbl,
#addMngDevicetbl,
#coviewingtbl,
#fillBrowsertbl 
{
margin: auto;/*width:77.7075rem!important*/;
} 
.md-tbl-container .ui-jqgrid .ui-jqgrid-hbox
{
	padding-right: 0px;
}
div#gbox_devicePercentagetbl,
div#gview_devicePercentagetbl,
div#gview_devicePercentagetbl .ui-state-default.ui-jqgrid-hdiv,
div#gview_devicePercentagetbl .ui-jqgrid-bdiv {
    margin:auto;/*width:77.7075rem!important*/;
} 
.md-tbl-container .ui-jqgrid .ui-jqgrid-view {font-size:0.875rem;}
.ui-jqgrid 
{ 
    border: none;
}
/*#jqgh_addMngDevicetbl_usage {
    display: flex!important;
}*/
.hz-auto-scroll{
	overflow-x : auto;
	margin-bottom : 1.5rem;
}
.km-table-wrap .md-tbl-container .ui-jqgrid-hdiv 
{
    background-color: var(--secondary_color_dark);
    color: var(--text-color-on-primary);
    padding: .5rem .5rem;
    padding-right:1rem;
    display:inline-block;
    outline: 0.0625rem solid var(--default-theme-color);
}
.md-tbl-container .ui-jqgrid td input, 
.md-tbl-container .ui-jqgrid td select, 
.md-tbl-container .ui-jqgrid td textarea 
{
    border: 0.0625rem solid var(--outline-color);
    padding: 0.375rem 0.1875rem;
    color: var(--text-color);
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;

} 
#devicePercentagetbl
{
 margin-top: .4rem!important;
}
/*.md-tbl-container .table-hover tbody tr:hover 
{
    background-color: var(--bg-transparent-color);
}*/
.md-tbl-container .km-table td {
    border-right: none!important;
    border-bottom: 0.0625rem solid transparent; 
} 
.md-tbl-container #devicePercentagetbl td { 
    padding: 0 .5rem!important;
    vertical-align: middle!important;
} 
#jqgh_coviewingtbl_deviceNo, 
#jqgh_coviewingtbltraffic_deviceNo {
text-align: left;
}
.disp-block
{
	display:block;
}
.md-tbl-container .ui-jqgrid tr.ui-row-ltr td
{
	text-align: center;
	list-style-type: none;
	padding:.5rem 0.5rem .55rem;
    word-break: break-all;
    white-space: normal;
}
.md-tbl-container .dev-total {
    text-align: center;
    margin: 1rem 0;
    list-style-type: none;
}
#jqgh_devicePercentagetbl_total,
th#coviewingtbl_totalPercentage {
    /* margin-left: -.5rem; commenting while checking rtl alignment */
}
.tp {
    margin-left: .5rem;
}
.cls-cell {
    color: var(--text-color);
}
#gview_devicePercentagetbl .ui-jqgrid-htable tr th:nth-child(2) div
{
text-align: var(--text-direction-complete);
padding: 0 0 0 .01rem;	
}
#gbox_addMngDevicetbl .ui-jqgrid-htable tr th:first-child,
#gbox_devicePercentagetbl .ui-jqgrid-htable tr th:first-child,
#gbox_coviewingtbl .ui-jqgrid-htable tr th:first-child,
#gbox_coviewingtbltraffic .ui-jqgrid-htable tr th:first-child,
#gbox_fillBrowsertbl .ui-jqgrid-htable tr th:first-child,
#addMngDevicetbl tr td:first-child,
#devicePercentagetbl tr td:first-child,
#coviewingtbl tr td:first-child,
#fillBrowsertbl tr td:first-child 
{
    text-align: var(--text-direction-complete); 
    padding-right:1rem;
    /*padding:0 .4rem;*/
} 
.md-tbl-container .km-popover,
.md-tbl-container .km-popover:hover
{
    color: var(--text-color);
}
.md-tbl-container .jqgrow td 
{
    text-align: left;
}
.md-tbl-container table tbody tr 
{
    font-size: 0.875rem;
}

.md-tbl-container table th, .md-tbl-container table td, table tr 
{
    border: none!important;
    border-right: none!important;
    font-weight: normal;
} 

.md-tbl-container .table td, 
.md-tbl-container .table th 
{ 
    vertical-align: unset; 
}
.md-tbl-container .ui-jqgrid td .ownerCombo, 
.md-tbl-container .ui-jqgrid td .allMembers, 
.md-tbl-container .ui-jqgrid td .connectedToTV ,
.md-tbl-container .ui-jqgrid td .memberUsage
{
    padding: 0.5rem 0.1875rem;
} 
.md-tbl-container #addMngDevicetblpager, 
.md-tbl-container #devicePercentagePager
{
display:none;
}
.md-tbl-container .btn-container 
{
    margin: 1rem 2rem 1rem;
    float: right;
    display: inline-flex;
} 
.md-tbl-container .fa-2x 
{ 
   vertical-align: sub;
}
.md-tbl-container .fa-add-icons
{
	color:var(--theme-color);
}
.add-btn .fa-add-icons
{
	font-size: 1.75rem;
}
#loader
{
 display: none;
 text-align: center;
 position: absolute;
 top: 0.3125rem;
 width: 100%;
 z-index: 9999;
}
.md-tbl-container input.device-custom-check[type="checkbox"] 
{
    display:none;
}
.md-tbl-container input.custom-check[type='checkbox']:checked + label span 
{
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0rem 0.25rem 0 0;
    vertical-align: middle;
    background-color: var(--color-white);
    cursor: pointer;
    line-height: 1.1rem;
}
.md-tbl-container input.custom-check[type="checkbox"] + label span 
{
    display: inline-block;
    width:1.125rem;
    height:1.125rem;
    margin:0rem 0.25rem 0 0;
    vertical-align: middle;
    background-color: var(--color-white);
    cursor: pointer;
    border: 0.09375rem solid var(--outline-color);
}
.md-tbl-container input.custom-check[type='checkbox']:checked + label span:after
 {
    content: '\2714';
    padding: 0 .04rem;
    color: var(--text-color);
    font-size: 0.875rem;
}
.md-tbl-container .customcheck, .customCheckLabel 
{
    top:auto;
    left: 0.3125rem;
    position: relative;
}
.md-tbl-container .deviceNoLongerUseLabel1
{
	 background-color: #fff0;
} 

.md-tbl-container .deviceNoLongerUseLabel2:after 
{
    background: #fff;
    content: '\2714';
    color: var(--text-color);
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    left: auto;
    top: 0.125rem;
    right: 0.875rem;
    height: 0px;
    width: 0.625rem;
}
.md-tbl-container input.device-custom-check[type="checkbox"] 
{
    display:none;
}
.md-tbl-container input.custom-check[type="checkbox"] 
{
    display: none;
}
.md-tbl-container input.device-custom-check[type="checkbox"] + label 
{
    color: #000;
    margin: auto;
    display: inline-box;
    display: -webkit-inline-box;
    display: -moz-inline-box;   
    direction: ltr;
}
.md-tbl-container input.device-custom-check[type="checkbox"] + label span 
{
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: auto;
    vertical-align: middle;
    background-color:var(--color-white);
    cursor: pointer;
    border:0.09375rem solid var(--outline-color);
}
#alertmod_addMngDevicetbl~.modal .bootbox-cancel {
    text-transform: uppercase!important;
}
.modal-dialog.modal-lg>.modal-content >.modal-header {
    position: sticky!important;
    top: 0px;
    background: #fff!important;
    z-index: 999!important;
}
.hidden 
{
  display: none;
}
.md-tbl-container #gview_devicePercentagetbl .ui-state-default.ui-jqgrid-hdiv {
    display: block;
}
.md-tbl-container input.device-custom-check[type="checkbox"] + label {
    width: 1.75rem;
}
/*css for small devices*/
@media screen and (min-width: 1025px) 
{
.md-tbl-container .ui-jqgrid tr.ui-row-ltr td[aria-describedby=addMngDevicetbl_usage] {
    text-align: center;
    width: 1.75rem!important;
}
}
@media screen and (max-width: 1024px) 
{ 
	.md-tbl-container .deviceNoLongerUseLabel2:after 
{ 
	    top: 0.13rem;
}
	.md-tbl-container .ui-jqgrid .ui-jqgrid-view 
	,.md-tbl-container table tbody tr
	{
    font-size: 0.7rem;
}
.md-tbl-container input.device-custom-check[type="checkbox"] + label
{
 width: 1.75rem;
}
.md-tbl-container .customcheck, .customCheckLabel {
 left: .6rem; 
}
.md-tbl-container input.custom-check[type='checkbox']:checked + label span,
.md-tbl-container input.custom-check[type="checkbox"] + label span,
.md-tbl-container input.device-custom-check[type="checkbox"] + label span {
    width: 1rem;
    height: 1rem; 
}
.md-tbl-container input.custom-check[type='checkbox']:checked + label span { 
    line-height: 1.1rem;
}
}
@media screen and (max-width: 810px) 
{ 
	.question-para {
    display: inline-block;
    width: 90%;
}
	#scroll_up
	{
	visibility: visible;
	}
	.md-tbl-container table,.table-container.md-tbl-container 
  {
    border: 0;
  }

  .md-tbl-container table caption 
  {
    font-size: 1.3rem;
  }
  .sm-txt-align
  {
  text-align:left!important;
  }
  .md-tbl-container table thead 
  {
    border:none;
    clip:rect(0 0 0 0);
    height:0.0625rem;
    margin:-0.0625rem;
    overflow:hidden;
    padding:0;
    position:absolute;
    width: 0.0625rem;
  }
  
  .md-tbl-container table tr 
  {
    border-bottom: 0.1875rem solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .md-tbl-container table td 
  {
    display: block;
    font-size: .8em;
    text-align: var(--text-direction-complete-op);
  }
  
  .md-tbl-container table td::before 
  { 
    content: attr(header-title);
    float: var(--text-direction-complete);
    max-width: 16rem;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 1rem;
    color: var(--text-color);
  }
  
  .md-tbl-container table td:last-child 
  {
    border-bottom: 0;
  } 
  /*------------------
.ui-jqgrid #devicePercentagetbl tr.ui-row-ltr td -------*/
.md-tbl-container #gbox_devicePercentagetbl,
.md-tbl-container #gview_devicePercentagetbl,
.md-tbl-container #gview_devicePercentagetbl .ui-state-default.ui-jqgrid-hdiv,
.md-tbl-container #gview_devicePercentagetbl .ui-jqgrid-bdiv {
    width: auto; 
}
#addMngDevicetbl,
#devicePercentagetbl,
#coviewingtbl,
#fillBrowsertbl{
    width: 100%!important; 
}
.md-tbl-container .ui-jqgrid-bdiv {
    height: auto!important; 
}
.md-tbl-container .ui-jqgrid tr.ui-row-ltr td
{ 
    margin: auto!important;
    height: 3.5rem!important;
}  
.md-tbl-container .custom-check[type='checkbox']:checked + label span:after 
{
    margin: 0 0rem;
}
.md-tbl-container .ui-jqgrid tr.ui-row-ltr td 
{
text-align: var(--text-direction-complete); 
} 

.md-tbl-container .ui-jqgrid td input, 
.md-tbl-container .ui-jqgrid td select, 
.md-tbl-container .ui-jqgrid td textarea,
.md-tbl-container #addMngDevicetbl tr a,.sm-txt-align,
.md-tbl-container .ui-jqgrid td .cls-cell, 
.md-tbl-container .ui-jqgrid td .dev-total,
.md-tbl-container span.deviceUsage_name_width, 
.md-tbl-container .ui-jqgrid #coviewingtbl tr.jqgrow td span,
.md-tbl-container .ui-jqgrid #fillBrowsertbl tr.jqgrow td span
.md-tbl-container .ui-jqgrid td[aria-describedby="addMngDevicetbl_deviceNo"] span,
.md-tbl-container .customCheckLabel.customcheck,
.md-tbl-container .customcheck, .customCheckLabel,
.md-tbl-container .ui-jqgrid #fillBrowsertbl tr.jqgrow td .fillBrowsertbl-chk~label,
.md-tbl-container .ui-jqgrid #fillBrowsertbl tr.jqgrow td span.device-txt,
.md-tbl-container .device-custom-check[type="checkbox"] + .deviceNoLongerUseCheckedLabel.deviceNoLongerUseLabel2,
.md-tbl-container .device-custom-check[type="checkbox"] + .deviceNoLongerUseCheckedLabel.deviceNoLongerUseLabel1,
.md-tbl-container .device-custom-check[type="checkbox"] + .deviceNoLongerUseLabel.deviceNoLongerUseLabel1,
.md-tbl-container .device-custom-check[type="checkbox"] + .deviceNoLongerUseLabel.deviceNoLongerUseLabel2
{
	font-size:1rem;
	/*display: inline-table;*/ 
	font-weight: normal;
	float: var(--text-direction-complete-op);
	width: 33%!important; 
}

#gbox_addMngDevicetbl .ui-jqgrid-htable tr th:first-child,
#gbox_devicePercentagetbl .ui-jqgrid-htable tr th:first-child,
#gbox_coviewingtbl .ui-jqgrid-htable tr th:first-child,
#gbox_coviewingtbltraffic .ui-jqgrid-htable tr th:first-child,
#gbox_fillBrowsertbl .ui-jqgrid-htable tr th:first-child,
#addMngDevicetbl tr td:first-child,
#devicePercentagetbl tr td:first-child,
#coviewingtbl tr td:first-child,
#fillBrowsertbl tr td:first-child {
	padding-right : 0.4rem;
}

.md-tbl-container #addMngDevicetbl tr span.fa-info-circle
{
	font-size:1.6rem;
	display: inline;
}
.md-tbl-container .device-custom-check[type="checkbox"] + label 
{ 
    display: inline-block!important;
}
.md-tbl-container .customcheck, .customCheckLabel 
{ 
    left: 0rem; 
} 
.md-tbl-container .ui-jqgrid #addMngDevicetbl tr.jqgrow,
.md-tbl-container .ui-jqgrid #devicePercentagetbl tr.jqgrow,
.md-tbl-container .ui-jqgrid #coviewingtbl tr.jqgrow,
.md-tbl-container .ui-jqgrid #fillBrowsertbl tr.jqgrow
{
    border:0.09375rem solid var(--border-color)!important;
    padding: 2rem;
} 
.md-tbl-container .table-container 
{
    border: none!important; 
}
.km-table-wrap .md-tbl-container .ui-jqgrid-hdiv 
{ 
    display: none;  
} 
#gview_devicePercentagetbl .ui-state-default.ui-jqgrid-hdiv {
   visibility: hidden;
}
.md-tbl-container .table-bordered {
    border:none;
}
 /*End css for small devices*/
}  

/*For question accordion*/
@media (max-width:810px){

	.toast-danger,
	.toast-success
	{
	    visibility: visible;
	}

}	
	.txt-browser-meter,
	.txt-virtual-meter {
    font-weight: bold;
    height: 1rem;
    }
	.text-smcenter 
	{
    display: block;
    text-align: center!important;
    }
	.collapse-question-head1, .collapse-question-head{	
		cursor: pointer;	
		background-color: var(--secondary_color_dark);
		color: var(--text-color-on-primary);
		margin: 0 1rem;
	    border-radius: .25rem;
	    margin-bottom: 1.25rem;
		
	}
	.collapse-question-head1 p,.collapse-question-head p{
		display: flex;
    	justify-content: space-between;
	}
	.collapse-question-head1 p{
			margin: 1rem 0;
	}
	.collapse-question-head p{
			padding: 1rem;    
	}
	.collapse-question-head1[aria-expanded="true"],
	.collapse-question-head[aria-expanded="true"]{
		background-color: var(--theme-color);
	}
	.collapse-question-head1 p:after, 
	.collapse-question-head p:after{
			content: " \02C5";
			font-weight: 900;
		    float: right;
		    margin-top: auto;
		    margin-left: 1rem;
    		margin-bottom: auto;
	}
	.collapse-question-head1[aria-expanded="true"] p:after,
	.collapse-question-head[aria-expanded="true"] p:after{
		content: " \02C4";
	}


.table{
	color : var(--text-color);
}

/*####################*/ 
/*MANAGE DEVICE PAGE CSS END*/
/*####################*/ 

/*####################*/ 
/*Survey PAGE CSS STARTS*/
/*####################*/ 

.survey-page .tbl-hdr-light .ui-jqgrid-htable thead tr {
    background-color: var(--secondary_color_dark);
    color: var(--text-color-on-primary);
    border: 0.09375rem solid var(--outline-color)!important;
   /*  border-bottom: 0rem solid!important; */
}

.survey-page .ui-jqgrid-labels {
    height: 3rem;
}

.survey-page table tr {
    font-size: 1rem;
}

.survey-page .ui-jqgrid tr.jqgrow td{
    text-align: center;
    padding: 0.75rem;
    border:none;
}

.survey-page .ui-jqgrid tr.jqgfirstrow td {  
    padding: 0rem;
    border:none;
}

.survey-page th{
	font-weight:500;
}
 
.survey-page .ui-jqgrid tr td, 
.survey-page .sLink{
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.survey-page .ui-jqgrid tr th div {
    overflow: visible;  
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    height: auto;
}

.survey-page .table-custom-border .table td, 
.survey-page .table-custom-border .table th{
border:none;
}
.survey-page .table-custom-border tbody{
border : 0.09375rem solid var(--outline-color)!important;
border-top: none!important;
}
.survey-page .ui-jqgrid-htable {
    table-layout: inherit!important; 
}
.survey-page .ui-jqgrid .ui-jqgrid-bdiv{
	overflow: initial;
	
}
/*************override css for td font color on survey-page*************/
.survey-page .ui-widget-content
{
 color: var(--text-color);
}
.survey-page .ui-widget-content .sLink
{
color:var(--color-link);
}
/*************override css for removing border for td *************/
.survey-page .ui-widget-content .ui-state-default
  {
  border:none;
  }

.manage-survey-container #CDUAccordion>.card {
    border: .09375rem solid var(--outline-color);
    margin-bottom: 1.25rem;
}


.manage-survey-container .card .card-header {
    border: 0;
   /*  -webkit-box-shadow: 0 0 1.25rem 0 rgb(213 213 213 / 50%);
    box-shadow: 0 0 1.25rem 0 rgb(213 213 213 / 50%); */
    border-radius: 0rem;
    padding: 0;
}

.manage-survey-container #CDUAccordion>.card>.card-header {
    background: var(--secondary_color_dark);
    margin: -.0625rem;
}

.manage-survey-container #CDUAccordion>.card>.card-header>a {
    color: var(--text-color-on-primary);
}

.manage-survey-container #CDUAccordion>.card>.card-header>a span{
	margin-left:.5rem;
}

.manage-survey-container .card .collapse {
    border: 0;
}

.manage-survey-container #CDUAccordion>.card>.card-header>a[aria-expanded="true"]{
		background-color: var(--theme-color);
		color: var(--text-color-on-primary);
	}

.manage-survey-container .card .card-header .btn-header-link:after{
		content: " \02C5";
		font-weight: 900;
	    float: right;
	    margin-top: auto;
   		margin-bottom: auto;
}
.manage-survey-container #CDUAccordion>.card>.card-header>a[aria-expanded="true"]:after{
	content: " \02C4";
}

/*####################*/ 
/*Survey PAGE CSS END*/
/*####################*/ 

/*####################*/ 
/*Devices PAGE CSS start*/
/*####################*/ 
 
#landingAccordion .custom-card {
    width: auto;
    margin: 0.625rem auto;
    border: none!important;
}

#landingAccordion .card .custom-card-header .btn-header-link {
    color: var(--text-color-on-primary); 
    display: inline-block;
    padding: 0rem;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
    text-decoration: none; /* BT 5 */
}
#landingAccordion .custom-card-header
{
background-color: var(--secondary_color_dark);
padding:.5rem 1rem;
}
#landingAccordion table.ui-jqgrid-htable {
    border: 0.09375rem solid var(--outline-color)!important;
    table-layout: inherit!important;
    border-bottom: none!important;
}
#landingAccordion .card.custom-card .show {
     border: 0.09375rem solid var(--outline-color);
     border-top:none;
}

.ui-jqgrid #standaloneDevices tr.jqgrow td,
.ui-jqgrid #tvSetsTbl tr.jqgrow td,
.ui-jqgrid #devicesConnectedToTV tr.jqgrow td
{
    padding: 0.6rem 0.5rem!important;
    text-align: center;
   	border-color: var(--outline-color);
    border-top: none;
    border-bottom: none;
}
#gview_standaloneDevices .ui-jqgrid-htable th.ui-th-column,
#gview_tvSetsTbl .ui-jqgrid-htable th.ui-th-column,
#gview_devicesConnectedToTV .ui-jqgrid-htable th.ui-th-column {
 font-weight: normal;
}
#gbox_standaloneDevices .ui-jqgrid-htable,
#gbox_tvSetsTbl .ui-jqgrid-htable,
#gbox_devicesConnectedToTV .ui-jqgrid-htable
{
	    height: 3rem;
}
#landingAccordion .custom-card .btn-header-link:hover { 
    text-decoration: none;
}
#gbox_tvSetsTbl,
#gbox_devicesConnectedToTV
{
margin: auto!important;
}
.manage-devices-container
{  
    width:90%;
    height:auto;
    margin:auto;
}
#gview_standaloneDevices .ui-jqgrid-bdiv,
#gview_tvSetsTbl .ui-jqgrid-bdiv,
#gview_devicesConnectedToTV .ui-jqgrid-bdiv
{
  max-height: 12rem;
} 
 #gbox_standaloneDevices,
 #gbox_tvSetsTbl,
 #gview_devicesConnectedToTV {
    background-color: var(--secondary_color_dark);
    color: var(--text-color-on-primary); 
    border-radius: 0;
}
#standaloneDevices,
#tvSetsTbl,
#devicesConnectedToTV
 {
    table-layout: auto;
    font-weight: normal;
    font-size: 1rem; 
    color:var(--text-color);
    border: 0.09375rem solid var(--outline-color);
}

 #gview_standaloneDevices .ui-jqgrid-bdiv{
 	border: 0.09375rem solid var(--outline-color);
	border-top: 0;
 }
 #standaloneDevices.table{
	 border:0;
 }
 
#genreSelectionMap, 
#weekdaySelectionMap,
#genretrafficselectionMap 
{
margin-bottom: 1rem;	
}
#standaloneDevices tbody tr td span,
#tvSetsTbl tbody tr td span,
#devicesConnectedToTV tbody tr td span
{
white-space: break-spaces;	
} 
#standaloneDevices tbody tr:hover,
#tvSetsTbl tbody tr:hover,
#devicesConnectedToTV tbody tr:hover
{ 
  background-color: var(--bg-tbl-tr-hover-color)!important; 
  color:var(--color-black);
}
.ui-jqgrid .ui-jqgrid-htable th div
{
 height: 0.75rem;
}

.ui-jqgrid .ui-jqgrid-htable th div 
{
    height: auto !important;
}
#gview_standaloneDevices table thead tr th span,
#gbox_tvSetsTbl table thead tr th span,
#gbox_devicesConnectedToTV table thead tr th span
{
    font-weight: normal;
    font-size: 1rem;
}
.ui-jqgrid .ui-jqgrid-htable th {
    white-space: normal !important;
} 
#gview_standaloneDevices .ui-jqgrid-bdiv{
    border: none;  
    border-bottom: 0.09375rem solid var(--outline-color);
}
/* start css for small device */
@media (max-width: 1024px) {
div#gview_standaloneDevices table,  
div#gview_tvSetsTbl table,  
div#gview_devicesConnectedToTV table{
    border: 0;
  }
  #gview_standaloneDevices .ui-jqgrid-bdiv{
    border: none;
}
/* .claim-device-usage-container .checkBoxLabel 
{
    display:block; 
    width: 50%!important;  
} */
#gview_standaloneDevices .ui-jqgrid-bdiv, 
#gview_tvSetsTbl .ui-jqgrid-bdiv, 
#gview_devicesConnectedToTV .ui-jqgrid-bdiv {
    height: auto!important;
}
.ui-jqgrid #standaloneDevices tr.jqgrow td,
.ui-jqgrid #tvSetsTbl tr.jqgrow td,
.ui-jqgrid #devicesConnectedToTV tr.jqgrow td
{
    padding: 0rem 0.5rem!important;
    text-align: center;
    border-color: var(--outline-color);
    border-top: none;
    border-bottom: none;
}
div#gview_standaloneDevices table caption,
div#gview_tvSetsTbl table caption,
div#gview_devicesConnectedToTV table caption
 {
    font-size: 1.3em;
  }
  
 div#gview_standaloneDevices table thead,
 div#gview_tvSetsTbl table thead,
 div#gview_devicesConnectedToTV table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
 div#gview_standaloneDevices table tr,
 div#gview_tvSetsTbl table tr,
 div#gview_devicesConnectedToTV table tr {
    border: 0.09375rem solid var(--default-theme-color)!important;
    margin-bottom: 1rem!important;
    display: block;
    padding: 1rem 0rem 0;
  }
  
 div#gview_standaloneDevices table td,
 div#gview_tvSetsTbl table td ,
 div#gview_devicesConnectedToTV table td  {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
 div#gview_standaloneDevices table td::before,
 div#gview_tvSetsTbl table td::before,
 div#gview_devicesConnectedToTV table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
 div#gview_standaloneDevices table td:last-child,
 div#gview_tvSetsTbl table td:last-child,
 div#gview_devicesConnectedToTV table td:last-child
  {
    border-bottom: 0;
  }
  
.chart-wrap { 
    margin-bottom: 9.5rem;
}
#landingAccordion
{
	margin-bottom:2rem!important;
}
#landingAccordion .custom-card {
    /* width: auto; */
    margin: 0.625rem auto;
}
  #gbox_standaloneDevices .ui-jqgrid-htable,
   #gbox_tvSetsTbl .ui-jqgrid-htable,
    #gbox_devicesConnectedToTV .ui-jqgrid-htable 
    { 
    display: none!important;
}
  #standaloneDevices tr.jqgfirstrow,
  #tvSetsTbl tr.jqgfirstrow,
  #devicesConnectedToTV tr.jqgfirstrow 
{
    display: none!important;
}
#standaloneDevices.table-bordered, 
#devicesConnectedToTV.table-bordered,
#tvSetsTbl.table-bordered {
    border: none!important;
}
.ui-jqgrid #standaloneDevices tr.jqgrow td,
.ui-jqgrid #tvSetsTbl tr.jqgrow td,
.ui-jqgrid #devicesConnectedToTV tr.jqgrow td {
 border: none!important;
 margin:0.5rem 0;
 height: auto;
}
 #gbox_standaloneDevices,
 #gbox_tvSetsTbl,
 #gview_devicesConnectedToTV {
    background-color: white;
    color: var(--color-white);  
} 
div#gview_standaloneDevices table td span,
div#gview_tvSetsTbl table td span,
div#gview_devicesConnectedToTV table td span {
    font-size: 1rem;
    float: right;
    text-align: left;
    line-height: 1rem;
    padding: 0rem 0rem 0.3rem 0rem;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    width: 30%!important;
}
div#gview_standaloneDevices table td::before,
div#gview_tvSetsTbl table td::before,
div#gview_devicesConnectedToTV table td::before {
    content: attr(header-title);
    float: left;
    line-height: 1rem;
    font-weight: normal;
    padding: 0rem 3rem;
    text-transform: capitalize;
    font-size: 1rem;
    width: 60%;
    text-align: left;
    white-space: break-spaces;
    color: var(--text-color);
} 
.hasChart .right-wrap .ui-jqgrid-bdiv{
 max-height: fit-content!important; 
} 
/* end css fro small device */
 }  
 @media (min-width: 768px) and (max-width: 1024px)
 {
 .manage-devices-container
{    
	width: 100%;
    margin: auto;
    }
 }  
/*donut chart*/ 
.chart-wrap{
  position: relative;
} 
.chart {
    position: relative;
    width: 15rem;
    height: 15rem;
    margin: auto;
}
.chart-wrap svg {
    transform: rotate(50deg);
}
.hasChart{
 min-height: 28rem;
}
.doughnutTip {
  position: absolute;
  min-width: 1.875rem;
  max-width: 18.75rem;
  padding: 0.3125rem 0.9375rem;
  border-radius: 0.0625rem;
  background: rgba(0, 0, 0, 0.8);
  color: #ddd; 
  text-shadow: 0 0.0625rem 0 #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: .06em;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.doughnutTip::after {
  position: absolute;
  left: 50%;
  bottom: -0.375rem;
  content: "";
  height: 0;
  margin: 0 0 0 -0.375rem;
  border-right: 0.3125rem solid transparent;
  border-left: 0.3125rem solid transparent;
  border-top: 0.375rem solid rgba(0, 0, 0, 0.7);
  line-height: 0;
}

.doughnutSummary {
  position: absolute;
  top: 52%;
  left: 50%;
  text-align: center;
  text-shadow: 0 -0.0625rem 0 #111;
  cursor: default;
}

.doughnutSummaryTitle {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top:-25%;
    letter-spacing:.06em;
    margin-bottom: 0rem;
}

.doughnutSummaryNumber { 
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-bottom: 0rem;
}

.chart path:hover {
  opacity: 0.65;
}
.doughnutLegends{ 
    width: 15.625rem;
	color: var(--text-color-on-primary);;
}
.doughnutLegends ul {
 padding: 0;
 margin: 0;
 text-align: center;
}
.doughnutLegends ul li{
  list-style: none;
  display: inline-block;
  text-align: center;
  width: 5rem;
  padding: 0 .4rem; 
  position: relative;
  top: -0.9375rem;
  opacity: 0; 
   -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
li.flipped div { 
    outline:0.09375rem solid var(--outline-color);
}
.doughnutLegends ul li.flipped{
   /*transform: perspective( 180px ) rotateY(0deg );*/
   opacity: 1;
   top: 0px;
}
.doughnutLegends ul li:last-child{
  border: none;
}
.doughnutLegends ul li > div > span{
  display: block;
  min-height: 0.25rem;
}  
 
.hasChart .right-wrap .ui-jqgrid-bdiv{
 max-height: auto;
 overflow: overlay;
} 

table tbody tr td span{
    white-space: break-spaces;
}

.chart-bg-dsc-headervar\(--theme-color\)
{
	font-size: 0.75rem;
    background-color: var(--theme-color);
    padding: 0.2rem;
}
.chart-bg-dsc-headervar\(--secondary_color_dark\)
{
	font-size: 0.75rem;
    background-color: var(--secondary_color_dark);
    padding: 0.2rem;
}
.chart-bg-dsc-header\#CECECE
{
	font-size: 0.75rem;
    background-color: #CECECE;
    padding: 0.2rem;
}
.flipped h4
{
	color:var(--text-color);
	background-color:var(--color-white);
} 
/*####################*/ 
/*Devices PAGE CSS END*/
/*####################*/ 
/*####################*/ 
/*New Claim Device Usages PAGE CSS Start*/
/*####################*/ 

.claim-device-usage-container .card-header
{
	padding:0rem
}
.claim-device-usage-container .card-title {
    margin: auto;
}
.claim-device-usage-container .btn-link:hover {
 text-decoration: none;
}

.claim-device-usage-container .questionLabel
{
	width:100%
} 

/* .cdu_vtabs .tab-border-content{
    padding:1rem;
    min-height: 18.75rem !important;
    border: 0.09375rem solid var(--default-theme-color);
    border-radius: 0px;
    border-left: none;
}
.cdu_vtabs .nav-stacked 
{ 
     border: 0.09375rem solid var(--default-theme-color);
    border-radius: 0px;
} */
.txt-align-lft
{
padding:1rem 5rem 0rem;
}
.mrg-btm-5
{
margin-bottom:5rem
}
.claim-device-usage-container .cdu_vtabs .nav-pills > li.active > a, 
.claim-device-usage-container .cdu_vtabs .nav-pills > li.active > a:focus, 
.claim-device-usage-container .cdu_vtabs .nav-pills > li.active > a:hover 
{
    color: var(--color-white);
    border-radius: 0rem;
}
.claim-device-usage-container .checkBoxLabel 
{
    display: inline-block; 
    position: relative;
    padding-left: 2.1875rem;
   /*  margin-bottom: 0.9375rem; */
    cursor: pointer;
    font-weight: normal;
    width: 50%; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.claim-device-usage-container .col-5.col-md-4.col-lg-3 {
    max-width: 100%;
    padding:0rem;
}
@media (min-width: 992px){
.claim-device-usage-container .col-5.col-md-4.col-lg-3 {
    max-width: 100%;
    padding:0rem;
}
}
.claim-device-usage-container .checkBoxLabel input 
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
} 
.claim-device-usage-container .checkBoxLabel input:checked ~ .checkmark:after 
{
   /*background-color: var(--default-theme-color); */
    content: '\2714';
    padding: 0 0.2rem;
    display: block;
    color: var(--color-black);
    font-size: 0.875rem;
    
}
.claim-device-usage-container .checkmark 
{
    position: absolute;
    top: .3rem;
    left: 0;
    height: 1.2rem;
    width: 1.2rem;
    border: .1rem solid var(--default-theme-color);
}
.claim-device-usage-container .checkBoxLabel input:disabled ~ .checkmark 
{
    background-color: rgb(0 0 0 / 5%);
}
.claim-device-usage-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background-color: var(--color-white);
    border: 0.0625rem solid var(--outline-color);
}
.claim-device-usage-container .unchkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background-color:var(--border-color-light);
    border: 0.0625rem solid var(--outline-color);
}
.claim-device-usage-container .questionnaire-panel 
{
    clear: both;
    padding: 0.625rem;
} 
.claim-device-usage-container .cdu_vtabs .nav-pills .nav-link.active,
.claim-device-usage-container .cdu_vtabs .nav-pills .show>.nav-link 
{
    color: var(--text-color-on-primary);
    border-radius: revert;
    background-color: var(--theme-color);
}
.claim-device-usage-container .cdu_vtabs .nav-pills .nav-link:hover
{
    background-color: var(--theme-color);
}
/* .claim-device-usage-container .cdu_vtabs .nav-pills .nav-link.active:hover
{
    background-color: var(--theme-color);
} */

.claim-device-usage-container .cdu_vtabs .nav-pills a.nav-link
{
border-radius:0rem !important; 
background-color:var(--secondary_color_dark);  
color: var(--color-white); 
margin-bottom:1.5rem; 
border:none;
margin-left:-0.0625rem;
margin-top:-0.0625rem;    
}
.claim-device-usage-container .cdu_vtabs .nav.nav-pills li a 
{
    color: var(--text-color-on-primary);
    padding: 0.67rem 0.5rem;
    border-left: 0.09375rem solid var(--outline-color);
}
.claim-device-usage-container .cdu_vtabs .nav.nav-pills .nav-link.active a 
{
    color: var(--color-black);
}
.claim-device-usage-container .lft-nav 
{
    border: 0.09375rem solid var(--outline-color);
    padding: 0rem; 
    border-right: 0rem;
}
.claim-device-usage-container .tab-cont-container
{
    border: 0.09375rem solid var(--outline-color);
    padding: 1rem;
}
 @media (max-width: 540px){
  .claim-device-usage-container .tab-cont-container {
    margin: auto; 
}	
 .claim-device-usage-container .lft-nav { 
    padding: 0rem;
}
.claim-device-usage-container .genreText.specifyExtraGenre { 
    width: 100%!important;  
}
 }
@media (max-width: 767px) 
{
.claim-device-usage-container .specify-extraGenreSelection div
{
display:block;	
}
.claim-device-usage-container .genreText.specifyExtraGenre {
    margin: 0.125rem auto auto!important;
    width: 50%; 
    position: relative;
}
.claim-device-usage-container .checkBoxLabel 
{
    display: block; 
    width: auto!important; 
}  
.claim-device-usage-container .specify-extraGenreSelection .extraGenreSelection
{
    padding: inherit; 
}
.claim-device-usage-container .cdu_vtabs {
    position: relative;
    margin: 0 0rem 0.6rem 0rem!important;
}
.claim-device-usage-container .tab-cont-container
{
    border: none; 
}
.claim-device-usage-container .nav-stacked
{
	margin-bottom: 1rem; 
}
.claim-device-usage-container .tab-cont-container
{
    border: 0.09375rem solid var(--outline-color);
} 
.claim-device-usage-container #tb-content 
{
    margin-bottom: 1rem;
}
}
/*####################*/ 
/*New Claim Device Usages PAGE CSS END*/
/*####################*/ 


/*####################*/ 
/*user Already Registered PAGE CSS Start*/
/*####################*/ 
a#resetPassword {
    color: var(--color-anchor-active);
    font-size:1rem;
    position: relative;
    z-index: 999;
    cursor: pointer;
}
.user-already-reg-container {
    height: 100vh;
}
@media (max-width: 768px) { 
div#forgotlogoid {
 margin-top:2rem
}
}
@media (max-width: 308px) 
{
.claim-device-usage-container .tab-cont-container 
{
    padding: 0 0.3rem;
}
}
@media (max-width: 576px) 
{
.msg_txt { 
    padding: 0rem;
    display: inline-block;
    margin: 0rem 0rem 0.5rem; 
}
}
/*####################*/ 
/*user Already Registered PAGE CSS End*/
/*####################*/ 

/*####################*/ 
/*Cookie PAGE CSS START*/
/*####################*/ 
.cookieHeading, .cookieOption{
    border-color: var(--default-theme-color);
    background-color:var(--secondary_color_dark);
    color: var(--text-color-on-primary);
  	padding: .5rem;
}

.cookieOption a{
	color: var(--text-color-on-primary);

	}

/*####################*/ 
/*Cookie PAGE CSS END*/
/*####################*/ 
/*####################*/ 
/*Home PAGE for BARB CSS Start*/
/*####################*/   
.mobile-hide
{
display:none;	
} 
/*  */
@media (max-width: 576px) 
{
.mobile-mb-3 { 
    margin-bottom:3rem; 
}
.mobile-mb-2 { 
    margin-bottom:2rem; 
}
.mobile-mb-1
{
margin-bottom:1rem;
} 
.mobile-block
{
display:block;	
} 
}

.newsfeed_scrollarea,
.appointments_scrollarea {
    overflow-y: scroll;
    max-height: 50rem;
}
.header-newsfeed,
.header-appointments{
    background: var(--secondary_color_dark);
    outline: 0.125rem solid var(--secondary_color_dark);
    padding: .5rem 1rem;
    color: var(--text-color-on-primary);
   } 
   
.flex-center{
	display: flex;
  	align-items: center;
  	justify-content: center;
}
 @media(max-width:992px){  
	.news-feed-image
	{
	   width: 8rem; 
	 } 
 }
 
 /*####################*/ 
/*Engineering appointment css starts*/
/*####################*/ 
.sidebar {
	 max-height: calc(100vh - 3rem);
	 position: fixed;
	 z-index: 1;
	 top: 3.7rem;
	 right: 0;
	 background-color: var(--color-black);
	 overflow-x: hidden;
	 transition: 0.5s;
	 color: var(--color-white);
	 direction:ltr;
}

.sidebar .sidebarHeading{
	font-size: 1.1rem;
    padding-left: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    background-color: var(--color-black);
    z-index: 1;
}

.sidebar .card-header{
	background-color: rgba(0,0,0,.03);
}

.sidebar h6{
	font-size: .9rem;
}

.sidebar a {
  padding-right: 1rem;
  transition: 0.3s;
}

.sidebar a:hover {
  color: var(--color-white);
}


.sidebar .card-body a{
	padding:0;	
}
.sidebar .card-body a:hover{
	color: var(--text-color);	
}


.sidebar .closebtn {
  float: right;
  font-size: 2.25rem;
}

.openbtn {
/*   color: white; */
  float: right; 
}

.engAppointment{
	max-width : 18rem;
}

.engAppointment.mt-4rem{
	margin-top : 4rem;
}

#main {
  transition: margin-left .5s;
}

@media(max-width: 576px){
	.sidebar{
		top:13rem;
	}
	
}


/*####################*/ 
/*Engineering appointment css ENDS*/
/*####################*/ 

/*####################*/ 
/*Home PAGE for BARB CSS End*/
/*####################*/ 

.default-select{
	padding: .25rem .5625rem;
    min-width: 11rem;
}

.help-error-container,
.help-btn-conatainer
{
display: inline-block;
padding: 0rem 0rem 0rem 1rem;
}
.header-newsfeed #download, 
.header-newsfeed #uploadNewsFeed {
    padding: 0.25rem 0;
    min-width: 5rem!important;
    font-size: 0.75rem;
    background-color: var(--theme-color);
}
/*claim confirmation overlay button css*/
.overlay-btn,
.overlay-claim-confirmation-btn {
    position: fixed;
    left: auto;
    right: 0.5rem;
    bottom: var(--overlay-btn-adj);
    width: 3.5rem;
    height: 3.5rem;
    z-index: 999;
    background: var(--theme-color);
    /*  var(--icon-color); */
    text-align: center;
    line-height: 4.5rem;
    border-radius: 50%;
}
.move-clm-confirmation
{
color: var(--color-white);
vertical-align: -0.0625rem;
font-size: 2.125rem; 
}

.confirm-circle-icon{
    position: absolute;
    left: 1.2125rem;
    top: 1.96875rem;
    font-size: 1.125rem;
}
.overlay-btn .confirm-circle-icon:before {
    color: var(--icon-color);
}
.overlay-btn .confirm-circle-icon
.calim-conafirm{
color: var(--icon-color-on-primary);
}
.fa-circle-check.calim-conafirm::before {
    color:var(--icon-color);
    font-size: 2rem;
}
#overlaybutton .calim-conafirm::before {
    color: var(--icon-color-on-primary);
}
/*####################*/ 
/*INBOX PAGE CSS Starts*/
/*####################*/ 

.back-title{
	color: var(--heading-text-color);
}
/* EMAIL */
.email {
    padding: 1.25rem .625rem;
}

.email table tr{
	font-weight: 600;
}

.email table a {
	color: var(--text-color);
}

.email table tr.read > td {
	background-color: var(--secondary_color_light);
}

.email table tr.read > td, .email table tr.collapse {
	font-weight: 400;
}

.grid {
    position: relative;
    width: 100%;
    background: var(--color-white);
    color: var(--text-color);
    border-radius: .125rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 0px 0px rgb(0 0 0 / 1%), 0 0 0px 0 rgb(0 0 0 / 0%);
}

.grid .grid-body {
    padding: 1.25rem .625rem;
/*     font-size: 0.9em;
    line-height: 1.9em; */
}

/*####################*/ 
/*INBOX PAGE CSS Starts*/
/*####################*/ 

.inbox-count {
    right : -.7rem
}

.content-area.rounded {
    display: inline-table;
    word-break : break-all;
    white-space: pre-wrap;
}

.subject{
	word-break : break-all;
	width:70%;
}

.title-subject{
	word-break : break-all;
}

.inboxPage .modal-dialog.modal-lg .modal-content{
	 overflow-y: initial;
}

/*####################*/ 
/*adminQuestionnaire PAGE CSS Starts*/
/*####################*/
.card.questionnaire-cards-container{
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative;
}
#questionnaireForm {
    position: relative;
    margin-top: 1.25rem;
}
#questionnaireProgressbar {
    margin-bottom: 1.5rem;
    overflow: hidden;
    color:var(--text-color);
    text-align: center;
}
#questionnaireProgressbar .active {
color: var(--icon-color);
}
#questionnaireProgressbar li {
    list-style-type: none;
    width: 33%;
    float: left;
    position: relative;
}
#questionnaireProgressbar #contactDetails:before {
    font-family: FontAwesome, sans-serif;
    content: "\f098";
    font-size: 1.5rem;
}
#questionnaireProgressbar #demographics:before {
    font-family: FontAwesome, sans-serif;
    content: "\f200";
    font-size: 1.5rem;
}
#questionnaireProgressbar #tvsSet:before {
    font-family: FontAwesome, sans-serif;
    content: "\f26c";
    font-size: 1.5rem;
}
#questionnaireProgressbar #QmanageDevice:before {
    font-family: FontAwesome, sans-serif;
    content: "\f108";
    font-size: 1.5rem;
}
#questionnaireProgressbar li:before {
    width: 3.125rem;
    height: 3.125rem;
    line-height:2.8125rem;
    display: block; 
    color: var(--color-white);
    background: var(--secondary_color_dark);
    border-radius: 50%;
    margin: 0 auto 0.625rem auto;
    padding: 0.125rem;
}
#questionnaireProgressbar li:after {
    content: '';
    width: 100%;
    height: 0.125rem;
    background-color: var(--secondary_color_dark);
    position: absolute;
    left: 0;
    top: 1.5625rem;
    z-index: -1;
}
#questionnaireProgressbar li.active:before
{
    color: var(--color-white);
    border: 0.125rem solid var(--icon-color);;
    background:var(--icon-color);
} 
#questionnaireProgressbar li.visited:before
{
    color: var(--icon-color);
    border: 0.125rem solid var(--icon-color);;
    background:var(--color-white);
} 
#questionnaireProgressbar li.active:after {
    background: var(--icon-color);
    
}
#questionnaireProgressbar .visited:after {
    background: var(--icon-color)!important;
}
.adminQuestionnaire-container table thead
{
color: var(--text-color-on-primary);
}
.aqSubmit
{
display: block!important;
position: relative;
left: 5rem;
margin: auto;
}
.aq-saveBtn {
    margin: auto;
}
.fn-14
{
font-size:0.875rem;	
}
.adminQuestionnaire-container .toggle-disp-txt {
    padding: 0.3rem 0.1875rem;
    width: 13.8rem;
}
.adminQuestionnaire-container table tr td select {
    width: auto;
}
.adminQuestionnaire-container table tr td label.lbl-checkbox {
    left: 2.5rem;
}
@media (max-width: 414px) { 
.aqSubmit
{
float: left!important;
position: relative;
left: 0rem;
}
}
@media (max-width: 576px) {
.cd-sm-txt{
float: right;
margin-bottom: 0.5rem
}
.aq-saveBtn
{
margin-left: 1.5rem;
}
}
.adminQuestionnaire-container thead{
background-color: var(--secondary_color_dark);
outline: 0.0625rem solid var(--default-theme-color);
}

.adminQuestionnaire-container input.nameClass, select {
    border: 0.0625rem solid var(--outline-color);
    padding: 0.375rem 0.1875rem;
    color: var(--text-color);
}
.adminQuestionnaire-container .table td, 
.adminQuestionnaire-container .table th
{
   /*  padding: 0.4rem; */
    font-size:0.875rem;
    font-weight:normal;
}
@media (max-width: 992px) {
.adminQuestionnaire-container table td:before {
    content: attr(header-title);
    float: left;
    line-height: 2rem;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 1rem;
    color: var(--text-color);
}
.adminQuestionnaire-container .toggle-disp-txt {
    width: 10rem;
}
.adminQuestionnaire-container table td {
    display: block;
    font-size: .8em;
    text-align: right;
}
.adminQuestionnaire-container tr {
    border: 0.09375rem solid var(--border-color)!important;
    padding: 2rem;
}

.adminQuestionnaire-container thead {
    display: none;
}
.adminQuestionnaire-container table tr { 
    display: block;
    margin-bottom: 0.625em;
}
.adminQuestionnaire-container table.border {
    border: none!important;
}

.adminQuestionnaire-container table tbody tr td span,
.adminQuestionnaire-container table tbody tr td textarea,
.adminQuestionnaire-container table tbody tr td select,
.adminQuestionnaire-container table tbody tr td input[type=text]
 {
    white-space: break-spaces;
    text-align: left;
    width: 10rem;
    display: inline-block;
}
.adminQuestionnaire-container .lbl-checkbox span.checkmark {
    width: 1rem;
}
.adminQuestionnaire-container table tr td label.lbl-checkbox
{ 
    display: inline-block!important;
    left: -8rem;
    
}
.stxt-align
{
	right: 2.7rem;
    position: relative;
}
.adminQuestionnaire-container .time-dropdown .bootstrap-select .btn, 
.adminQuestionnaire-container .connectedTo-dropdown .bootstrap-select .btn {
    width: 10rem;
}
}
@media (max-width: 1218px) {
.cd-sm-txt{
display: flex;	
}
}
/*####################*/ 
/*end adminQuestionnaire PAGE CSS Starts*/
/*####################*/ 
.custom-asterik{
	    padding-left: .5rem;
        margin-right: -.937rem;
}

.custom-asterik1{
	float:left;
	margin-left: -.75rem;
}
.custom-asterik2 {
    padding: 0 0.25rem 0 0.625rem;
    margin-right: -0.937rem;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
}
.no-break-content{
	display: contents;    
    white-space: nowrap;
}
/*####################*/ 
/*Incentive Page CSS Starts*/
/*####################*/ 

.tbl-incentive,
.tbl-transactionSummary
{
    border: 0.09375rem solid var(--outline-color);
}
.tbl-incentive thead tr th,
.tbl-transactionSummary thead tr th  {
    font-weight: normal;
}
.tbl-incentive thead,
.tbl-transactionSummary thead{
    background-color: var(--secondary_color_dark);
    color: var(--text-color-on-primary);
    padding: 0.5rem 0.5rem;
    padding-right: 1rem;
    font-weight: normal;
    outline: 0.0625rem solid var(--default-theme-color);
}
.tbl-incentive tr td,
.tbl-transactionSummary tr td{ 
    border: none;
    word-break: break-all;
}
.tbl-incentive tr td span,
.tbl-transactionSummary tr td span{ 
  max-width: 17rem;
  display: inline-block;
}
.tbl-incentive tr td span a,
.tbl-incentive tr td span a:hover,
.tbl-transactionSummary tr td span a,
.tbl-transactionSummary tr td span a:hover {
    color: var(--text-color);
}
.transaction-summary .modal-content{
padding: 0 1rem;
}
.transaction-summary button:focus {
    outline: none;
}
@media screen and (max-width: 768px) {
  .tbl-incentive,
  .tbl-transactionSummary{
    border: none;
  }
  .tbl-incentive thead,
  .tbl-transactionSummary thead {
    border: none;
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
  }
  
  .tbl-incentive tr,
  .tbl-transactionSummary tr {
    display: block;
    outline: 0.09375rem solid var(--border-color);
    margin-bottom: 1rem;
  }
  
  .tbl-incentive td,
  .tbl-transactionSummary td {
    border: none;
    display: block; 
    text-align: right;
  }
  
  .tbl-incentive td::before,
  .tbl-transactionSummary td::before{
    content: attr(data-label);
    float: left; 
  }
  .tbl-incentive td span,
  .tbl-transactionSummary td span {
    display: inline-block;
    font-weight: normal;
    width: 33%;
    text-align: left;
}
  .tbl-incentive td:last-child,
  .tbl-transactionSummary td:last-child {
    border-bottom: 0;
  }
}

/*####################*/ 
/*Incentive Page CSS End*/
/*####################*/ 
.claim-device-usage-container .checkBoxLabel.msg-chk-dont-use-lbl {
    width: 100%;
}
.lft-border-line {
    border: solid var(--icon-color);
    border-width: 0rem 0rem 0rem 0.25rem;
}
.fb{  
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
    z-index: 9;
}
.fb-relative-bottom
{ 
    position: relative;
    left: 0;
    bottom: 0px;
    width: 100%;
    z-index: 9;	
}
/*added css to aligned button text for kantar brown regular and kantar brown light fonts*/
.button-txt-align{
padding-bottom:var(--button-v-adj);	
}

/*Rdio button, checked display theme color*/
.form-check-input:checked[type=radio] {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

/*added css for search Error message*/
span#searchError { 
    padding: 0.3125rem 0.3125rem 0.125rem;
    background: var(--color-white);
    border-radius: 0.1875rem;
    color: var(--danger-color);
}
/*override css for jqgrid table*/
.ui-widget,
.ui-widget input, .ui-widget select, 
.ui-widget textarea, .ui-widget button{
font-family:var(--heading-text-font);
}

/*font size - .7rem*/
.fn-7{
	font-size : 0.7rem;
}
/*added css for */
span.lbl-phone {
    /* width: 6rem; */
    display: inline-block;
}
.ClsEmailDiv span.lbl-phone {
    margin-right: 0.25rem;
}
.ClsTelephoneDiv span.lbl-phone {
    margin-right: 0.25rem;
}
@media (max-width: 1200px){
.res-right {
    width: 65%;
    font-size: 0.875rem;
}
}

.table-tbody-scroll tbody{
	height: 50vh;
    display: block;
    overflow: auto;
}

.table-tbody-scroll thead tr, .table-tbody-scroll tbody tr{
	display: table;
    width: 100%;
    table-layout: fixed;
}

#dropdownMenu1 {
  border-color: #e7e7e7;
  
}

#dropdownMenu1:hover{
	background-color:#e9ecef !important;
}

.custom-btn-primary-submit,
.custom-btn-primary-submit:hover
{
	
	background-color: var(--theme-color-submit);
	color: var(--text-color-on-primary);
}
.custom-btn-default:focus-visible,.custom-btn-default:active,:not(.btn-check)+.custom-btn-default:active, .custom-btn-default:first-child:active
{
	
	background-color: var(--theme-color-submit) !important;
	color: var(--text-color-on-primary) !important;
	
}
.btn-disabled:disabled, .btn.disabled{
	border:none;
	background-color: var(--secondary_color_dark);
	opacity: var(--bs-btn-disabled-opacity);
	color: var(--text-color-on-primary);
}
.custom-btn-disabled:disabled{
	border:none;
	background-color: var(--theme-color-submit);
	opacity: var(--bs-btn-disabled-opacity);
	color: var(--text-color-on-primary);
}

.navbar.style2{
	flex-direction: column;
}
.navbar-brand-logo{
	display:flex;
	flex:1;
}
@media(max-width:576px){ 
	.navbar-brand-logo{
	flex:auto;
	}
	.navbar-brand{
	margin:auto;
	}
}

@media only screen and (min-width:1200px){
	.navbar.style2{
	flex-direction: row;
}
	.navbar-nav.style2{
		position :absolute;
		right:0.6rem;
	}
}