@font-face {
    font-family: "myfont";
    src: url("../fonts/PorscheNextWLa-Regular.woff") format('woff');
}

@font-face {
    font-family: "myfontthin";
    src: url("../fonts/PorscheNextWLa-Thin.woff") format('woff');
}
@font-face {
    font-family: "myfontbold";
    src: url("../fonts/PorscheNextWLa-Bold.woff") format('woff');
}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select, th  {
    font-family: myfont, serif;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
}

.x-body span {
    font-family: myfont, serif !important;
	font-size: 13px !important;
}
.x-body label {
    font-family: myfont, serif !important;
	font-size: 13px !important;
}
.x-toolbar-text {
    font-family: myfont, serif !important;
	font-size: 13px !important;
}

label.x-form-required-field:after {
    color: #b12029;
    content: ' *';
    font-weight: bold;
}

.tabhead, #extra a, .navi, .frm td, #subselect a, #pathline *, #title, .search a, .subnav a, .subnavsel a, .block span, .toolbar *, div.head_nav_bg a, .listview td, .listview th, .content *{
/* 	font-family: myfont; */
/* 	font-size: 13px; */
	line-height: 16px;
}

#container *{
    font-family: myfont, serif;
	font-size: 13px;
}
#tdnav {
	background-color: #ffffff;

}

#logo-login {
    min-height: 64px;
}

#logo-login > img {
    position: unset;
}

#logo {
    background: none;
    min-width: 149px;
    width: 100px;
    min-height: 64px;
    height: 53px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.lgo {
    position: absolute;
    z-index: 2;
    background-color: #ffffff;
    padding-left: 18px;
    padding-right: 18px;
}

.maintopl:after {
    content: '';
    border-bottom: 1px solid #dfdfdf;
    height: 1px;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 64px;
}


/* #logo { */
/*     background: none; */
/*     min-width: 156px; */
/*     width: 156px; */
/*     min-height: 53px; */
/*     height: 53px; */
/* } */

/* #669900 */
#msgsuccess  {
	background-color: #669900;
	border: none;
	margin: 10px;
	text-align: center;
	min-height: 16px;
	padding: 5px;
	color: #ffffff;
	font-size: 1.2em;
}
#msgsuccess img {
	position: absolute;
	top: -1000px;
}


.msgsuccess  {
    background-color: #669900;
    border: none;
    margin: 10px;
    text-align: center;
    min-height: 16px;
    padding: 5px;
    color: #ffffff;
    font-size: 1.2em;
}

.msgwarning  {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    margin: 10px;
    text-align: center;
    min-height: 16px;
    padding: 5px;
}
.msgwarning * {
    color: #8a6d3b !important;
}

.msgerror{
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    margin: 10px;
    text-align: center;
    min-height: 16px;
    padding: 5px;
}

.msgerror * {
    color: #a94442 !important;
}

.msginfo {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    margin: 10px;
    text-align: center;
    min-height: 16px;
    padding: 5px;
}

.msginfo * {
    color: #31708f;
}

#version
{
    position:absolute;
    top: 80px;
    left: 10px;
    color:#000000;
    font-size: 11px;

}

