form#online-cs-data sup,
form#online-cs sup{color:red}
form#online-cs-data span.button_primary{float:none !important;margin-top:15px !important;max-width: 200px;text-align: center;display:block}
form#online-cs-data span.button_primary.disabled{opacity:0.3}
div.online-ugyfelszolgalat .alert{background:none;margin-top: 30px;border-color:#013b56;color:#013b56}
.type .card{cursor:pointer;min-height: 204px;}
.type .card .card-title{margin-bottom:0;padding: 15px 0;}
.type .card .card-body{text-align:center;padding: 50px 15px;border:1px solid #002b3f}
.type .card:hover,.type.selected .card{background-color: #003b56;}
.type.selected .card .card-icon svg,.type .card:hover .card-icon svg{color:white ;fill: white ;}
.type .card:hover .card-body .card-title,.type.selected .card .card-body .card-title{color:white}

.type.switcher .card-body p,
.type.switcher .card-body div{-moz-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
.email-content{padding:0;position:relative;margin-top: 15px;}
.email-content::before{content:'';position:absolute;background:#bbbbbb;height:1px;top:-3px;left:10%;right: 10%}
.email-content p{padding-top:10px;display: flex;font-size:13px;justify-content: center;}
.email-content a{text-decoration: none;color:white;transition: all 1s ease-out;display:flex;justify-content: center;align-items: center;}
.email-content a.blink{color: #002b3f;font-size:30px;}
.email-content a svg{margin-right:10px}

.type.switcher.selected .card-body{padding: 20px 15px;display: flex;flex-wrap: wrap;justify-content: center;}
.type.switcher.selected .card-body>div:first-of-type{display:flex;justify-content: center;align-items: center;flex: 1 1 100%;}
.type.switcher.selected .card-body>div:first-of-type p{padding-right: 15px !important;}
.type.switcher.selected .card-body>div:first-of-type p,
.type.switcher.selected .card-body>div:first-of-type h5{margin:0;padding:0}
.type.switcher.selected .card-body>div:last-of-type{display:block !important}
.type.switcher.selected .card-body>div:last-of-type,
.type.switcher.selected .card-body>div:last-of-type{color:white}

.hunguest-table{width:100%;margin-bottom:50px}
.hunguest-table td, .hunguest-table td a, .hunguest-table td p {font-size: 14px;line-height: 22px;font-weight: 600;color: #002b3f;margin: 0;}
.hunguest-table td, .hunguest-table th {padding: 0.5rem 0;}
.hunguest-table td.title{white-space: nowrap;}
.hunguest-table td {padding-right: 1rem;}
.hunguest-table tbody tr {border-bottom: 1px solid #e2dede;}
.hunguest-table tbody:last-of-type tr{border-bottom:none}
.hunguest-table tr td a{text-decoration: none;}
.hunguest-table tr td:first-of-type a{text-decoration: underline;}

@media screen and (max-width: 660px) {
    .type .card{height: 100%;min-height: unset;}
    .type .card .card-body{padding: 30px 15px;display: flex !important;justify-content: center;align-items: center;}
    .type .card .card-title{font-size: 18px;}
    .type .card .card-body .card-icon{margin-bottom:0}
    .email-content a{font-size: 13px !important;}
    .type.switcher.selected .card-body>div:first-of-type{flex-wrap: wrap;}
    .type.switcher.selected .card-body>div:first-of-type p{padding-right: 0 !important;padding-bottom: 10px;flex:1 1 100%}

    .hunguest-table thead{display:none}
    .hunguest-table tbody td{display:block;text-align:left}
}