body, html {
	margin:0;
	padding:0;
	font-family: 'Muli', sans-serif;
	box-sizing:border-box;
}

input[type=text],textarea,select {
	outline:none;
	transition:border 0.3s ease;
}
input[type=text]:focus,textarea:focus,select:focus {
	transition:border 0.3s ease;
	border:1px solid #34b1f1 !important;
	
} 


header {
	width:100%;
	background:#f7f7f7;
	display:inline-table;
	box-sizing:border-box;
	text-align:center;
	font-size:0;
}

header > .incoming-call {
	background-image: -moz-linear-gradient( 94deg, #00EE77 0%, #00D27B 100%);
	background-image: -webkit-linear-gradient( 94deg, #00EE77 0%, #00D27B 100%);
	background-image: -ms-linear-gradient( 94deg, #00EE77 0%, #00D27B 100%);
	box-shadow: 0px 9px 29px 0px rgba(106, 244, 132, 0.27);	
	width:100%;
	height: 63px;
	
	display:inline-table;
	text-align:center;
	color:#fff;
	position:relative;
	z-index:10;
	font-size:0;
}
header > .incoming-call ul {
	margin:0 auto;
	padding:0;
	display:inline-block;
	padding-left:40px;
	background:url(../images/phonecalling_white.svg) 0% 50% no-repeat;
}
header > .incoming-call ul li {
	float:left;
	list-style:none;
	margin-right:40px;
	
	line-height:63px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:900;
	letter-spacing:0.5pt;
}
header > .incoming-call ul li span {
	font-size:16px;
	text-transform:none;
	font-weight:400;
	letter-spacing:0pt;
	margin-left:5px;
}

header .header {
	width:100%;
	max-width:1024px;
	height:60px;
	overflow:hidden;
	margin:0 auto;
	display:inline-table;	
	 
	box-sizing:border-box;
	text-align:center;
	position:relative;
	
}

header .header .logo {
	width:163px;
	height:39px;
	display:block;
	position:absolute;
	float:left;
	margin-top:10px;
}
header .header .btnSideMenu {
	right:0;
	top:calc(50% - 10px);
	position:absolute;
	width:27px;
	height:19px;
	display:block;
	background:url(../images/btnmenu.svg) 50% 50% no-repeat;
	background-size:27px 19px;
}
header .header .btnQuicksearch {
	right: 50px;
	top: calc(50% - 10px);
	position: absolute;
	width: 27px;
	height: 19px;
	display: block;
	background: url(../images/iconSearch.svg) 50% 50% no-repeat;
	background-size: auto;
	background-size: 27px 19px;
}



/*TABS*/
ul.tabs {
	margin:0 auto;
	padding:0;
	display:inline-table;
	box-sizing:border-box;
	height:60px;
}
ul.tabs li {
	list-style:none;
	margin:0 auto;
	padding:0;
	float:left;
	display:block;
	font-size:14px;
	font-weight:800;
	font-family: 'Muli', sans-serif;
	text-transform:uppercase;
	color:#438ed8;
	cursor:pointer;
}
ul.tabs li a {
	text-decoration:none;
	background:#e6ecf1;
	color:#438ed8;
	height:60px;
	line-height:60px;
	display:block;
	padding-left:35px;
	padding-right:35px;
	position:relative;
	letter-spacing:0.5pt;
	transition:background 0.3s ease, color 0.3s ease;
}

ul.tabs li a:hover {
	background:#3787d6;
	color:#fff;
	cursor:pointer;
	transition:background 0.3s ease, color 0.3s ease;
}



ul.tabs li.active a {
 
  background-color: rgb(255, 255, 255);
  box-shadow: -0.454px -25.996px 29px 0px rgba(39, 70, 101, 0.31);
  z-index:2;
  color:#535e69;
  padding-left:45px;
  padding-right:45px;
 
}

ul.tabs li a span {
	width:21px;
	height:21px;
	display:inline-block;
	margin-left:5px;
	line-height:21px;
	border-radius:50%;
	background:#c60000;
	font-size:12px;
	letter-spacing:-0.5pt;
	color:#FFFFFF;
	font-weight:400;
	font-family: 'Muli', sans-serif;
}
ul.tabs li a span.gray {
	background:#a9b1b8;
	width:26px;
	height:26px;
	line-height:26px;
}

main {
	margin:0 auto;
	width:100%;
	max-width:1024px;
}


/*top navigation*/
main ul.navigation {
	margin:0;
	padding:0;
	width:100%;
	display:inline-block;
	margin-bottom:40px;
	margin-top:40px;
}
main ul.navigation li {
	list-style:none;
	float:left;
	height:82px;
	box-sizing:border-box;
	border:1px solid #dadce0;
	width:33.33%;
	text-align:center;
	
	z-index:1;
	position:relative;
}

main ul.navigation li.date {
	width:calc(33.34% + 2px);
	margin-left:-1px;
	margin-right:-1px;
	letter-spacing:-0.25pt;
	z-index:2;
	font-size:24px;
	color:#0d0d0d;
	line-height:82px;
	
}
main ul.navigation li.date span {
	padding-left:35px;
	background:url(../images/iconDate.svg) 0% 50% no-repeat;
}
main ul.navigation li.btnLeft {
	background:url(../images/btnLeft.svg) 50% 50% no-repeat;
	transition:border 0.3s ease;
	
 
}
main ul.navigation li.btnRight {
	background:url(../images/btnRight.svg) 50% 50% no-repeat;
	/* background-size:17px 13px; */
	transition:border 0.3s ease;
}
main ul.navigation li.btnLeft:hover, main ul.navigation li.btnRight:hover {
	cursor:pointer;
	z-index:3;
	border:1px solid #000;
	transition:border 0.3s ease;
	 
	 
}
main ul.navigation li.btnRight.disabled,main ul.navigation li.btnRight.disabled:hover {
	opacity:0.5;
	border:1px solid #dadce0;
}

/*Default Table*/

.default-table {
	width:100%;
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
	text-align:left;
	 
}
.default-table.callslist {
	margin-bottom:40px;
}
.default-table tbody tr {
	border:1px solid #dadce0;
	transition:all 0.3s ease;
}

.default-table tbody tr:hover, .default-table tbody tr:not(.attention):hover {
	cursor:pointer;
	background: #e6ecf1;
	box-shadow: 0px 9px 29px 0px rgba(26, 107, 159, 0.09);
	border:1px solid #e6ecf1;
}

.default-table tbody tr td {
	font-weight:400;
	font-family: 'Muli', sans-serif;
	color:#4b4b4b;
	font-size:16px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:0px;
	
	line-height:24px;
}
.default-table thead tr th {
	padding:20px;
	padding-bottom:15px;
	padding-top:0;
	padding-left:0;
	text-transform:uppercase;
	font-size:13px;
	color:#535e69;
	font-weight:800;
	letter-spacing:1pt;
}
.default-table tbody tr td.ctype {
	padding:0;
	width:80px;
	text-align:center;
	font-size:0;
	line-height:0;
	vertical-align:top;
	min-width:80px;
}
 


.default-table .ctype.incoming-call {
	width:20px; 
	background:url(../images/phone_green.svg) 50% 50% no-repeat;
}
.default-table .ctype.answered-call {
	width:32px;
	background:url(../images/phone_blue.svg) 50% 50% no-repeat;
} 
.default-table .ctype.missed-call {
	width:31px;
	background:url(../images/phone_red.svg) 50% 50% no-repeat;
}
.default-table .ctype.answered-call-outgoing {
    width:32px;
    background:url(../images/phone_blue.svg) 50% 50% no-repeat,url(../images/outgoing.svg) 50% 50% no-repeat ;
}
.default-table .ctype.missed-call-outgoing {
    width:31px;
    background:url(../images/phone_red.svg) 50% 50% no-repeat,url(../images/outgoing.svg) 50% 50% no-repeat;
}




.default-table tbody tr td.duration {
	white-space:nowrap;
}
.default-table thead tr th.partner {
	width:26%;
}
 .default-table thead tr th.memo {
	width:39%;
}
 .default-table {
	 position:relative;
 }
.default-table tbody tr.attention td:first-child::before {
	content:" ";
	position:absolute;
	left:0;
	margin-top:-1px;
	height:2px;
	padding-top:1px;
	background: #ff822b;  
	background: -moz-linear-gradient(left,  #ff822b 0%, #ffaf25 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff822b 0%,#ffaf25 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff822b 0%,#ffaf25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
    background-attachment: fixed;
	
	width:100%;
	display:inline-table;
  
 }
 
.default-table.clientslist tbody tr:not(.attention):hover td:first-child::before, .default-table.callslist tbody tr:not(.attention):hover td:first-child::before {
	content:" ";
	position:absolute;
	left:0;
	margin-top:-1px;
	height:1px;
	padding-top:1px;
	background: #e6ecf1; 
	width:100%;
	display:inline-table;
  
 }
 
 
@-webkit-keyframes attention-animation {
  0%   {   box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0);}
  50% {  box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0.82);}
  0%   {   box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0);}
}
@-moz-keyframes attention-animation {
  0%   {   box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0);}
  50% {  box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0.82);}
  0%   {   box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0);}
}
@-o-keyframes attention-animation {
  0%   {   box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0);}
  50% {  box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0.82);}
  0%   {   box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0);}
}
@keyframes attention-animation {
  0%   {   box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0);}
  50% {  box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0.82);}
  0%   {   box-shadow: 0px 0px 29px 0px rgba(255, 90, 0, 0);}
}

 
 
 
.default-table tbody tr.attention {
	z-index:10;
	background: #ff822b; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff822b 0%, #ffaf25 100%);  
	background: -webkit-linear-gradient(left,  #ff822b 0%,#ffaf25 100%);  
	background: linear-gradient(to right,  #ff822b 0%,#ffaf25 100%);  
	background-repeat: no-repeat;
    background-attachment: fixed;
	position:relative;
	width:100%;
	border-right:1px solid rgb(255,180,36);
	border-left:1px solid rgb(255,127,43);
	border-bottom:1px solid transparent;
    //chrome loads the same image over and over again (from cache) when animated
	//-webkit-animation: attention-animation 3s infinite;
	//-moz-animation:    attention-animation 3s infinite;
	//-o-animation:      attention-animation 3s infinite;
	//animation:         attention-animation 3s infinite;
	
	box-shadow:none;
}
.default-table tbody tr.attention td {
	color:#ffffff;
	font-weight:600;
	
	 
}
.default-table tbody tr.attention td.ctype.answered-call {
	background:url(../images/phone_white.svg) 50% 50% no-repeat;
}

  
/*POPIN*/

.popin-container {
	width:100%;
	height:100%;
	background:rgba(0,0,0,47%);
	z-index:99;
	position:fixed;
	left:0;
	top:0;
	text-align:center;
	 
}
.popin-container > .popin {
	top:0;
	width:100%;
	height:100%;
	max-width:955px;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 155px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 155px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 155px 0px rgba(0,0,0,0.15);
	background:#f1f4f7;
	display:inline-table;
	margin:0 auto;
	text-align:left;
	box-sizing:border-box;
	padding-top:0px;
	font-size:0;
	 
}

.popin-container > .popin h1 {
	margin:0; 
	padding:0;
	color:#32588b;
	font-size:24px;
	letter-spacing:-0.25pt;
	font-weight:400;
    display: inline-block;
    padding: 8px;
	 
}
.popin-container > .popin > .scrollable-content {
	position:relative;
	/* border:1px solid red; */
	width:100%;
	height:calc(100vh - 90px);
	overflow:auto;
	padding-left:50px;
	padding-right:50px;
	box-sizing:border-box;
}

.popin-container > .popin > .scrollable-content::-webkit-scrollbar {background:#d6d6d6; width:10px; border-radius:10px; margin-right:5px; padding:10px;}
.popin-container > .popin > .scrollable-content::-webkit-scrollbar-track {background:#d6d6d6; width:5px; border-radius:10px;}
.popin-container > .popin > .scrollable-content::-webkit-scrollbar-thumb {border-radius:10px; background:#76808b;}




.popin-container > .popin .btnClosePopin {
	float:right;
	display:inline-block;
	width:40px;
	height:40px;
	padding:0;
	border:0;
	background:#e6ecf1 url(../images/cross-blue.svg) 50% 50% no-repeat;
	 
	border:1px solid #dadce0;
	cursor:pointer;
	box-shadow: 0px 0px 32px 0px rgba(26, 139, 255, 0.0);
	transition:background-color 0.3s ease, background-image 0.3s ease, border 0.3s ease, color 0.3s ease;
    margin: 12px 24px 12px 0px;
}

.popin-container > .popin .btnClosePopin:hover {
	background:#3787d6 url(../images/cross-white.svg) 50% 50% no-repeat;
	border:1px solid #3787d6;
	cursor:pointer;
	box-shadow: 0px 13px 32px 0px rgba(26, 139, 255, 0.26);
 
	transition:background-color 0.3s ease, background-image 0.3s ease, border 0.3s ease, color 0.3s ease, box-shadow 0.2s ease;
 
}


/*call info & tags*/
.popin-container > .popin .call-info {
	display:inline-table;
	width:100%;
	box-sizing:border-box;
	margin-bottom:30px;
	
	 
}
.popin-container > .popin .call-info .phone {
	float:left;
	background:#e6ecf1 url(../images/phonecalling_blue.svg) 18px 50% no-repeat;
	height:51px;
	padding-right:24px;
	padding-left:45px;
	font-size:20px;
	color:#4b4b4b;
	font-weight:600;
	line-height:50px;
	margin-right:30px;
	box-shadow: 0px 0px 32px 0px rgba(26, 139, 255, 0.0);
	transition:background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease;
}

.popin-container > .popin .call-info .phone:hover {
	background:#3787d6 url(../images/phonecalling_white.svg) 18px 50% no-repeat;
	color:#ffffff;  
	cursor:pointer;
	box-shadow: 0px 13px 32px 0px rgba(26, 139, 255, 0.26);
 
	transition:background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, box-shadow 0.2s ease;
}

.popin-container > .popin .call-info .call-details {
	float:left;
	padding:0;
	margin:0;
}
.popin-container > .popin .call-info .call-details li {
	list-style:none;
	font-size:16px;
	color:#4b4b4b;
	padding-left:31px;
	
}

.popin-container > .popin .call-info .call-details li.date {
	background:url(../images/iconDateGray.svg) 0% 50% no-repeat;
	margin-bottom:9px;
}
.popin-container > .popin .call-info .call-details li.time-n-duration {
	background:url(../images/iconTimeGray.svg) 0% 50% no-repeat;
	
}


.popin-container > .popin .call-info .tags {
	float:right;
	 
	width:auto;
	display:inline-table;
	box-sizing:border-box;
	margin:0;
	padding:0;
	padding-top:9px;
	max-width:50%;
}
.popin-container > .popin .call-info .tags li {
	list-style:none;
	float:left;
	background:#e6ecf1 url(../images/iconTag.svg) 9px 50% no-repeat;
	height:34px;
	display:inline-table;
	padding-left:33px;
	padding-right:14px;
	
	font-size:13px;
	color:#4b4b4b;
	font-weight:600;
	line-height:34px;
	margin-left:5px;
}




/*most important fields*/


.popin-container > .popin .edit-call-details {
	background:#d7e0e9;
	display:inline-table;
	padding:15px;
	box-sizing:border-box;
	width:100%;
	margin-bottom:30px;
}
.popin-container > .popin .edit-call-details input, .popin-container > .popin .edit-call-details select {
	width:calc(50% - 5px);
	float:left;
	padding:0;
	margin:0;
}

.popin-container > .popin .edit-call-details input[type=text], .popin-container > .popin .edit-call-details select, .popin-container > .popin .edit-call-details textarea {
	border:1px solid #a4aeb6;
	background:#ffffff;
	font-family: 'Muli', sans-serif;
	font-size:18px;
	color:#4b4b4b;
	padding-left:50px;
	height:50px;
	line-height:50px;
	 
	display:block;
	margin:0;
	margin-bottom:10px;
	box-sizing:border-box;
}

.popin-container > .popin .edit-call-details input[type=text] {
	background:#ffffff url(../images/iconPartner.svg) 18px 50% no-repeat;
}

.popin-container > .popin .edit-call-details input.combo-input[type=text] {
	 height:50px;
	 background:#ffffff url(../images/iconClient.svg) 18px 50% no-repeat;
	 margin-left:10px;
    border-radius: 0px;
}

.popin-container > .popin .edit-call-details textarea {
	width:100%;
	box-sizing:border-box;
	margin-bottom:15px;
	height:100px;
	background:#ffffff url(../images/iconComment.svg) 16px 18px no-repeat;
	padding-top:15px;
	line-height:24px;
}
textarea{
    resize: vertical;
}

.popin-container > .popin .edit-call-details .btnSubmit {
	width:100%;
	margin-bottom:0;
	border:0;
	background-image: -moz-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
	background-image: -webkit-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
	background-image: -ms-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
	height:50px;
	font-family: 'Muli', sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight:800;
	letter-spacing:1pt;
	 
}
 

.popin-container > .popin .other-call-details {
	width:100%;
	display:inline-table;
	margin-bottom:30px;
}
textarea.client-memo {
	width:100%;
	box-sizing:border-box;
	 
	height:100px;
	background:#f9fbfd url(../images/iconMemo.svg) 16px 16px no-repeat;
	padding-top:15px;
	border:1px solid #d4dce3;
	font-family: 'Muli', sans-serif;
	font-size:18px;
	color:#4b4b4b;
	padding-left:50px;
	padding-bottom:20px;
}



/* checkbox  */
.cb-green  {
	margin:0;
	padding:0;
	display:inline-table;
	width:100%;
	margin-bottom:10px;
}
.cb-green input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.cb-green label {
	position: relative;
	display: inline-block;
	padding: 0 0 0 38px;
	height: 27px;
	line-height: 1.5;
	cursor: pointer;
	font-size:15px;
	line-height:27px;
	font-size:18px;
	color:#4b4b4b;
	font-family: 'Muli', sans-serif;
 
}
.cb-green label::before,
.cb-green label::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 27px;
	height: 27px;
}
.cb-green label::before {
	content: " ";
	border: 2px solid #c0cbd6;//#d4dce3;
	border-radius: 20%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/* Checkbox */
.cb-green input[type="checkbox"] + label::after {
	background:url(../images/iconCheckmarkWhite.svg) 50% 50% no-repeat;
	color: #FFFFFF;
	line-height: 29px;
	text-align: center;
	font-size:11px;
	content:" ";
}
/* Radio */
.cb-green input[type="radio"] + label::before {
	border-radius: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cb-green input[type=radio] + label::after {
	content: " ";
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	background: #d0d4e5;
	border: 0;
	border-radius: 50%;
}
/* :checked */
.cb-green input[type="checkbox"]:checked + label::before {
	border:0px solid transparent;
	background-image: -moz-linear-gradient( -132deg, rgb(100,237,126) 0%, rgb(108,209,127) 99%);
	background-image: -webkit-linear-gradient( -132deg, rgb(100,237,126) 0%, rgb(108,209,127) 99%);
	background-image: -ms-linear-gradient( -132deg, rgb(100,237,126) 0%, rgb(108,209,127) 99%);

}


/* :checked */
.cb-green.cb-red input[type="checkbox"]:checked + label::before {
    border:0px solid transparent;
    background-image: -moz-linear-gradient( -132deg, rgb(240, 60, 49) 0%, rgb(240, 19, 13) 99%);
    background-image: -webkit-linear-gradient( -132deg, rgb(240, 60, 49) 0%, rgb(240, 19, 13) 99%);
    background-image: -ms-linear-gradient( -132deg, rgb(240, 60, 49) 0%, rgb(240, 19, 13) 99%);

}

.cb-green input[type="checkbox"] + label::after  {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.cb-green input[type="checkbox"]:checked + label::after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* Transition */
.cb-green label::before,
.cb-green label::after {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}


.cb-green input[type="checkbox"]:checked + label {
	font-weight:400;  
 
}
/*disabled*/
.cb-green.disabled label::before {
	border-color:#f0f0f0;
}

.cb-green.disabled input[type="checkbox"]:checked + label::before {
	background: #f0f0f0;
	border-color: #f0f0f0;
}


/*anruf weiterleiten*/

.popin-container > .popin .other-call-details .checkbox-container {
	width:100%;
	box-sizing:border-box;
	display:inline-table;
	margin-bottom:30px;
}
.btnDefault {
	 background:#e6ecf1;
	 border:1px solid #dadce0;
	 height:50px;
	 line-height:50px;
	 font-size:14px;
	 font-weight:800;
	 color:#3787d6;
	 letter-spacing:1pt;
	 font-family: 'Muli', sans-serif;
	 padding-left:35px;
	 padding-right:35px;
	 box-shadow: 0px 0px 32px 0px rgba(26, 139, 255, 0.0);
	 transition:background 0.3s ease, border 0.3s ease, color 0.3s ease,  box-shadow 0.2s ease;
}

.btnDefault:hover {
	background:#3787d6;
	border:1px solid #3787d6;
	color:#fff;
	cursor:pointer;
	box-shadow: 0px 13px 32px 0px rgba(26, 139, 255, 0.26);
	transition:background 0.3s ease, border 0.3s ease, color 0.3s ease,  box-shadow 0.2s ease;
}


.btnDefaultBlue {
	color:#ffffff;
	background-image: -moz-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
	background-image: -webkit-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
	background-image: -ms-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
	box-shadow: 0px 0px 32px 0px rgba(26, 139, 255, 0.0);
	transition: box-shadow 0.3s ease;
} 
.btnDefaultBlue:hover {
	box-shadow: 0px 13px 32px 0px rgba(26, 139, 255, 0.26);
	transition: box-shadow 0.2s ease;
	cursor:pointer;
}
 


select.operator {
	background: #f9fbfd url(../images/iconOperator.svg) 16px 16px no-repeat;
    
    border: 1px solid #d4dce3;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    padding-left: 40px;
	width:170px;
    height:50px;
    display: block;
	float:left;
	
    margin: 0;
  
	margin-right:10px;
    box-sizing: border-box;
}

/*tabs in popin*/

ul.tabs.popin {
	overflow:hidden;
	font-size:0;
	height:57px;
	padding-top:35px;
	padding-left:40px;
	margin-left:-40px;
	margin-top:-35px;
}
ul.tabs.popin li {
	margin-right:1px;
	margin-left:1px;
}
ul.tabs.popin li a {
	height:57px;
}
ul.tabs.popin li.active {
	margin-right:0;
	margin-left:0;
}
ul.tabs.popin li.active a {
 
  box-shadow: -0.087px -4.999px 29px 0px rgba(39, 70, 101, 0.31) !important;
 

}
.popin-container > .popin  .tab-content {
	width:calc(100% + 100px);
	height:auto;
	display:inline-table;
	background:#ffffff;
	margin-left:-50px;
	margin-right:-50px;
	box-sizing:border-box;
	padding:30px 50px;
}
.popin-container > .popin  .tab-content .textinput {
	border: 1px solid #d4dce3;
    background: #ffffff;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    padding-left: 15px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
	float:left;
	width:calc(100% - 226px);
}

.popin-container > .popin  .tab-content .destination {
	border: 1px solid #d4dce3;
    background: #ffffff;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    padding-left: 10px;
	padding-right:10px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
	float:left;
	margin-right:10px;
	border-right:0;
}
.popin-container > .popin  .tab-content .jiraassignuser {
	border: 1px solid #d4dce3;
	background: #ffffff;
	font-family: 'Muli', sans-serif;
	font-size: 18px;
	color: #4b4b4b;
	padding-left: 10px;
	padding-right:10px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0;
	margin-bottom: 10px;
	box-sizing: border-box;
	float:left;
	margin-right:10px;
}

.popin-container > .popin  .tab-content .textinput.jiratitle {

	width:calc(100% - 100px);
}
/*call history*/

.popin-container > .popin  .tab-content.callshistory {
	padding-top:0;
}


.default-table.callshistory tbody tr:hover {
	cursor:auto;
	background: transparent;
	box-shadow: none;
	border:1px solid #dadce0;
}
.default-table.callshistory tbody tr td {
	font-weight:400;
	font-family: 'Muli', sans-serif;
	color:#4b4b4b;
	font-size:14px;
	padding-top:11px;
	padding-bottom:10px;
	padding-right:30px;
	padding-left:0px;
	box-sizing:border-box;
	line-height:20px;
}

.default-table.callshistory tbody tr td.ctype {
	padding-top:0;
	padding-bottom:0;
	font-size:0;
	line-height:0;
	width:67px !important;
	padding:0;
	min-width:0;
}
.default-table.callshistory tbody tr td.ctype span {
	height:45px;
}


.default-table.callshistory .ctype.incoming-call {
	width:24px; 
	background:url(../images/phone_green.svg) 50% 50% no-repeat;
	background-size:auto 22px;
}
.default-table.callshistory .ctype.answered-call {
	width:24px;
	background:url(../images/phone_blue.svg) 50% 50% no-repeat;
	background-size:24px auto;
} 
.default-table.callshistory .ctype.missed-call {
	width:24px;
	background:url(../images/phone_red.svg) 50% 50% no-repeat;
	background-size:24px auto;
} 
.default-table.callshistory .ctype.notification {
	width:24px;
	background:url(../images/iconNotification.svg) 50% 50% no-repeat;
    background-size: 24px auto;
}

.default-table.callshistory .ctype.memo {
    width:24px;
    background:url(../images/iconMemo.svg) 50% 50% no-repeat;
}
.default-table.callshistory .ctype.jira {
    width:24px;
    background:url(../images/iconJira.svg) 50% 50% no-repeat;
}
.default-table.callshistory .ctype.qm_memo {
    width:24px;
    background:url(../images/iconQM.svg) 50% 50% no-repeat;
    background-size: 42px auto;
}
.default-table.callshistory tbody tr td.date {
	background: url(../images/iconDateGray.svg) 0% 50% no-repeat;
	padding-left:20px;
	width:120px;
	background-size:15px auto;
	
}
.default-table.callshistory tbody tr td.time-n-duration {
	background: url(../images/iconTimeGray.svg) 0% 50% no-repeat;
	padding-left:20px;
	width:100px;
	white-space:nowrap;
	background-size:15px auto;
}
.default-table.callshistory tbody tr td.user {
	background: url(../images/iconOperator.svg) 0% 50% no-repeat;
	padding-left:20px;
	background-size:15px auto;
	width:100px;
	white-space:nowrap;
}
.default-table.callshistory tbody tr td.comment {
	background: url(../images/iconComment.svg) 0% 50% no-repeat;
	padding-left:20px;
	background-size:auto 15px;
}

/*default text-only table */
.default-table.texttable.half {
	width:calc(50% - 25px);
	float:left;
	
}
.default-table.texttable.half:last-child {
	margin-left:50px;
}
.default-table.texttable tbody tr td {
	padding:5px 10px;
	font-size:16px;
}
.default-table.texttable tbody tr td.fieldname {
	font-weight:800;
	width:40%;
}
.default-table.texttable tbody tr:hover {
	cursor:auto;
	background: transparent;
	box-shadow: none;
	border:1px solid #dadce0;
}
.default-table a {
	color:#35a6ea;
	text-decoration:underline;
}
.default-table a:hover {
	text-decoration:none;
}
.default-table ul.sublist {
	margin:0 0 10px 0 ;
	padding:0;
}
.default-table ul.sublist li {
	list-style:none;
	font-weight:400;
}
.default-table ul.sublist li span {
	font-weight:700;
	margin-right:10px;
}
.default-table h4 {
	margin:5px 0; 
	padding:0;
	letter-spacing:0.5pt;
	
}

/* CLIENTS LIST TABLE MODIFICATIONS*/

.default-table.clientslist td.px {
	padding:0;
	margin:0;
	vertical-align:top;
	width:1px;
}

.default-table.clientslist td.partner {
	background: url(../images/iconClient.svg) 18px 50% no-repeat;
	padding-left:50px;
	padding-right:30px;
	width:45%;
}
.default-table.clientslist td.tags {
	padding-right:30px;
}
.default-table.clientslist td.tags span.tag {
	display:block;
	float:left;
	background: url(../images/iconTag.svg) 0px 55% no-repeat;
	background-size:20px auto;
	padding-left:30px;
	margin-right:23px;
}
.default-table.clientslist td.easybill {
	background: url(../images/easybill.png) 0px 50% no-repeat;
	background-size:18px auto;
	padding-left:25px;
	padding-right:30px;
	width:100px;
}
.default-table.clientslist td.numberofcalls {
	background: url(../images/phone_gray.svg) 0px 50% no-repeat;
	background-size:auto 18px;
	padding-left:26px;
	padding-right:20px;
	width:30px;
}
.default-table.clientslist td.lastentry {
    background: url(../images/iconDateGray.svg) 0px 50% no-repeat;
    background-size:auto 18px;
    padding-left:26px;
    padding-right:20px;
    width:98px;
}
.default-table.clientslist td.btn {
	padding:0;
	font-size:0;
	vertical-align:middle;
	width:70px;
	text-align:center;
}

.default-table.clientslist td.btn .btnEdit {
	margin:0;
	padding:0;
	border:0;
	width:70px;
	height:20px;
	 
	background: url(../images/btnEdit.svg) 50% 50% no-repeat;
	background-size:22px auto;
	cursor:pointer;
	outline:none;
	display:block;
}

/*NAVIGATION ON CLIENTS PAGE*/

ul.navigation-kunde {
	margin:0;
	padding:0;
	width:100%;
	display:inline-table;
	margin-bottom:40px;
	margin-top:40px;
}
ul.navigation-kunde li {
	float:left;
	width:calc(100% - 296px);
	list-style:none;
}

ul.navigation-kunde li.suche input {
	width:100%;
	border: 1px solid #d4dce3;
    background: #ffffff url(../images/iconSearch.svg) 18px 50% no-repeat; 
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    padding-left: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
}

ul.navigation-kunde li.btnQM {
	float:right;
	width:256px;
}

ul.navigation-kunde li.btnNewclient {	
	font-size:16px;
	font-weight:800;
	letter-spacing:1pt;
	text-transform:uppercase;
	line-height:50px;	
	height: 50px;
	border:0;
	text-align:center;
	cursor:pointer;
	padding-left:20px;
	box-sizing:border-box;
}
 
ul.navigation-kunde li.btnNewclient::before {
	content:" ";
	position:absolute;
	padding-left:50px;
	display:block;
	font-size:0;
	width:22px;
	height:50px;
	background:url(../images/iconPlus.svg) 50% 50% no-repeat;

}

ul.navigation-kunde li.loschen {
	text-align:right;
}
ul.navigation-kunde li.loschen input[type=button] {
	float:right;
	height:50px;
	border:1px solid #dadce0;
	background:#ffffff url(../images/cross-black.svg) 20px 50% no-repeat;
	background-size:12px auto;
	text-transform:uppercase;
	font-size:12px;
	color:#4b4b4b;
	letter-spacing:1pt;
	font-family: 'Muli', sans-serif;
	font-weight:700;
	padding-left:50px;
	padding-right:20px;
	transition:background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease;
	}
ul.navigation-kunde li.loschen input[type=button]:hover {
	background:#4b4b4b url(../images/cross-white.svg) 20px 50% no-repeat;
	background-size:12px auto;
	color:#ffffff;
	transition:background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease;
	cursor:pointer;
}

/*Nav on Wiki page*/

ul.navigation-wiki {
    margin:0;
    padding:0;
    width:100%;
    display:inline-table;
    margin-bottom:4px;
    margin-top:40px;
}
ul.navigation-wiki li {
    float:left;
    width:100%;
    list-style:none;
}
ul.navigation-wiki li.suche {
    float:right;
    width:calc(100% - 96px);;
    list-style:none;
}


ul.navigation-wiki li.suche input {
    width:100%;
    border: 1px solid #d4dce3;
    background: #ffffff url(../images/iconSearch.svg) 18px 50% no-repeat;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    padding-left: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
}



ul.navigation-wiki #wiki-hauptseite{
    background: #ffffff url(../images/home.svg) 0 0  no-repeat;
    width: 48px;
    height: 48px;
    vertical-align: baseline;
    border:none;
    opacity: .66;
    margin-right:12px;
}

.openmenu{
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
    display:none;
}

.openmenu #menu-sub .mainnav-sub{
    width: 250px;
    float: right;
    text-align: center;
}

.openmenu #menu-sub .mainnav-sub ul{
    list-style:none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.openmenu #menu-sub a{
    text-decoration:none;
}

#page-set{
    letter-spacing: -0.25pt;
    z-index: 2;
    font-size: 24px;
    color: #4b4b4b;
    line-height: 70px;
    border:none;
    text-align:center;
    width:140px;
}


.partner span.person{
    display:block;
}

.phonenumber-callable{
    display: inline-block;
    background: #e6ecf1 url(../images/phonecalling_blue.svg) 8px 50% no-repeat;
    height: 28PX;
    padding-right: 6px;
    padding-left: 24px;
    font-size: 12px;
    color: #4b4b4b;
    font-weight: 600;
    line-height: 28px;
    margin: 2px;
    box-shadow: 0px 0px 4px 0px rgba(26, 139, 255, 0.0);
    transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease;
    BORDER-RADIUS: 2px;
    cursor: pointer;
    background-size: 12px auto;
}

.phonenumber-callable:hover {
    background: #3787d6 url(../images/phonecalling_white.svg) 8px 50% no-repeat;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0px 4px 8px 0px rgba(26, 139, 255, 0.26);
    transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, box-shadow 0.2s ease;
    background-size: 12px auto;
}

.mainnav-sub .mainnav-sub-item{
    margin-top:3px;
    margin-bottom:3px;
    height:30px;
    line-height:30px;
}

#good-morning{
    background: url(../img/morning.png) 50% 50% no-repeat;
    height:120px;
    -webkit-mask-image:-webkit-gradient(linear, left 50%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    cursor: alias;
}

.loading_animation-256{
    text-align:center;
}
.loading_animation-256:after{
    content:"";
    display:inline-block;
    width:256px;
    height:256px;
    margin:64px;
    background-image: url(../img/spinner.svg);
    background-repeat: no-repeat, repeat;
    background-size: 256px 256px;
    opacity: 0.8;
    -webkit-mask-image:-webkit-gradient(linear, left 50%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

#notify-bar{
    cursor:pointer;
}

.comment.is_done{
    text-decoration: line-through;
}

.edit-call-details .combo-select{
    border: 0;
    border-radius: 0;
    margin: 0;
    max-width: initial;
}

.edit-call-details .combo-dropdown li{
    font-size:12px;
}

.edit-call-details .combo-dropdown{
    top:49px;
}

.popin-container > .popin .edit-call-details select.partner-client{
    width:0px;
    height:0px;
}


.popin-container > .popin .edit-call-details .combo-select .combo-input{
    font-size:15px;
}

.popin-container .popin-head > h1{
    margin: 12px 12px 24px 24px;
}

#clientviewtypeswitch{
    border: 1px solid #d4dce3;
    background: #ffffff;
    font-family: 'Muli', sans-serif;
    font-size: 17px;
    color: #4b4b4b;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    width: 190px;
    float:right;
    padding-right:10px;
}

.uploaderA .uploaderA-submit-butt{
    width:140px;
    margin-bottom: 0;
    border: 0;
    background-image: -moz-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
    background-image: -webkit-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
    background-image: -ms-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
    height: 50px;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 1pt;
}

.uploaderA .uploaderA-filename{
    border: 1px solid #d4dce3;
    background: #ffffff;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    padding-left: 15px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    float: left;
    width: calc(100% - 100px);
}

#files-table td{
    cursor:default;
    padding-top:6px;
    padding-bottom:6px;
}

#files-table .link-download{
    padding-left:34px;
    height: 28px;
    display: inline-block;
    padding-top: 3px;
    color: #0500a8;
    background-size: 26px 32px;
}
#files-table.default-table tbody tr td{
    padding:4px;
}
.link-download-pdf{
    background: url(../images/icon-file-pdf.png) 0 50% no-repeat;
}
.link-download-xls{
    background: url(../images/icon-file-xls.png) 0 50% no-repeat;
}
.link-download-doc{
    background: url(../images/icon-file-doc.png) 0 50% no-repeat;
}
.link-download-jpg{
     background: url(../images/icon-file-jpg.png) 0 50% no-repeat;
 }
