﻿/*Hermes 3 - Infodromio Software CSS-Editor 
  ========================================= */
/* Το κύριο χρώμα της εφαρμογής είναι αυτό που κυριαρχεί 
 σε όλο το εύρος της, αυτό που γενικότερα επηρεάζει τον χρωματισμό του portal*/
:root
{
--primary-theme-color:rgb(0,70,102)!important;
--secondary-theme-color:#cdeffc;
--white-theme-color:#fff!important;
--primary-rgb-theme-color:0,70,102;
--primary-theme-font-family: VWTheSans,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
--primary-theme-font-size:14px;
--primary-font-color:#434242;
}


/* @font-face
{
font-family: vwfs-sans;
src: url('/assets/fonts/vwfs-sans/vwfs-sans-regular.woff') format('woff');
font-style:normal;
font-display:auto;
}

@font-face
{
font-family: vwfs-sans;
src: url('/assets/fonts/vwfs-sans/vwfs-sans-bold.woff') format('woff');
font-style:normal;
font-display:auto;
}
 */

/*Background - Home Page (Εδώ ορίζετε το background url του Home page)*/
.home-page
{
background-image:url('/assets/images/vw_main.jpg')!important;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-clip:border-box;
background-size:cover;
background-color:rgb(249,240,240)!important;

}

/*Background - Αυτοκινητο (Εδώ ορίζετε το background url του Αυτοκινήτου)*/
#iq-branch-page-19_1-step-0
{
background-image:url('/assets/images/branch_19_0_step_0.jpg')!important;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-clip:border-box;
background-size:cover;
background-color:transparent;

}

#iq-branch-page-19_1-step-1
{
background-image:url('/assets/images/branch_19_1_step_2.jpg')!important;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-clip:border-box;
background-size:cover;
background-color:transparent;

}

#iq-branch-page-19_1-step-2
{
background-image:url('/assets/images/branch_19_1_step_2.jpg')!important;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-clip:border-box;
background-size:cover;
background-color:transparent;

}

#iq-branch-page-19_1-step-3
{
background-image:none;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-clip:border-box;
background-size:cover;

}

#iq-branch-page-19_1-step-4
{
background-image:none;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-clip:border-box;
background-size:cover;

}

#iq-branch-page-19_1-step-5
{
background-image:none;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-clip:border-box;
background-size:cover;

}

#iq-branch-page-19_9-step-0
{
background-color:transparent;
background-image:url('/assets/images/branch_19_9_step_0.jpg')!important;

}

/* Hide admin button */
.invisible-top.ng-star-inserted {
    visibility: hidden;
}

/* Hide unused mobile Icons*/
div[role=mobile] .m-item:nth-last-child(-n+5),
.main-options-content .col-auto:nth-child(n+3)
{
	display:none;
}

/* Footer home button (fa-home) */
a.home-start-button:link
{
color:#FFF;
background-color:transparent;
text-decoration:none;

}

a.home-start-button:visited
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

a.home-start-button:hover
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

a.home-start-button:active
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

/* new buttons with redirect */
div#custom_buttons {
    display: flex;
}

#quotation-prompt-label
#branch-button-19_1{
    position: absolute;
    top: 1px;
    height: 80px;
}

/*
#branch-button-19_1.branch-button.br-left{
    display:none;
}

.branch-button.br-left.br-19_1{
    display:none;
}
*/
#quotation-prompt-label
#custom_buttons 
#branch-button-19_1.branch-button.br-left {
    display: block !important;
    position: relative;
    font-size: 16px;
    left: 15vw;
    line-height: 1.25;
    top: 10px;
}

div#quotation-prompt-label form button {
    padding: 0 !important;
}

button #quotation-prompt-label
#custom_buttons .branch-button {
    width: 40px !important;
    padding: 10px;
    border-radius: 10px;
    left: 50% !important;
    position: relative;
}


/* Car form header button */
.quotation-header #custom_buttons #branch-button-19_1.branch-button.br-left {
    top: 19px !important;
}