a:link { color: #000000; text-decoration:none;}
a:visited { color: #000000; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }
a:hover { color: #DE3200; text-decoration:none;}

button.send a, button.send a:visited {
    color: #ffffff;
}

div.maintop {
	background-color: #ffffff;
	background-image: none;
}
.maintopl {
	background-color: #ffffff;
	background-image: none;
}
div.head_nav_bg {
	background-image: none;
	background-color: #eff0f1;
	height: 40px;
	min-height: 40px;
}

div.head_nav_bg img{
	display: none;
}

div.head_nav_bg a{
	display: block;
	background-color: #2A4A6C;
	color: #ffffff !important;
	height: 40px;
	min-height: 40px;
	line-height: 30px;
	font-size: 13px;
}

div.head_nav_bg div
{
	margin: 0;
}
div.head_nav_bg
{
	height: 24px;
}


div.navi {
    border: none;
    background-color: #ffffff;
    height: 100%;
    width: 200px;
    position: relative;
    padding-top: 10px;
}

div.navbox {
	margin-top: 0;
	margin-bottom: 0;
    width: 100%;
}

#navrestore {
	left: 200px;
	background-color: #d8d8d8;
}


div.navgroup {
    background-image: none;
    color:#000000;
    font-weight: normal;
    background-color: inherit;
    cursor: auto;
    padding: 0;
}

div.navgroup div {
	font-size: 14px;
    font-family: myfont, serif;
/* 	color: #d5001c; */
	color: #cc0000;
    padding-top: 6px;
    padding-bottom: 6px;
	padding-left: 0;
}

div.navgroup div.navgrouptitle {
	padding-left: 10px;
	border-bottom: 1px solid #CBCBCB;
    padding-bottom: 6px;
}

div.navgroup div.navgrouptitle a {
	display: block;
}

div.navgroup div.navgrouptitle a span.ico {
	float: right;
	background-image: url('../images/kemasnet/content_menu_closed.png');
	min-width: 16px;
	min-height: 16px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 5px;
}

div.navgroup div.navgrouptitle a.open span.ico {
	background-image: url('../images/kemasnet/content_menu_open.png');
}

div.navgroup .groupitems {
    padding-top: 0;
    padding-bottom: 0;

}

div.navgroup .groupitems div {
	border-bottom: 1px solid #CBCBCB;
	padding-left: 20px;
}

.navgroup .arrow_up {
    background-image: none;
}

.navgroup .arrow_down {
    background-image: none;
}

a.navactive {
	color: #cc0000;
}

#divnav {
	margin-right: 2px;
}

table.frm {
	background-color: #f8f8f8;
	min-width: 600px;
	width: 600px;
}

table.frm td.frmdesc, table.frm td, table.frm *, .listview *, label {
    font-family: myfont, serif;
    font-weight: normal;
}
table.frm td.frmbold, table.frm td.frmbold div, td.frmbold a, h3 {
    font-family: myfontbold, serif;
	font-weight: normal;
}
table.frm td, table.frm td label {
	background-color: #f8f8f8;
	color: #434343;
	border: none;
}
table.frm tr td {
	padding-top: 5px;
	padding-bottom: 5px;
}
table.frm tr td.frmbold:first-child {
	padding-left: 20px;
	font-size: 18px;
	color: #000000;
    font-family: myfontbold, serif;
	border-top: 1px solid #ffffff;
}
table.frm>tbody>tr>td:nth-child(2) {
	padding-right: 20px;
}

table.frm>tbody>tr:first-child>td {
	padding-top: 20px;
}

table.frm>tbody>tr:last-child>td {
	padding-bottom: 20px;
}


table.frm th {
/*     font-weight: normal; */
}


div.groupitems {
    background: none;
    background-color: inherit;
    /*width: 100%;*/
    padding-bottom: 6px;
    padding-top: 3px;
    color: #ACACAC;
}

a:link.navi,a:active.navi,a:visited.navi ,a:hover.navi {
    color:#000000;
    text-decoration:none;
     display: block;
    margin-right: 3px;
    padding: 2px 2px 2px 13px;
    line-height: 18px;
     background-image: url("../images/kemasnet/link_arrow_right.png");
     background-repeat: no-repeat;
     margin-left: 10px;
     background-position: 0 5px;
}




 a:hover.navi {
    color: #d5001c;
/*     background-color: #2A4B6D;    */
/*         border-radius: 5px; */

}

div.subnav,div.subnavsel
{
    background-image: none;
    background-color: #ABABAB;
    height: 28px;
    color: #000000;
    text-align: right;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

div.subnav a,div.subnav a:visited,div.subnav a:active,div.subnav a:hover,
div.subnavsel a,div.subnavsel a:visited,div.subnavsel a:active
{
    display: block;
    height: 30px;
    min-height: 30px;
    padding-top: 7px;
    color: #ffffff;
    text-decoration: none;
    padding-right: 20px;
    font-family: myfont, serif;
}
div.subnav a:hover
{
	background-image: none;
    background-repeat: repeat-x;
    color: #ffffff;
    background-color: #CB0300;
}

div.subnavsel
{
    background-image: none;
    background-color: #3D4045;
}


div.subnavsel a:hover
{
    background-image: none;
    background-color: #3D4045;
    color: #ffffff;
    padding-top: 7px;
}

div.subnavsel a
{
    color: #ffffff !important;
}

#titleline {
    color: #000000;
    font-size: 36px;
    font-weight: normal;
    border-bottom: none;
    font-family: myfontbold, serif;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
}

#pathline {
    background-color: #ffffff;
    font-weight: normal;
}

#categorybar a, #toolsbar a {
	color: #000000;
    font-family: myfont, serif;
}

#categorybar a:hover, #toolsbar a:hover, #toolsbar a:hover * {
	color: #d5001c;
}

#categorybar #title, #toolsbar #title {
    font-family: myfontbold, serif;
	font-size: 15px;
	border: none;
	border-bottom: #e8e8e8;
	color: #000000;
}