.link-download-png{
    background: url(../images/icon-file-png.png) 0 50% no-repeat;
}
.link-download-generic{
    background: url(../images/icon-file-generic.png) 0 50% no-repeat;
}
.uploaderA-rightcol{
    width: calc(100% - 660px);
    float: left;
    padding-left: 12px;
    text-align:center;
    padding-top:12px;
}
.file-delete{
    background: #f03c31 url(../images/cross-white.svg) 50% 50% no-repeat;
    background-size: 11px 11px;
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
    opacity: 0.7;
    position: relative;
    display:none;
    vertical-align: text-bottom;
    border-radius: 4px;
    border: 1px solid red;
}
.file-delete:hover{
    opacity: 1;
}

.uploaderA .file-tagarea{
    clear:both;
    display:none;
}
.file-tagarea .file-tag{
    cursor: pointer;
}

#file-tag-config .file-tag{
    cursor:pointer;
}

#file-tag-config .file-tag-config-tag-remove{
    background: #f03c31 url(../images/cross-white.svg) 50% 50% no-repeat;
    background-size: 10px 10px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid red;
    display:inline-block;
    vertical-align: middle;
}

.file-tag{
    display: inline-block;
    padding: 2px;
    font-size: 12px;
    margin: 2px 4px 2px 2px;
    border: 1px solid #d4dce3;
    border-radius: 4px;
    font-weight: 700;
    color:#4b4b4b;
    font-family: 'Muli', sans-serif;
    line-height: 14px;
}