#quotation-prompt-label
#custom_buttons  {
    position: relative;
    top: -14px;
}

#quotation-prompt-label 
#custom_buttons button {
    cursor: pointer;
    position: relative;
    border: 0px !important;
    background-color:transparent;
}
/* end of 'new buttons with redirect '  */

.branch-button.br-19_1,
#branch-button-19_1
{
	border-right:0px;
    position: relative;
    right: 5vw;
}

/* Height of first div with background image to all devices */
.home-page.section-banner.pos-relative.desktop
{
min-height:75vh;
}

.home-page.section-banner.pos-relative.tablet
{
min-height:50vh;

}

.home-page.section-banner.pos-relative.mobile
{
min-height:50vh;

}

/* Header main texts and subtexts fixes*/
div.SP_FIXED_CONTAINER{
 position:fixed;
 left:8vw;
}

/*
div#SP_SETTING_HEADER {
	position:fixed;
	left:8vw;
	z-index: 1;
}
*/

div#SP_SETTING_HEADER_DETAIL {
    padding:12px 21px;
    background:rgba(0,70,102,.9);
    color:#fff;
    font-size:1rem;
    border: 0;
    top: 65px;
    position: absolute;
    left:8vw;
    z-index: 0;
}

div#SP_SETTING_HEADER_DETAIL p.home-details-text {
    font-size: 18px;
}

#SP_SETTING_HEADER_DETAIL > ul > li {
    list-style: inside;
}

div#q-19_1-front-detail {
    visibility: hidden;
}

/*  Hide companies */
div#companies-container
{
display:none;
}


/* Login, user info and signup forms */
#signup-panel > div > div:nth-child(3) > dx-button,
#loginModel > div:nth-child(4) > div:nth-child(2) > dx-button
{
display:none!important;

}

#loginModel > div:nth-child(4) > div:nth-child(1) > dx-button
{
    margin-left:80%;
    position:relative;
}

div#loginModel
{
    position:relative;
    margin-top:80px !important;
}

div#loginModel
{
    display:none !important;
}

#user-info-panel > div.row.btn-profile-container > div:nth-child(1) > dx-button > div > span,
#user-info-panel > div.row.btn-profile-container > div:nth-child(2) > dx-button > div > span,
#signup-panel > div > div:nth-child(2) > dx-button > div > span
{
font-size:13px;
}

#signup-panel > div > div:nth-child(1){
    visibility: hidden;
    position: relative;
    bottom: 30px;
}

#signup-panel > div > div:nth-child(1):after{
    visibility: visible;
    position: absolute;
    top: 35px;
    left: 75px;
    color: #004666;
    text-align: center;
    content: "Παρακαλώ κάντε είσοδο στο σύστημα";
}

#signup-panel > div > div:nth-child(2) > dx-button > div > span
{
    visibility: hidden;
    position: relative;
    bottom: 30px;
}

#signup-panel > div > div:nth-child(2) > dx-button > div > span::after
{
    visibility: visible;
    position: absolute;
    top: 30px;
    font-size: 14px;
    left: 50px;
    color: #FFF;
    text-align: center;
    content: "Είσοδος στο Portal";
}


/*
.sp-text-subheader.quotation-auto-risk-front-welcome.quotation-auto-risk-front-welcome-19.quotation-auto-risk-front-welcome-19_9
{
position:relative;
top:20px;
}
*/

div#stepProposal .mat-input-element {
    position: relative;
    padding: 1px;
}

#q-19_1-front-header
{
position:relative;
top:15px;
}

/* Ins Prods */
a.ins-prods:link
{
color:#FFF;
background-color:transparent;
text-decoration:none;

}

a.ins-prods:visited
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

a.ins-prods:hover
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

a.ins-prods:active
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

/* Header styles */
section#contact-us
{
display:none !important;

}

/* Hide primary "Επικοινωνία" button */
ul.navbar-nav.mr-auto.w-100.justify-content-end.menu > li:last-child {
    display: none;
}

/* Hide primary contact "Αρχική" button */
ul.navbar-nav.mr-auto.w-100.justify-content-end.menu > li:first-child {
    display: none;
}

