/*
V2.1
- removed the pagination listing
*/

.custom-text-dark{
	color: var(--dark);
}

.hide-important{
	display:none !important; 
}


/*seo font change*/
.font-style-h1{
	margin: 0;
    font-weight: bold;
    font-size: 27px;
    line-height: normal;
}
.font-style-h2{
	font-weight: 500;
    margin: 0;
    font-family: roboto, sans-serif;
    font-size: 19px;
    line-height: normal;
}

.font-style-font-family-1{
	font-family: filson-soft, sans-serif;
}
    


.display-results.helpergrid .helper-info .helper-name .col-helper-name-listing {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.col-mobile-helper-name-listing {
	font-size: 19px;
	font-weight: bold;
	line-height: 34px;
	color: #465b61 !important;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: auto;
	width: 142px;
}


div.finn-agreement-description-textarea {
    font-size: 15px;
    border-radius: 10px;
    height: auto;
    background-color: var(--lightgrey) !important;
    border: 1px solid var(--grey) !important;
}

.font-size-15{
	font-size: 15px !important;
}

.footer-info.font-size-15 { 
    line-height: 1 !important;
    font-weight: normal !important;
    font-family: roboto, sans-serif !important;
}

h1.tag-search-inputs-1{
	color: #465b61;
	font-size: 15px;
	margin-bottom: 0;
	font-family: filson-soft, sans-serif;
	white-space: nowrap;
	font-weight: normal;
}


/*seo font change*/



.text-gray-2{
	color:#9a9a9a !important;
}

.text-gray{
	color: #ababab;
}
.text-p-color-2
{
	color: #465b61 !important;
}    

.footer-bottom-radius{
	border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.price-info-chat {
  margin-left: 23px !important;
}


.hire-btn-group .btn-default{
    background-color: #fff;
    border-color: #fff;
}


.danger-box{
	border: 1px solid #fa3776 !important;
}

.pac-container.pac-logo.hdpi{
	z-index:9999;
}

.pac-container.pac-logo{
	z-index:9999;
}

.cursor-pointer{
	cursor:pointer;
}

.job-location-form i.fa.fa-times.close{
	position: absolute;
    bottom: 30px;
    right: 24px;
    font-size: 14px;
}
.job-location-form #map_page_geo_address_desk{
	position: relative;
}


.action-accept-inspection-contract {
    background: #3FBCB5 !important;
}


.date font{
	margin-left: 1px;
}

font.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
    background: none;
    box-shadow: none;
}


/*pagination*/

ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
}
 

/*pagination*/




.create_job_col .bg-white{
	border: 1px solid transparent;
}



.highlight-row-job .create_job_col {
    opacity: 0.4;
}
.highlight-row-job .highlight-main-job {
    opacity: 1 !important;
}
body.desktop-body.page.new-job.cateogries .box-bar-desk.box-bar.d-sm-none.hide-msg-panel{
	display:none;
}


.message-employer-modal {
	border-radius: 16px !important;
}