#file-tag-config-input{
    width: 122px;
    border: 1px solid #d4dce3;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    height: 24px;
    line-height: 20px;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    margin-left:8px;
    padding:2px;
}

.syssettings-section{
    border: 1px solid #dddddd;
    padding:8px;
    border-radius:8px;
    margin-top:8px;
    margin-bottom:8px;
}
.syssettings-section h1{
    margin-top:0px;
}
.syssettings-section .btnSubmit{
    width: 130px;
    margin-bottom: 0;
    border: 0;
    background-image: -moz-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
    background-image: -webkit-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
    background-image: -ms-linear-gradient( -173deg, rgb(52,177,241) 0%, rgb(55,135,214) 99%);
    height: 30px;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 1pt;
}

.file-tag-inactive.file-tag-red,
.file-tag-inactive.file-tag-blue,
.file-tag-inactive.file-tag-green,
.file-tag-inactive.file-tag-yellow
{
    background-color: #e8e8e8;
    color:#4b4b4b;
}

.file-tag-red{
    background-color: #ff4645;
    color: #f4f4f4;
}
.file-tag-blue{
    background-color: #91c9ff;
    color: #111111;
}
.file-tag-green{
    background-color: #a2ffab;
    color: #111111;
}
.file-tag-yellow{
    background-color: #ffe9a4;
    color: #111111;
}
.file-tag-white{
    background-color: #ffffff;
    color: #111111;
}