/* Logo & Header */
/*
img#logo-img
{
max-height:125px !important;
position:fixed;
top:-6.5px;
left:8vw;

}
*/

img#logo-img {
    max-height: 145px !important;
    position: relative;
    bottom: 30px;
    left: 25%;
}

img#logo-img.mobile {
    float: right;
    position: relative;
    top: 0px;
    left: 5px;
    width: 75px;
}

header#main-header
{
background-color:hsla(0,0%,100%,1);
/*background-color:hsla(0,0%,100%,0.85);*/
height:80px;

}

div#navbarSupportedContent {
    position: relative;
    bottom: 25px;
    right: 100px;
}

/* Custom Αρχική & Επικοινωνία buttons */
#main-header .top-menu-choices a.custom-home {
    padding: 0;
    color: #333;
    line-height: 45px;
    font-size: 16px;
    position: relative;
    top: -5px;
    right: 50px;
    z-index: 1;
}

#main-header .top-menu-choices a.custom-home:hover {
    color: var(--primary-theme-color);
}

#main-header .top-menu-choices a.custom-contact {
    padding: 0;
    color: #333;
    line-height: 45px;
    font-size: 16px;
    position: relative;
    top: -50px;
    right: -150px;
    z-index: 1;
}

#main-header .top-menu-choices a.custom-contact:hover {
    color: var(--primary-theme-color);
}

#main-header .branch-container {
    padding: 0 20px;
    background-color: inherit;
    border-radius: 5px;
    bottom: 25px;
    position: relative;
    left: 25vh;
}

/* Footer styles */
.iq-footer3
{
background:#004666; /* Petrol */
}

.quotation-footer .iq-footer3
{
background:#004666; /* Petrol */
}


#contact .footer-2,
#contact .footer-3,
#contact .footer-4
{
display:none !important;

}

#contact .row.iq-mt-20
{
display:none !important;

}

#contact > div > div > hr
{
display:none;

}

div#VW_vwfs_footer hr
{
background-color:#FFF;
display:block;
height:0.1px;
border:0;
border-top:1px solid #FFF;
margin-top:15px;
padding:0;

}

.footer-cookies{
    position: relative;
    padding-top:1em;
padding-left:1em;
}

/* Footer main urls nav */
ul.vw-first-nav-ul
{
margin-top:1em;
margin-left:1em;
width:auto;
display:inline-block;

}

li.vw-first-nav-li
{
font-size:15px;
line-height:1.86667;
display:inline-block;
color:#fff;
text-decoration:none;
margin-right:14px;
cursor:pointer;

}

li.vw-first-nav-li a:link
{
color:#FFF;
background-color:transparent;
text-decoration:none;

}

li.vw-first-nav-li a:visited
{
color:#FFF;
background-color:transparent;
text-decoration:none;

}

li.vw-first-nav-li a:hover
{
color:#FFF;
background-color:transparent;
text-decoration:none;

}

li.vw-first-nav-li a:active
{
color:#FFF;
background-color:transparent;
text-decoration:none;

}

/* Footer secondary urls nav (addresses etc) */

ul.vw-address-ul li
{
margin-top:10px;
margin-bottom:5px;
margin-right:10px;
margin-left:15px;
padding:0;
font-size: 15px;
}

ul.vw-address-ul *
{
box-sizing:inherit;

}

.vw-address-li span
{
font-weight:bold;

}

.vw-address-li .dscr
{
font-weight:400;
display:inline-block;
margin-left:0.5em;

}

.vw-address-li .dscr a:link
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

.vw-address-li .dscr a:visited
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

.vw-address-li .dscr a:hover
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

li.vw-first-nav-li a:active
{
color:#FFF;
background-color:transparent;
text-decoration:underline;

}

/* Payment Icons*/
.vw-payment-icons
{
position:absolute;
vertical-align:middle;
width:50%;
bottom:-75px;
}

.vw-payment-icons img
{
position:absolute;

}