/*add job error field message*/
p.is-invalid{
	color: var(--danger);
	width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

label.disabled {
    opacity: 0.3;
}


.txt-job-date{
font-size: 15px;
text-align: center;
margin-top: 8px;
}

.info.date .date-link {
    font-size: 16px;
}
/* #div-accept-request-confirm p { color: #fff !important;
}
#div-accept-request-confirm h1 { color: #fff !important;
} */

.cust_address{
	display: inline-block;
	width: 209px;
	float: right;
}
.cust_address input {
	    width: auto !important;
}

.Date-chat-1, .Date-chat-2 {
		display: block;
		clear: both;
	}
	
	.Date-chat-1,.Date-chat-2{
		color: #929191;
		font-size:11px;
	}
	.indicator-off {
		width: 13px;
		height: 13px;
		background:#aaacad;
		border: 2px solid #aaacad;
		border-radius: 50%;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.off-icon .fas{
		color: #aaacad !important;
	}
	
	.contact-conversation.listing-user-id .picture-holder-span{
		
	}
	.cust_address{

		font-weight: normal;
		font-size: 15px;
		color: #9a9a9a;
		font-family: filson-soft, sans-serif;
		text-indent: 1px;
	
	}
	.cust_address input{
		-webkit-appearance: none;
		width: 15px !important;
		height: 15px;
		border-radius: 7.5px;
		background: #fff;
		border: 2px solid #3fc698;
		text-align: center;
		transition-property: all;
		transition-duration: 0.2s;
		margin-right: 4px;
	}
	
	.cust_address input:checked{
		/* width: 15px !important;
		height: 15px; */
		border-radius: 9.5px;
		background: #3fc698;
		border: 2px solid #3fc698;
	}
	
	/****/
	
	.radio-btn-css{

		font-weight: normal;
		font-size: 15px;
		color: #9a9a9a;
		font-family: filson-soft, sans-serif;
		text-indent: 1px;
	
	}
	.radio-btn-css input{
		-webkit-appearance: none;
		width: 15px !important;
		height: 15px;
		border-radius: 7.5px;
		background: #fff;
		border: 2px solid #3fc698;
		text-align: center;
		transition-property: all;
		transition-duration: 0.2s;
		margin-right: 4px;
	}
	
	.radio-btn-css input:checked{
		border-radius: 9.5px;
		background: #3fc698;
		border: 2px solid #3fc698;
	}
	
	.desktop-body .btn-bannotpossible{
		
		font-size: 14px;
		
	}
	
	
	
	
	
	
/*********************/


/** NEW CODE FOR SERVICES OFFEREC (HELPERS GRID)**/
/*REMOVED AN TAKEN TO STYLE.CSS*/

.helperview h1{}
.helperview h3{
    font-family: filson-soft, sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 35px;
    text-align: left;
    color: #9a9a9a;margin: 15px 0 -5px;padding: 0;
}
.helperview .helper-location h3{}
.helperview .helper-location{}
.helperview .helper-services-oferred{}
.helperview .helper-services-oferred ul.listedservices{}
.helperview .helper-services-oferred ul.listedservices li{}
.helperview .helper-services-oferred ul.listedservices li i{color: #41C898;}
.helperview .helper-services-oferred ul.listedservices li span{
    font-family: filson-soft, sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 35px;
    text-align: left;
    color: #465b61;
}
.helperview .helper-bio-resume{}
.helperview .helper-bio-resume h3{}
.helperview .helper-bio-resume p{
    font-family: roboto, sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    color: #465b61;
}

.white-text{
	color:#fff;
}

.helper-location-txt{
text-align: center;
    display: block;
    color: #3FC698;
}
.h-time-2 {
    color: #a69aa6;
}

/*
#uploadimageModal .modal-title,#uploadimageModal .close,#uploadimageModal  .modal-footer .btn {
	color:#fff;
}
*/

.ac-rotate{
	color:#fff;
}
.modal .white-box .btn.crop_image {
	margin: 0;
}

#uploadimageModal .btn.btn-secondary.crop_image{
	/*background: white;
	color: #465B61;*/
}

#uploadimageModal .btn.btn-danger{
	/*background: #f4f4f4;
	text-align: center;
	color: #fa3776;
	font-weight: 400;*/
}
.cr-boundary {border-radius: 10px;}
.cr-viewport.cr-vp-square {border-radius: 100%;}
#image_demo {width: auto !important;}
.modal-body {/* background: white; */}

/*
#uploadimageModal p {
	margin: auto;
	width: 380px;
	text-align: center;
	color: #fff;
}*/

.ac-rotate {
    font-size: 30px;
    padding: 9px 11px;
    background: white;
    text-align: center;
    border-radius: 80px;
    box-shadow: 1px 5px 10px rgba(0,0,0,0.2);
}
.ac-rotate img{
    padding: 0 0 8px ;
    margin: 0;
    color: #3FC698;
    width: 30px;
    height: auto;
}
 
.btn-cnr button {margin: 5px;}
.btn-cnr {
    text-align: center;
    padding: 20px 0;
}



.mbls-dvs .msj-rta{padding-bottom: 0px !important; padding-top: 0px !important;}

.mbls-dvs{bottom: 0px !important; border: none !important;}

.modal .white-box p{
    color: #9A9A9A;
    margin-bottom:10px; 
}

#map-job h1 {
    color: white;
    padding: 10px;
}