#files-table.default-table tbody tr td.file-tag-column{
    font-size: 0px;
    line-height: 14px;
    padding: 0px;
}

#clientfiles-filesearch #file-filter-input{
    width: 100%;
    border: 1px solid #d4dce3;
    background: #ffffff url(../images/iconSearch.svg) 18px 50% no-repeat;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    padding-left: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#wiki-content span.mw-editsection{
    font-size:10px;
    margin-left: 12px;
    vertical-align: middle;
}
#wiki-content #toc{
    background-color: #eeeeee;
    padding: 12px;
    border-radius: 12px;
}

#wiki-content #toc h2{
    margin-top: 0px;
    font-size:1.2em;
}

#wiki-content{
    margin-bottom:12em;
}

#wiki-content .thumbinner{
    width: 100%;
    padding: 6px;
    margin: 4px;
    /* border: 1px solid grey; */
    border-radius: 4px;
    background-color: #eeeeee;
    margin-bottom:1em;
}
#wiki-content #wiki-editlink{
    margin-top:3em;
    margin-bottom:2em;
    text-align: right;
}
#wiki-content #wiki-editlink .edit-btn{
    background: #ffffff url(../images/iconMemo.svg) 0 0 no-repeat;
    height:40px;
    padding-left:28px;
    margin-left:auto;
    display:inline-block;
    color: #0A246A;
}