b {
	font-weight: normal;
    font-family: myfontbold, serif !important;
}

fieldset {
    border: none;
}

fieldset legend, fieldset.bordertop legend
{
    padding: 5px !important;
    /*font-size:12px;*/
    font-weight: normal;
}

td.listheadbarfill, th.listheadbarfill {
    color: #000000;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CCCCCC;
    background-color: #ffffff;
    padding-bottom: 3px;
}

td.listheadbarfill_tb {
    color: #000000;
    border-left: none;
    border-right: none;
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 3px;
}

td.listheadbarfillover, th.listheadbarfillover {
    color: #000000;
    background-color: #ffffff;
    border-bottom: 2px solid #d5001c;
    padding-bottom: 3px;
}

.odd
{
    background-color: #eff0f1;
}

.even
{
    background-color: #ffffff;
}


a:link.tabhead
{
    color: #000000;
}

a:visited.tabhead
{
    color: #000000;
}

a:active.tabhead
{
    color:#000000;
}

a:hover.tabhead
{
    color: #DE3200;
}

div.search {
    background-image: none;
    border-bottom: none;
    padding: 8px;
    margin: 0;
    background-color: #EFF0F1;
    text-align: left;
}

#search_frm {
	border-bottom: none;
}

div.search a {
    color: #000000;
    font-weight: normal;
}

tr.list1 {
	background-color: #F8F8F8;
}

tr.list1,tr.list2,tr.list3, tr.list, td.list {
    font-family: myfont, serif;
    font-size: 13px;
    line-height: 24px;
    padding: 3px 4px;
}

td.list a{
    font-family: myfont, serif;
    font-size: 13px;
}

td.search table td, td.search table td div {
    font-family: myfont, serif ;
    font-size: 13px;
}

td.lvdetails, td.lvdetails a {
    font-family: myfont, serif;
    font-size:13px;
}


#subselect a:link,
#subselect a:hover,
#subselect a:visited,
#subselect a:active
{
    color: #000000;
    padding-top: 2px;
    padding-bottom: 2px;
}

#subselect ul li.head
{
    color: #000000;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 15px;
    border: none;
    font-family: myfontbold, serif;
}

#subselect a:hover
{
    color: #d5001c;
    background-color: inherit;
    padding-left: 2px;
    border: none;
}

#subselect ul li.active
{
    padding-left: 2px;
}

#subselect ul li.active a:hover
{
    padding-left: 0;
}

#subselect ul li.active a
{
	display: block;
    background-color: #ffffff;
    border: none  !important;
	color: #d5001c;
}

table.subselect td.nav
{
 	border-right: none;
}


table.frm th {
    font-weight: normal;
    background-color: transparent;
    border-bottom: 2px solid #d3d3d3;
    margin: 0;
    line-height: 0;
    font-family: myfontbold, serif !important;
}

input, select, label, button, option, textarea {
	font-size: 13px;
}
input[type=text],input[type=number], select, label, button, option {
	font-size: 13px;
	height: 24px;
}
select[multiple] {
    height: 72px !important;
}
input, select, textarea {
	border: 1px solid #d3d7d9;
}
input.mandatory, select.mandatory, textarea.mandatory, #parkingstationsdiv.mandatory input
{
    border: 1px solid #ffaaaa;
}

table.frm input.km_input  {
	width: 80px;
}

select:disabled {
	background-color: #eee;
}

input:disabled, input:read-only {
	color: #6d6d6d;
	background-color: #eee;
}

.x-datepicker-disabled>a.x-datepicker-date {
	/*background-color: #cccccc !important;*/
	background-color: #000000 !important;
}
.x-datepicker-disabled>a.x-datepicker-date span {
    color: #ffffff !important;
}

.x-tab button span, .x-tab-inner, span.x-window-header-text, span.x-panel-header-text {
    font-family: myfontbold, serif !important;
	font-weight: normal !important;
}
.x-column-header-text {
	line-height: 27px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: calc(50vw); /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.support-button a {
    background-color: #D5001C !important;
    color: #FFFFFF;
    width: 124px;
    text-align: center;
    justify-content: center;
    -webkit-flex-direction: column;
}

.support-button a:hover {
    background-color: #980014 !important;
    color: #FFFFFF;
    width: 124px;
    text-align: center;
    justify-content: center;
    -webkit-flex-direction: column;
}

div.topbox a {
     border: none;
     padding: 1px;
     background-color: #ffffff;
     font-size: 13px;
     color: black;
     display: contents;
}
div.topbox #cptt {
    background-color: #ffdddd !important;
}
div.topbox b {
    float: left;
}
div.topbox {
    border: none;
    padding: 1px;
    background-color: #ffffff;
    font-size: 10px;
    margin: auto auto;
}
.bar  {
    width: 100%;
    background-color: #eff0f1;
    height: 32px;
}
.bar div {
    float: right;
    height: 100%;
}
.bar a {
    background-color: #2A4A6C;
    color: #ffffff;
    height: 100%;
    /*min-height: 40px;*/
    font-size: 13px;
    width: 124px;
    text-align: center;

    justify-content: center;
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}
.bar a img {
    display: none;
    text-align: center;
}