@media only screen and (max-width: 768px) and (min-width: 320px){

#uploadimageModal  .modal-dialog .btn {
    display: block;
    width: 90%;
    margin: 13px auto;
}


}

/*rotate*/




.service-details-page-class .row {
    margin-top: 15px;
}

.info.quick-message-contact img {
  
        border-radius: 50px;
        z-index: 1000;
        position: relative;
  
}

.txt-white-color{
	color:#fff !important;
}

/* STYLES FOR THE TABS IN BROWSE*/ 
.tabs-brw{
	background: #f5f5f5;
	border: 0;
}
.tabs-brw{
	background: #f5f5f5;padding: 18px 0 0 0;border: 0;
}
.tabs-brw {}
.tabs-brw .nav-item .nav-link{
	font-family: filson-soft, sans-serif;
	font-weight: normal;
	font-size: 23px;
	line-height: 25px;
	text-align: left;
	color: #bcbcbc;
    padding: 15px 30px;
	border: 0px;
    
}
.tabs-brw .nav-item .nav-link.active{
	font-weight: bold;
	color: #3fc698;border: 0;border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.tabs-brw .nav-item .nav-link:hover{
    border: 0;
}

.enter-msg i.fas.fa-paper-plane {
   /*  margin-top: 8px;
    margin-left: 8px; */
}



.meesagesloading {
    position: fixed;
    width: 100%;
    background: rgba(255, 255, 255, 0.82);
    height: 100vh;
    z-index: 99999;
    display:flex;justify-content:center;align-items:center;width:100%;"
}

.meesagesloading img {
    max-width: 200px;
    margin: auto;
    display: block;
    /* padding-top: 50%; */
}

.meesagesloading h1 {
font-weight: bold;
font-size: 21px;
line-height: 53px;
text-align: center;
color: #bebfbe;

}


@media only screen and (min-width:320px) and (max-width:768px)  {

	.pagination > li > a, .pagination > li > span {
         
     /*   position: relative;
        float: left;
        padding: 6px 10px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #3FC698;
        text-decoration: none;
        background-color: #fff;
        border-radius: 50%;
        font-size: 13px;
        font-weight: bold;
	*/
	}

}



/*	ADDITIONAL CODE FOR MODEL POP-UPS */
.modal .grey-box {
    border-radius: 10px;
    background: #F4F4F4;
    padding: 20px;overflow: hidden;
}

.modal .content-popup h1{
    font-family: filson-soft, sans-serif;
	font-weight: bold;
	font-size: 31px;
	line-height: 30px;
	color: #465b61;
}

.modal .content-popup h1 i{
	font-weight: normal;
	font-size: 31px;
	line-height: 30px;
	text-align: left;
	color: #3fc698;
}

.modal .content-popup p{
    font-family: roboto, sans-serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	text-align: left;
	color: #465b61;
}


.modal .grey-box .white-box{
	padding: 0;
}


.options-suscription{}

.options-suscription .header{
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	background: #d1d1d1;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
	padding: 10px;

}
.options-suscription.active .header{
	background: linear-gradient(270deg, #3fc698 0%, #3fb6c6 100%);
}
.options-suscription .header h2{
    font-family: filson-soft, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	color: #fff;

}
.options-suscription p{
	padding: 0px 20px 20px 20px;
	display: block;
	font-weight: normal;
	font-size: 15px;
	line-height: 21px;
	text-align: left;
	color: #9A9A9A !important;
}

.options-suscription.active p{
	color: #7E7E7E !important;
}
.options-suscription .price-information{
	backface-visibility: red;
}
.options-suscription .price-information .form-check{padding: 20px;text-align: center;}
.options-suscription .price-information .form-check .form-check-input{
	transform: translateY(16px);
}
.options-suscription .price-information .form-check  .form-check-label{
    font-family: filson-soft, sans-serif;
    font-weight: normal;
    font-size: 47px;
    line-height: 61px;
    text-align: left;
    color: #9A9A9A;
}
.options-suscription.active .price-information .form-check  .form-check-label{
	color: #3FC698 !important;
	font-weight: bold;;
}

i.selected{
	display: none;
}

.active i.selected{
	display: inline-block;
}



.modal .form-check{}
.modal .form-check.white-box{
    padding: 14px 35px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);

}
.modal input{}
.modal label{}
.modal label h2{
    font-family: filson-soft, sans-serif;
    font-weight: regular;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    color: #3fc698;

}
.modal label p{ margin: 0}