div#banner-text-first .col-lg-6
{
flex:0 0 100%;
max-width:100%;

}

/* Ασφάλιση Online*/
.vw-header-title
{
    max-width:100%;
    
}
.vw-header-title h6
{
    line-height:40px!important;
}

.sp-text-header{
    position: relative;
}

.vw-header a
{
   padding: 20px 20px 25px 20px;
    background: rgba(0,70,102,.9);
    color: #fff;
    font-size: 3rem;
    border: 0;
    font-weight: 400;
    left: -15vh;
    position: absolute;
    /*
        left: -8vw;
        position: absolute;
    */
}

.vw-header span
{
padding:4px 21px;
background:rgba(0,70,102,.9);
color:#fff;
font-size:3rem;

}

.vw-header.form-title span
{
font-size:1.5rem !important;
position:relative;
top:20px;

}

div#vw-online-insurance
{
display:none;

}

div#vw-online-insurance
{
position:relative;
bottom:50px;

}

div#vw-online-insurance h3
{
font-size:28px;
line-height:1.2;
margin-bottom:0;
font-weight:700;
color:#004666;

}

div#vw-online-insurance ul
{
display:block;
list-style-type:disc;
margin-block-start:1em;
margin-block-end:1em;
margin-inline-start:0px;
margin-inline-end:0px;
padding-inline-start:40px;

}

div.vw-online-insurance-sub .par, 
.philosophy-text
{
text-align:center;
font-size:18px;
margin-block-start:1em;
margin-block-end:1em;
margin-inline-start:0px;
margin-inline-end:0px;
color:rgb(76,83,86);
font-weight:400;
clear:both;
display:inline-block;
overflow:hidden;
line-height:1.75;

}

div.vw-online-insurance-sub li
{
font-size:18px;
text-align:left;
list-style-type:disc;
color:rgb(76,83,86);
box-sizing:border-box;
tab-size:4;
text-size-adjust:100%;
font-weight:100;
margin-left:-10px;
line-height:1.75 !important;

}

/* Car and moto pages */
.quotation-auto-risk-front .companies-container
{
display:none;

}

div#iq-branch-page-19_1-step-0
{
min-height:75vh;

}

div#quotationAutoRisk .companies-container
{
display:none !important;

}

div#iq-branch-page-19_1-step-1
{
min-height:75vh;

}

/* Offer pages */
.vw-header.offers-page {
    position: relative;
    bottom: -15px;
}


/* Risk forms */
.quotation-step-results .commands-container {
    background-color: hsla(0,0%,98.8%,.95);
    position: sticky;
    width: 100%;
    height: 50px;
    top: 81px!important;
    z-index: 150;
    padding-top: 7px;
    padding-bottom: 0;
    margin: 0 0 15px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
}

div#riskform
{
position:relative;
top:15px;

}

.actions-container .dx-button-default {
    z-index: 25;
    position: relative;
    top: 0px;
}

#iq-branch-page-19_1-step-3 > div.row >
div.col-auto > div > div > div > 
app-quotation-step-results > div > div > 
div.col-auto.container.col-md-12.col-lg-12 >
div.row.commands-container > 
div.col-auto.text-left.back-btn {
    top: 20px;
}

.sp-text-subheader.quotation-auto-risk-front-welcome.quotation-auto-risk-front-welcome-19.quotation-auto-risk-front-welcome-19_1
{
position:relative;
top:20px;

}

div#quotationAutoRisk .mat-form-field
{
font-size:13px;

}

.quotation-auto-risk .label-on-top {
    text-align: left !important;
}

div#quotationAutoRisk .mat-button-toggle-button
{
font-size:13px;

}

#risk-short-container > form > div.bottom-row.ng-tns-c34-3.ng-star-inserted > div > div.col-lg.col-md-12 > div,
#risk-short-container > form > div.bottom-row.ng-tns-c17-3.ng-star-inserted > div > div.col-lg.col-md-12,
#risk-short-container > form > div.bottom-row.ng-tns-c34-18.ng-star-inserted > div > div.col-lg.col-md-12 > div,
#risk-short-container > form > div.bottom-row.ng-tns-c17-18.ng-star-inserted > div > div.col-lg.col-md-12 > div
{
position:relative;
top:8px;

}