#wiki-titlebar h1{
    margin-top:0px;
}
#wiki-breadcrumbs{
    list-style-type: none;
    margin:0;
    padding:0;
    margin-left:4px;
    margin-top:1em;
    border-left:1px dotted #cccccc;
}
#wiki-breadcrumbs li{
    margin:0px;
    font-size:0.9em;
    color:#555555;
    border-right:1px dotted #cccccc;
    display:inline-block;
    padding-right:4px;
    padding-left:4px;
}
#wiki-breadcrumbs li:hover{
    text-decoration: underline;
    cursor:pointer;
}
#wiki-breadcrumbs::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
    padding:0;
    margin:0;
}

.wikisearchitem{
    margin-bottom:2em;
    padding:1em;
}

.wikisearchitem:hover{
    background-color: #f7f7f7;
}

.wikisearchitem .title{
    font-weight:900;
    text-decoration: underline;
}
.wikisearchitem .details{
    padding-left:2em;
}

.wikisearchitem .details .searchmatch{
    font-weight:bold;
    color: #117fd0;
}

#wiki-content-search a{
    text-decoration: none;
    color:#4b4b4b;
}
#wiki-content-search a:visited{
    color: #462d4b;
}

#files-table .searchpreview{
    font-size:10px;
    line-height: 1em;
}
#files-table .searchpreview .highlight{
    font-weight:bold;
}