table.redustat td.top, table.redustat td.top b {
    background-color: #ffffff;
    color: #000000;
    padding: 2px;
    font-family: myfontbold, serif !important;
    font-size: 15px !important;
}

table.redustat td.hl a, table.redustat td a, table.redustat td, table.redustat td b {
    font-family: myfont, serif;
    line-height: 13px;
}

button.status_v,
button.status_a,
button.status_r,
button.status_n,
button.status_b,
button.status_m,
button.status_,
button.status_0,
button.status_1,
button.status_2,
button.status_3,
button.status_4
	{color: #fff; border: 0;height:22px;width: 162px; margin: 2px; font-weight: normal;
    font-family: myfontbold, serif;}

table.redustat *
{
    padding: 0 5px;
    font-size:13px !important;
}


div.head_nav_bg a:hover {
    background-image: none;
    background-repeat: no-repeat;
    color: #d5001c;
}

div.head_nav_bg a {
    color: #000000;
}

button {
	background: transparent;
	border: none;
}

fieldset.bordertop
{
    border:none;
}

#extra {
	background: none;
/* 	background: url("../images/extrabg.gif") repeat-x; */
	font-size: 15px;
	border: none;
	border-bottom: #e8e8e8;
}
#toolsbar ,#categorybar
{
	background: none;
/* 	background: url("../images/extrabg.gif") repeat-x; */
	border: none;
	border-bottom: #e8e8e8;
}

#toolsbar div,#categorybar div
{
	border: none;
	border-bottom: #e8e8e8;
}

table.two_inputs_combined tr td{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.two_inputs_combined {
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
/* 	border-bottom: 1px solid #eee; */
}

.two_inputs_combined .description {
	padding-bottom: 1px;
	color: #333;
	font-weight: bold;
	width: 40%;
}

.two_inputs_combined .description input {
	width: 97%;
}

.two_inputs_combined .label {
	width: 60%;
}

.two_inputs_combined .number {
	width: 40%;
}

div.readonlyField {
    border: 1px solid #aaaaaa;
    padding: 5px;
    background-color: #f8f8f8;
}

button.send {
    font-size: 13px;
	color: #ffffff;
    font-family: myfont, serif;
    background: #313639 none;
    margin: 3px;
    height: 32px;
	line-height: 13px;
	border-radius: 3px;
	transition: all 0.24s ease;
	-moz-transition: all 0.24s ease;
	-webkit-transition: all 0.24s ease;
}

button.primary {
	background-color: #cc0000;
}

button.send:hover {
	background-color: #cc0000;
}

button.send img {
	position: absolute;
	top: -1000px;
}

b {
/* 	font-family: myfontbold !important; */
	color: inherit;
}
/* --- Meldungen --- */

a:link.message0 {
    font-family: myfontbold, serif;
    font-weight: normal;
    color: #b21
}

a:visited.message0 {
    font-family: myfontbold, serif;
    font-weight: normal;
    color: #b21
}

a:link.message1 {
    font-weight: normal;
}

a:visited.message1 {
    font-weight: normal;
}

a:link.message2 {
    color: #888;
}

a:visited.message2 {
    color: #888;
}

.prio2 {
    background-color: #F23214;
}

.prio1 {
    background-color: #FAAC02;
}

.prio0, .prio {
    background-color: #2C9BDB;
}

.prio-1 {
    background-color: #18628d;
}

.prio-2 {
    background-color: #808080;
}

.priooutline {
    min-width: 14px;
    min-height: 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    cursor: help;
}

.arrow.asc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #000000;
}

.arrow.dsc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000000;
}

table.errors, table.important_message {
	width: 100% !important;
	margin-left: 0;
	margin-right: 0;
}

table.important_message {
	border: 1px solid #2A4B6D;
	background-color: #ffffff;
	width: 100% !important;
	margin-left: 0;
	margin-right: 0;
	color: #93D6EA !important;
}