.modal .content-popup h1 img{
	float: right;
}

.btn.btn-secondary{
	/*background: #D9D9D9; REMOVED TO USE THE GLOBAL STYLES*/
}
.modal .btn.btn-dark{
	background: #465B61;
	cursor: pointer;
	color: white !important; 
}

.al-right.btns{
	float: right;
}

.modal .giant{
	font-size: 91px;
	line-height: 88px;
	text-align: center;
	color: #3fc698;

}

.modal-body .header{
	padding: 20px;
}

.modal-body .header h1{
    font-family: filson-soft, sans-serif;
	font-weight: normal;
	font-size: 31px;
	line-height: 30px;
	text-align: left;
	color: #fff;
}

.modal-body .header h1.longtext {
	overflow: hidden;
}
.modal-body .header h1.longtext img {
	float: left;
}
.modal-body .header h1.longtext .break{
	float: left;
	width: 70%;
}

.modal .header img{
	width: 52px;
	height: 52px;
	border-radius: 26px;
	/* background: url(...); */
	border: 3px solid #3fc698;
	margin-right: 10px;
	display: inline-block;
}

.modal .content-popup .form-check label h1{
	font-size: 20px;
	line-height: 20px;
	text-align: left;
	font-weight: normal;
	color: #465B61 !important;
}

.modal .content-popup .form-check label h1 a i{
	font-size: 20px;	
}

.pagination>li>a, .pagination>li>span{
	/*background: none;*/
}

.desk-show{
	display:block;
}

.mobile-show{
	display:none;
}

@media screen and (max-width: 667px){
    .modal .btns{width: 100%; /** ONLY IN DESKTOP*/}
	.modal .btns.break{display: contents; }
	.text-right { text-align:center !important}
	.modal .content-popup h1 img{float: none;}
	.al-right.btns{max-width: 100%; float: none}
	.modal .modal-body .header h1{font-size: 24px; line-height: 23px;}
	
	.desk-show{
		display:none;
	}

	.mobile-show{
		display:block;
	}

	.helper-info-container {
		padding: 20px 20px 125px 20px;
	}
}

.readmore-txt {
	white-space: nowrap;
	 overflow: hidden;
	 margin-right: 16px;
	 display: block;
 }
 .readmore-txt::after {
	 content: "..";
 }
 
 .enter-msg.disabled  .glyphicon.glyphicon-share-alt{
	 background-color:#d6fff1 !important;
	 
 }
 
 .color-red{
	 color:#f00;
 }
 
 .proposals_wanted_content .form-group label:nth-child(1){
	 font-size: 15px;
	 margin-bottom: 0.2rem;
 }
 
 .form-group.spaced  .custom-radio.custom-control-inline{
	 margin-bottom: 36px;
 }
 .proposals_wanted_content .form-group {
	 border-bottom: 1px solid #ccc;
	 padding-bottom: 20px;
	 margin-bottom: 20px;
 }
 
 .chat-input .footer-btn{
	 /* min-width: 100px; */
 }
 
 .incoming .cls-attachment{
	 color:#fff !important;
 }
 
 .outgoing .cls-attachment{
	 color:#9a9a9a !important;
 }
 
 .btn_readContract{
	 cursor:pointer;
 }
 
 .bubble.incoming .lable-download, .msj.macro  .lable-download{
	 color:#fff;
 }
 
  #mySidenav{
	  display:block !important;
  }
  
  .listing-user-id{
	  cursor:pointer;
  }
  
 /*  .col-md-4.profile-information .rating-info{
	  margin-top: 0px !important;
  } */
  
  .text-color-red{
	  color:#f00;
  }
  
  @media screen and (max-width: 767px){
	  .contact-conversation.find-help .contact-details .jobtitle{
			 left: 0px !important;  
	  }
  }
  
 .msj.macro{
	 word-break: break-word;
 }
  
 /* re-placed by the style.css style
.btn-dark{
 background: linear-gradient(48deg, #343a40, #343a40) !important;
 }*/
 
 
 
 .action-pdf-download{
	 cursor:pointer;
 }
  
  /*img details code*/
  
 /*  #job-post-slider img{
	 max-width: 100%;
	 max-height: 470px;
	 margin: 0px auto;	
	 width: auto;
	 height: auto;	
  }
  
  .slick-slide.slick-current.slick-active {
	 background-color: #f5f5f5;
 }
   
  #job-post-slider .slider-arrow, .mfp-container .slider-arrow{
	  background: rgb(214 214 214) !important;
  } */
  
  /*img details code*/
  
  
  
  .form-info.left-center:before {
	 left: 51%;
 }
 
 div#ui-datepicker-div {
    z-index: 9999999 !important;
}