#files-table .file-edit-button{
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    background: #e6ecf1 url(../images/btnEdit.svg) 50% 50% no-repeat;
    border: 1px solid #dadce0;
    cursor: pointer;
    box-shadow: 0px 0px 32px 0px rgba(26, 139, 255, 0.0);
    transition: background-color 0.3s ease, background-image 0.3s ease, border 0.3s ease, color 0.3s ease;
    margin: 0px;
}

#files-table .file-edit-button:hover {
    background: #3787d6 url(../images/btnEdit.svg) 50% 50% no-repeat;
    border: 1px solid #3787d6;
    cursor: pointer;
    box-shadow: 0px 13px 32px 0px rgba(26, 139, 255, 0.26);
    transition: background-color 0.3s ease, background-image 0.3s ease, border 0.3s ease, color 0.3s ease, box-shadow 0.2s ease;
}

ul.navigation-advsearch {
    margin:0;
    padding:0;
    width:100%;
    display:inline-table;
    margin-bottom:40px;
    margin-top:40px;
}
ul.navigation-advsearch li {
    float:left;
    width:calc(100%);
    list-style:none;
}

ul.navigation-advsearch li.suche input {
    width:100%;
    border: 1px solid #d4dce3;
    background: #ffffff url(../images/iconSearch.svg) 18px 50% no-repeat;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #4b4b4b;
    padding-left: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#adv-search-result-table-calls td,
#adv-search-result-table-calls th{
    padding:3px;
    border:1px solid #ddd;
    border-collapse: collapse;
}
#adv-search-result-table-calls{
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
}

