/* ==========================================================================
   phone.ascx
   v 1.1 - rettet af janus
   v 1.2 jna 22-feb-19: overført bootstrap4 klasse hertil
   v 1.3 jna 21-mar-19: fjernet al bootstrap4 (kun layoutClassic mode)
   ========================================================================== */
.layoutClassic div.phoneMaster > .phone, .layoutClassic div.phoneMaster > .econtrolTlf > .phoneData, .layoutClassic div.contactinfoMaster {
	display: block;
	/*blev udkommenteret fordi det konflikter med marketing.css på bla. 2277236*/
    /*border: .1rem solid #DCD2D1;
    padding: 2.5rem;*/
	clear: both;
}
.layoutClassic .mainAddContainer > .phoneMaster > .phone {
	text-align: center;
	background: #DCD2D1;
	margin: .2rem 0 0 0;
	padding: 2.6rem;
}
.layoutClassic .navigatorWrapper .navigatorInner {
	width: 100%;
}
/* contact/econtact + skriv til skat */

.layoutClassic .navigator h1, .layoutClassic .ntext > p:nth-child(1) {
	margin: 27px 0;
	width: 100%;
}
.layoutClassic .contactinfoMaster span.svartid {
	display: block;
	float: right;
	font-style: normal;
	text-align: right;
}
.layoutClassic div.phoneMaster span.waitmin {
	color: #000;
}
.layoutClassic .contactinfoMaster > .contact.svartid, .layoutClassic .contactinfoMaster > .contact.borger, .layoutClassic .contactinfoMaster > .contact.writeUS {
	margin: .4em 0;
}
.layoutClassic div.contactinfoMaster .logon {
	float: right;
}
.layoutClassic div.phoneMaster span.wait.queue, .layoutClassic div.phoneMaster .wait.queue, .layoutClassic div.phoneMaster span.personel {
	font-size: 16px;
}
/* hvis man ønsker at få farve på ventetiden
div.phoneMaster span.waitBad {
	color: #ff462b;
}
div.phoneMaster span.waitOK {
	/*color: #D0D028;
	color: #ff9700;
}
div.phoneMaster span.waitExcellent {
	color: #000;
}*/
.layoutClassic div.phoneMaster .phoneClosed span {
	float: right;
	font-weight: bold;
}
.layoutClassic div.phoneMaster > .phoneClosed > div > div:last-of-type {
	padding-top: .6rem;
}
/* Disse kommer via add.ascx - kontakt wizard */



.layoutClassic .mainAddContainer > div.phoneMaster span.wait.queue, .layoutClassic .mainAddContainer > div.phoneMaster .wait.waitUpdate {
	display: none;
}
.layoutClassic .mainAddContainer > div.phoneMaster > .phone > .wait > span {
	display: block;
	float: none;
	text-align: center;
}
.layoutClassic .wait.tlf {
	margin-bottom: 2rem;
}
.layoutClassic .phone4u .wait.tlf > span > a {
	font-size: 2.3rem;
	border-bottom: .2rem solid;
	text-decoration: none;
}
.layoutClassic .wait > span {
	float: right;
}
/* samme som: article .rate4u */
.layoutClassic article .phone4u {
	float: right;
	clear: right;
	max-width: 30.5%;
	min-width: 30.5%;
	margin-bottom: 30px;
}
.layoutClassic .logon a {
	/*background: url(images/kontaktside2015/login.svg) no-repeat left 3px;*/
	padding: 6px 0 2px 0;
	border-bottom: 1px solid #14143c;
	text-decoration: none;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	background: rgba(255, 198, 30, 0.0);
}
.layoutClassic .logon a:hover {
	color: black;
	border-bottom: 1px solid black;
}
.layoutClassic .logon a::after {
	content: '';
	background: url(images/kontaktside2015/arrow_small.svg) no-repeat;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 0 0 15px;
}
.layoutClassic .logon a:hover:after {
	content: '';
	background: url(images/kontaktside2015/arrow_small_black.svg) no-repeat;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 0 0 15px;
}
/* kontaktfeltet på infografikker */
.layoutClassic .skts-infographic div.phoneMaster .tlf, .layoutClassic .skts-infographic .phoneMaster .waitmin, .layoutClassic .skts-infographic .phoneMaster .contact.header, .layoutClassic .skts-infographic .phoneMaster .wait div:nth-child(1), .layoutClassic .skts-infographic .phoneMaster span.waitmin {
	font-size: 16px;
}

@media only screen and (max-width: 959px) {
.skts-col-2-3 .t-col {
	width: 48%;
}
/*aside > .mainAddContainer, aside > .scrollcontent > .mainAddContainer {
        display: none;
    }*/
article .phone4u {
	margin-bottom: 0;
	min-width: 100%;
	width: 100%;
	padding: 1.5em;
	margin-right: 0.6em;
	max-width: 675px;
	float: none;
}
}

@media all and (max-width: 500px) {
div.phoneMaster span.waitmin, .tlf, .waitmin {
	font-size: 16px;
}
div.phoneMaster span.wait, div.contactinfoMaster span.svartid, div.phoneMaster span.waitmin, div.phoneMaster span.contact.svartid, div.contact.borger > span.contact.borger {
	text-align: left;
	display: block;
	float: none;
}
div.contactinfoMaster .logon {
	float: none;
}
div > div.wait.personel {
	margin: 15px 0;
	padding: 15px 0;
	border-top: 1px solid #DCD2D1;
	border-bottom: 1px solid #DCD2D1;
}
div > div.wait.waitmin {
	padding: 15px 0;
	border-top: 1px solid #DCD2D1;
}
.navigator h1 {
	font-size: 1.8em;
	margin: 1em 0;
}
}

@media (min-width: 992px) {
.phone4u {
	width: 35rem;
	margin: .1rem 0 0 auto;
}
}
/* bootstrap4 only ting her, skal prefixes med .bootstrap4 */

.bootstrap4 .phone4u .wait.tlf > span {
	display: block;
}
.bootstrap4 .phone4u .wait.tlf > span > a {
	font-size: 1.25rem;
	text-decoration: none;
	font-weight: 600;
	color: #14143c
}
.bootstrap4 .phone4u {
	width: 100%;
}