div#app-quotation-vehicle
{
position:relative;
bottom:25px;

}

#q-19_1-front-detail, #q-19_9-front-detail {
    padding: 15px 10px 2px 15px;
    position: relative;
    top: 41px;
    background: rgba(0,70,102,.9);
    color: #fff;
    left: -68px;
}

div#quotationAutoRisk
{
position:relative;
top:35px;

}

#risk-short-container .usage-title.sp-text-header
{
font-size:20px;

}

#risk-short-container .usage-title.sp-text-header.mobile{
  font-size:15px;
}

/* Three packs selection page */
div#category-descriptor-19-base {
    position: relative;
    margin-bottom: 45px;
}

div#category-descriptor-19-theft {
    position: relative;
    margin-bottom: 0px;
}

div#category-descriptor-19-mixed {
    position: relative;
    margin-bottom: 15px;
}


#stepProposal > form > div > div.ng-star-inserted > div:nth-child(2) > div > div > div.ml-8 > infodromio-loading-bar > div > div > mat-form-field > div {
    position: relative;
    left: -7px;
}

.quotation-select-next {
    margin-top: 25px !important;
}


div#sp-text-subheader-19_1
{
  background-color: #004666;
    padding: 5px 10px 5px 15px;
    position: absolute;
    top: 0px;
    color: #FFF;

}

/* Risk Form Step2 */
div#iq-branch-page-19_1-step-2
{
min-height:75vh;

}

div#iq-branch-page-19_1-step-2 .companies-container
{
display:none;

}

div#iq-branch-page-19_1-step-2 .quotation-step-category .category .cat-title
{
font-weight:700;
font-size:20px;
line-height:50px;
margin-right:10px;

}

div#iq-branch-page-19_1-step-2 .quotation-step-category .results-description
{
    color: #FFF;
    background-color: #004666;
    position: relative;
    width: auto;
    top: -5px;
}

div#iq-branch-page-19_1-step-2 .q-title.q-step-2-19.q-step-2-19_1.ng-star-inserted
{
   font-weight: 700;
    position: absolute;
    text-align: center;
    top: 5px;
    background-color: hsla(0,0%,100%,1)!important;
    color: #004666 !important;
    padding: 10px;
    z-index: 1;
}

/* Partner Selection */
#partner-selection .col-md-8.cl-sm-12.right-panel
{
position:relative;
top:10px;

}
/*
.quotation-step-results .commands-container{
    top: 87px !important;
}
*/
#partner-selection .col-md.option-panel.option-call-you .accent-bg.or-option{
	display: none;
}

#partner-selection > div:nth-child(1) > div.col-md-4.text-center.sp-title.accent-fg.text-center
{
color:#FFF;

}

#partner-selection .phones.accent-fg
{
font-size:24px;

}

#partner-selection .order.accent-fg.text-center
{
font-size:20px;
position:relative;
top:10px;

}

/* btn back */
#iq-branch-page-19_1-step-3 > 
div.row > div.col-auto > div > div > div > 
app-quotation-step-results > div > div > 
div.col-auto.container.col-md-12.col-lg-12 >
div.row.commands-container > div.col-auto.text-left.back-btn > dx-button {
    position: relative;
    left: 50px;
}

/* Other */
#iq-branch-page-19_9-step-1
{
background-color:transparent;
background-image:url('/assets/images/branch_19_1_step_0.jpg')!important;

}

div#category-descriptor-19-base {
    position: relative;
    margin-bottom: 20px;
}
/* Hide Rates */
#qStepResults .rating-panel {
    display: none !important;
}

/* Κουμπι Ασφάλιση */
.command-container .dx-button-mode-contained.dx-button-success.dx-state-hover {
    background-color: #46a046;
    border-color: transparent;
    position: relative;
    top: 30px !important;
}