#searchdialog-input {
	width: 100%;
	border: 1px solid #d4dce3;
	background: #ffffff url(../images/iconSearch.svg) 18px 50% no-repeat;
	font-family: 'Muli', sans-serif;
	font-size: 18px;
	color: #4b4b4b;
	padding-left: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0;
	margin-bottom: 0px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

@media only screen and (min-width: 1680px)  and (min-height: 700px) {
    .info_widget-hascall #info_widget-clientspecific{
        width:800px;
        float:left;
        margin-left:830px;
    }
    .info_widget-hascall #info_widget-callspecific{
        width:800px;
        float:left;
        position: fixed;
    }
    .info_widget-hascall.popin-container > .popin {
        max-width: 1680px;
        width:1680px;
    }
    .info_widget-hascall.popin-container > .popin .tab-content {
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .info_widget-hascall.popin-container > .popin .tab-content{
        padding: 30px 10px;
    }
    .info_widget-hascall.popin-container > .popin > .scrollable-content{
        padding-left:10px;
        padding-right:10px;
    }
    .info_widget-hascall #info_widget-callspecific .other-call-details{
        margin-left:32px;
    }
    .info_widget-hascall .popin-head{
        background-color: #d6dfe8;
        margin-bottom:16px;
    }
    .info_widget-hascall.popin-container .popin-head > h1{
        margin: 4px 12px 4px 12px;
    }
    .info_widget-hascall.popin-container > .popin .btnClosePopin{
        margin: 4px 12px 4px 0px;
    }
    .info_widget-hascall.popin-container > .popin > .scrollable-content {
        height: calc(100vh - 75px);
    }

}

@media only screen and (min-width: 1680px) and (min-height: 800px){
    .popin-container > .popin .edit-call-details textarea{
        height:240px;
    }
    .info_widget-hascall #info_widget-callspecific{
        margin-top:12px;
    }
}