.pwa-body #div-tjenesteavtalen {
	color: var(--dark) !important;
}

/* Avtaler: empty-state row is a single colspan cell, so it matches both
   td:first-child and td:last-child in style.css and loses the bottom-left
   radius. Round both bottom corners. */
.reports-info table tbody tr td:only-child {
	border-radius: 0 0 10px 10px;
}

/* Mobile side menu: "Mer" collapsible group */
.nav-link-more {
	cursor: pointer;
}

.nav-link-more i {
	font-size: 12px;
	margin-left: 4px;
	transition: transform 0.2s ease;
}

.nav-link-more:not(.collapsed) i {
	transform: rotate(90deg);
}

.nav-item-more-list > ul {
	width: 100%;
}

/* Mobile chat: when a price estimate was the only message it could not be
   scrolled, so the "Trekk tilbake" / "Rediger" buttons stayed cut off.
   ul.chat-content is a column flex scroll container, so:
     1. the bubble is a flex item and gets squashed instead of overflowing,
        which leaves scrollHeight == clientHeight and kills scrolling;
     2. WebKit drops the end padding of a flex scroll container, so the
        100px padding-bottom from pwa.css never becomes scrollable space.
   Pin the items against shrinking and use a real spacer element instead.
   The padding-bottom below overrides pwa.css (higher specificity, no
   !important needed) so the ::after spacer replaces that 100px rather
   than stacking on top of it. pwa.css itself is left untouched. */
@media screen and (max-width: 767px) {
	 

	.frame ul.chat-content > * {
		flex: 0 0 auto;
	}

	.frame ul.chat-content::after {
		content: "";
		display: block;
		flex: 0 0 auto;
		width: 100%;
		height: 100px;
	}
}

/* ==========================================================================
   Push-varsler — notification settings page
   docs/current work.md, Step 6. Scoped under .push-settings so nothing here
   can leak into the rest of the profile pages.
   ========================================================================== */
.push-settings { margin-top: 28px; }