table.important_message td b{
	color: #2A4B6D !important;
    font-family: myfontbold, serif !important;
}

pre {
	white-space: normal;
}

pre a, pre a:link, pre a:visited, pre a:active, pre a:hover {
    color: #980000;
    text-decoration: underline;
}

small
{
	font-size: 11px;
	color: #aaaaaa;
	line-height: 11px;
}

.listempty {
	font-size: 18px !important;
    font-family: myfont, serif;
}

fieldset legend, fieldset.bordertop legend
{
	background-color: #f8f8f8;
	text-align: left;
    /*	min-width:600px; */
    padding: 15px 20px 5px;
    font-size: 18px;
	color: #000000;
    font-family: myfontbold, serif;
	width: calc(100% - 40px);
}

.info, .info *{
	border: none;
	color: #000000;
	background-color: transparent;
	font-style: normal;
    font-family: myfont, serif;
	font-size: 15px;
}



.navsplitter {
	background-color: #ffffff;
}

div.block {
	text-align: left;
	margin: 5px;
	background-color: #EFF0F1;
	padding: 5px;
}

#appnav {
	position: fixed;
	bottom: 0;
	width: 200px;
}

.big {
    width: 1000px !important;
    max-width: 1000px !important;
}

.ta-state {
    /*width: unset !important;*/
    width: 100% !important;
}

div.movesLink {
    background-color: unset;
    color: black;
    font-size: larger;
    font-weight: bold;
    display: table-cell;
    float: unset;
    text-align: center;
    vertical-align: middle;
}

div.movesLink:before {
    display: block;
    background-size: auto 16px;
    background-image: url('../images/kemasnet/logo.png');
    background-repeat: no-repeat;
    background-position: 8px center;
    width:150px;
    height: 30px;
    content: "";
}

div.movesLinkContainer {
    float: left;
    position: relative;
    width: 100px;
    height: 30px;
    display: table;
}

input[autocomplete] {
    padding: 0 5px;
}

.autocomplete {
    z-index: 1;
}

.autocomplete > div {
    cursor: pointer;
}

#bookingTemplateContainer > div {
    font-size: 16px;
}

booking-templates > div > button {
    cursor: pointer;
    background: #313639 none;
    border-radius: 3px;
    color: white;
    font-family: myfont, serif;
    font-size: 13px;
}

booking-templates > div > button:disabled {
    background: darkgrey none;
}

booking-templates > div > button:hover {
    background: #cc0000;
}


BOOKING-TEMPLATES > DIV > DIV[autocomplete-message] > P[autocomplete-info],
BOOKING-TEMPLATES > DIV > DIV[autocomplete-message] > P[autocomplete-error] {
    color: #ffffff;
    transition: all 0.5s;
    overflow: hidden;
    max-height: 0;
    padding: 0;
    margin: 0;
}

BOOKING-TEMPLATES > DIV > DIV[autocomplete-message] > P[autocomplete-info].show-message,
BOOKING-TEMPLATES > DIV > DIV[autocomplete-message] > P[autocomplete-error].show-message {
    border: none;
    text-align: center;
    min-height: 16px;
    max-height: 32px;
    font-size: 1.2em;
    padding: 5px;
    margin-top: 10px;
}

BOOKING-TEMPLATES > DIV > DIV[autocomplete-message] > P[autocomplete-info].show-message {
    background-color: #669900;
}

BOOKING-TEMPLATES > DIV > DIV[autocomplete-message] > P[autocomplete-error].show-message {
    background-color: #a94442;
}

BOOKING-TEMPLATES > DIV > BUTTON[autocomplete-btn-clear],
BOOKING-TEMPLATES > DIV > BUTTON[autocomplete-btn-delete],
BOOKING-TEMPLATES > DIV > BUTTON[autocomplete-btn-update],
BOOKING-TEMPLATES > DIV > BUTTON[autocomplete-btn-create] {
    line-height: 15px;
}

.trumbowyg-editor a {
    color: blue !important;
    text-decoration: underline !important;
}

.trumbowyg-editor a:visited {
    color: purple !important;
    text-decoration: underline !important;
}

.sch-timelineview {
    overflow-x: scroll !important;
}

#lang-box {
    width: auto;
    height: 100%;
}

.lang-switch {
    height: 100%;
    width: auto;
    background-color: #2A4A6C;
    color: white;
    border: 0;
    text-transform: capitalize;
    padding-left: 20px;
    padding-right: 20px;
}