.command-container .dx-button-mode-contained.dx-button-success {
    background-color: #46a046;
    border-color: transparent;
    position: relative;
    top: 30px !important;
}

/* Καλέστε μας (Απόκρυψη) */
#partner-selection .col-md.option-panel.option-call-me {
    display: none;
}

#category-descriptor-19-mixed > div{
  	visibility: hidden;
    position: relative;
}

#category-descriptor-19-mixed > div:before{
    visibility: visible;
	position: absolute;
	content: "Πλήρης προστασία οχήματος, ακόμη και με δική σας ευθύνη";
}

#iq-branch-page-19_1-step-2 > div.row > div.col-auto > div > div > div.categories-container.ng-tns-c9-2.ng-trigger.ng-trigger-scaleInOut.ng-star-inserted > app-quotation-step-category > div > div.row.categories-list > div:nth-child(3) > div.total {
    position: relative;
    top: 20px;
}

.quotation-step-category .category .cat-subtitle2 {
    text-align: center;
    color: var(--primary-theme-color);
}

/* GDPR */
.py-16.white-bg.sticky.bottom {
    bottom: -10px;
}

#GDPR > div:nth-child(1) > h2 {
    visibility: hidden;
    position: relative;
}

#GDPR > div:nth-child(1) > h2:before {
        visibility: visible;
	position: absolute;
	content: "Συγκατάθεση GDPR και Δήλωση Συναίνεσης λήψης εγγράφων";
        font-size: 15px;
    left: 2.5vw;
    white-space: nowrap;
    text-align: center;
}

#GDPR > div:nth-child(1) > div.border-bottom.white-bg.small.ng-star-inserted {
    	visibility: hidden;
        position: relative;
}

#GDPR > div:nth-child(1) > div.border-bottom.white-bg.small.ng-star-inserted:before{
    visibility: visible;
	position: absolute;
	content: "Η Volkswagen Bank GMBH και η Allianz Ευρωπαϊκή Πίστη Μ.Α.Α.Ε. χρειάζονται τη συναίνεσή σας προκειμένου να επεξεργαστούν τα προσωπικά σας δεδομένα για τους κάτωθι σκοπούς. Μπορείτε να παράσχετε τη συναίνεσή σας για ορισμένους σκοπούς ή και για το σύνολο αυτών. Η συναίνεσή σας είναι ελεύθερα ανακλητή, ενώ κάθε επεξεργασία η οποία έχει λάβει χώρα πριν την ανάκληση της συναίνεσής σας δεν επηρεάζεται. Αναλυτικές πληροφορίες σχετικά με την επεξεργασία των προσωπικών σας δεδομένων από τη Volkswagen Bank GMBH και την Allianz Ευρωπαϊκή Πίστη Μ.Α.Α.Ε. μπορείτε να βρείτε στις Ενημερώσεις Προστασίας Προσωπικών Δεδομένων που ακολουθούν.";
}

#GDPR > div:nth-child(1) > div.border-bottom.white-bg.small.ng-star-inserted {
    height: 10rem;
}

/**********************************/
/******* RESPONSIVE STYLING *******/
/**********************************/

/* 0-480 */
@media screen and (max-width: 480px)
{
div#SP_SETTING_HEADER {
    position: relative;
    left: 5vw;
    top: 0px;
}

div#sp-text-header-19_1 {
    position: relative;
    top: 5px;
}

div#sp-text-header-19_1 .vw-header {
    width: 100vw;
    position: absolute;
    bottom: 2px;
}

div#vw-header {
    position: relative;
    bottom: 30px;
}

.vw-header span {
    padding: 4px 21px;
    background: rgba(0,70,102,.9);
    color: #fff;
    font-size: 24px;
    position: relative;
    top: 0px;
    right: 3px;
}

.vw-header a {
    padding: 4px 21px;
    background: rgba(0,70,102,.9);
    color: #fff;
    font-size: 23px;
    position: relative;
    top: 35px;
    font-weight: 400;
    left: 0px;
}


    .vw-header.form-title span {
        position: relative;
        top: 30px;
        font-size: 16px !important;
    }