.push-settings .push-settings-block {
    border: 1px solid #e2e6e9;
    border-radius: 6px;
    padding: 20px;
    background: #fff;
}
.push-settings .push-settings-block > .title {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 8px;
}
.push-settings .push-intro,
.push-settings .push-note {
    color: #5a6672;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
}
.push-settings .push-denied { color: #a3410f; }

.push-settings .push-current { margin-bottom: 18px; }

/* The theme's .btn (style.css) is white-space: nowrap, so a long label like
   «Aktiver push på denne enheten» runs out of the block on narrow screens.
   Let push buttons wrap and never exceed their container. */
.push-settings .btn {
    white-space: normal;
    max-width: 100%;
    box-sizing: border-box;
    height: auto;
}

/* One row = device info on the left, action on the right. Used by both
   "Denne enheten" and every row under "Andre aktive enheter". */
.push-settings .push-device {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
}
.push-settings .push-device-info {
    display: flex;
    flex-direction: column;
    min-width: 0;                 /* lets long labels ellipsis instead of pushing the button off */
}
.push-settings .push-device-name {
    font-size: 14px;
    color: #2f3a44;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.push-settings .push-device-meta {
    color: #7b8894;
    font-size: 13px;
    margin-top: 2px;
}
/* Plain text buttons. Deliberately NOT .btn-link - the theme renders that
   large and teal, which made a destructive action look like a primary one. */
.push-settings .push-link {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.push-settings .push-device-remove {
    flex: 0 0 auto;
    color: #8a949d;
}
.push-settings .push-device-remove:hover,
.push-settings .push-device-remove:focus {
    color: #c0392b;
}

.push-settings .push-on .push-device-name::before {
    content: "";
    display: inline-block;
    width: 9px; height: 9px;
    border-radius: 50%;
    background: #3fbcb5;
    margin-right: 8px;
    vertical-align: middle;
}

.push-settings .push-others { border-top: 1px solid #eef1f3; padding-top: 14px; }
.push-settings .push-others h4 { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.push-settings .push-others ul { list-style: none; margin: 0; padding: 0; }
.push-settings .push-others li { border-bottom: 1px solid #f4f6f7; }
.push-settings .push-others li:last-child { border-bottom: 0; }

/* ---- Mobile: below Bootstrap's sm breakpoint ----------------------------
   Two columns do not fit a phone. The row becomes a stack, the device name is
   allowed to wrap instead of being cut off, and every control gets a real
   touch target instead of a 13px text link. */
@media (max-width: 575.98px) {

    .push-settings { margin-top: 20px; }

    .push-settings .push-settings-block {
        padding: 16px 14px;
        border-radius: 4px;
    }
    .push-settings .push-settings-block > .title { font-size: 16px; }
    .push-settings .push-intro,
    .push-settings .push-note { font-size: 13px; }

    /* Stack: device details, then the action underneath. */
    .push-settings .push-device {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px 0;
    }
    .push-settings .push-device-name {
        white-space: normal;          /* wrap rather than ellipsis on a phone */
        font-weight: 600;
    }

    /* Full-width, thumb-sized primary actions. */
    .push-settings .push-current .btn,
    .push-settings .push-current .btn-primary,
    .push-settings .push-current .btn-secondary {
        display: block;
        width: 100%;
        padding: 10px 16px;
        font-size: 16px;        /* theme .btn is 20px - too wide for a phone */
        line-height: 1.3;
    }

    /* Text links become right-aligned tap targets, not 13px text. */
    .push-settings .push-device-remove {
        align-self: flex-start;
        padding: 6px 0;
        font-size: 14px;
    }
    .push-settings .push-destructive {
        display: block;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        font-size: 14px;
    }

    .push-settings .push-others h4 { font-size: 13px; }
    .push-settings .push-ios-steps { padding-left: 18px; font-size: 13px; }
}

.push-settings .push-ios-steps { padding-left: 20px; font-size: 14px; line-height: 1.7; }

/* Destructive action sits last and reads as secondary, per the client document. */
.push-settings .push-all {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #eef1f3;
}
.push-settings .push-destructive { color: #c0392b; }
.push-settings .push-destructive:hover,
.push-settings .push-destructive:focus { color: #96271b; }

.push-settings .push-message:not(:empty) {
    margin-top: 12px;
    font-size: 13px;
    color: #2b7a5f;
}
.push-settings .push-message.push-error { color: #c0392b; }


textarea#message{
	max-height: 300px;
}
/* Loading state while push-client.js fetches the key and device list. */
.push-settings .push-loading { color: #8a949d; font-style: italic; }

/* «Vent..» state on a clicked push button. */
.push-settings .push-busy { opacity: .65; cursor: progress; }

/* Always-visible reminder that OS notification settings must be on. */
.push-settings .push-os-note {
    margin: 0 0 14px;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.45;
    color: #55616c;
    background: #f6f8f9;
    border-left: 3px solid #3fbcb5;
    border-radius: 3px;
}
.push-settings .push-help { margin-top: 8px; font-size: 13px; color: #55616c; }
.push-settings .push-help p { margin-bottom: 6px; }

/* 14 Sep 2026: invite Avvis/Aksepter buttons were white-on-white on mobile.
   pwa.css gives .cancelled-chat .btn a white background and the theme forces
   white text on .btn-primary. Restore readable colours for the invite block. */
.bubble.invite-chat .counter-offer .counter-offer-content .btn-service-accept-request {
    background: #3fbcb5;
    border: 1px solid #3fbcb5;
    color: #fff !important;
}
.bubble.invite-chat .counter-offer .counter-offer-content .btn-service-deny-request {
    background: #fff;
    border: 1px solid #55616c;
    color: #333 !important;
}