.vw-payment-icons img
{
position:relative;
top:35px;
width:90vw;

}

div#eposModel {
    position: relative;
    bottom: 50px;
}

  div#app-quotation-vehicle {
      position: relative;
      bottom: 25px;
      font-size: 15px;
  }

  /* Κουμπι Ασφάλιση */
.command-container .dx-button-mode-contained.dx-button-success.dx-state-hover {
    background-color: #46a046;
    border-color: transparent;
    position: relative;
    top: 15px !important;
}

.command-container .dx-button-mode-contained.dx-button-success {
    background-color: #46a046;
    border-color: transparent;
    position: relative;
    top: 15px !important;
}

div#SP_SETTING_HEADER_DETAIL {
    display: none;
}

#GDPR > div:nth-child(1) > div.border-bottom.white-bg.small.ng-star-inserted {
    height: 15rem;
}

#GDPR::-webkit-scrollbar {
    width: 20px;
    background: rgba(0,0,0,0.3);
}

#GDPR::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#GDPR::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.quotation-detail-cover .cover-row .col-amount {
    width: auto !important;
    text-align: right;
    white-space: nowrap;
}

div#eposModel {
    position: relative;
    top: 25px;
}

/*
.mat-form-field-outline.ng-tns-c4-64.ng-star-inserted,
.mat-form-field-outline.ng-tns-c4-54.ng-star-inserted ,
.mat-form-field-outline.ng-tns-c4-59.ng-star-inserted {
    margin-left: -7px;
}
*/
}

/* 481-991 */
@media screen and (min-width: 481px) and (max-width: 991px)
{
.vw-payment-icons img
{
position:relative;
top:90px;
width:90vw;

}

div#SP_SETTING_HEADER_DETAIL {
    display: none;
}

#GDPR::-webkit-scrollbar {
    width: 20px;
    background: rgba(0,0,0,0.3);
}

#GDPR::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#GDPR::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

}

/* 576-767 */
@media screen and (min-width: 576px) and (max-width: 767px)
{
#contact .col-sm-6,
  #contact .col-md-6
{
flex:0 0 100%;
max-width:100%;

}

div#SP_SETTING_HEADER_DETAIL {
    display: none;
}

#GDPR > div:nth-child(1) > div.border-bottom.white-bg.small.ng-star-inserted {
    height: 15rem;
}

}

/* 0-768 */
@media (min-width: 768px)
{
#contact .col-md-6
{
flex:0 0 100%;
max-width:100%;

}
div#SP_SETTING_HEADER_DETAIL {
    display: none;
}
}

/* 0-991 */
@media screen and (max-width: 991px)
{
#loginModel > div:nth-child(4) > div:nth-child(1) > dx-button
{
margin-left:0px;
position:relative;

}
}

/* 0-399*/
@media screen and (max-width: 399px)
{
#GDPR > div:nth-child(1) > div.border-bottom.white-bg.small.ng-star-inserted {
    height: 20rem;
}
}

div#SP_SETTING_HEADER_DETAIL {
    display: none;
}

@media screen and (min-width: 992px) and (max-width: 1439px)
{
    .quotation-header #logo-img {
        position: relative;
        max-height: 110px !important;
    }
}

/* πατήστε */
/*
div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader > div > div.dx-popup-content > div > div > div:nth-child(1) {
    visibility: hidden;
    position: relative;
}

div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader > div > div.dx-popup-content > div > div > div:nth-child(1):before {
  visibility: visible;
  position: absolute;
  content: "Συμπληρώστε στο παρακάτω πεδίο τον κωδικό που λάβατε στο τηλέφωνό σας και πατήστε το κουμπί Επιβεβαίωση";
}*/

/* fix back button */
.quotation-step-results .mobile
.col-auto.text-left.back-btn.mobile {
    position: relative;
    right: 40px;
    top: 0px !important;
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer span {
  font-size: 14px;
}
.dx-checkbox-container {
    display: flex!important;
    gap:8px!important;
}