body { cursor:default !important; } .custom-img-bg-wrap { padding:60px 0; } .skeleton h2 { line-height:1; margin:0; } .skeleton h3 { line-height:1; margin:0; } #footer { margin:0 !important; } *, *:focus { outline:none !important; } input, select { appearance:none; -webkit-appearance:none; } .d4d-credit-check-form { padding:10px 0 10px 0; } .d4d .mb5 { margin-bottom:5px !important; } .d4d .mb10 { margin-bottom:10px !important; } .d4d .mb15 { margin-bottom:15px !important; } .d4d .mb20 { margin-bottom:20px !important; } .d4d .mb25 { margin-bottom:25px !important; } .d4d .mb30 { margin-bottom:30px !important; } .d4d .mb35 { margin-bottom:35px !important; } .d4d .mb40 { margin-bottom:40px !important; } .d4d .mb45 { margin-bottom:45px !important; } .d4d .mb50 { margin-bottom:50px !important; } .d4d-credit-check-form { display:flex; align-items:flex-start; } .d4d-credit-check-form.logon { max-width:480px; } .d4d-credit-check-form .form-section { flex:1 1 0; } .d4d-credit-check-form.check .form-section { max-width:600px; } .d4d-credit-check-form .result-section { display:flex; flex-direction:column; flex:1 1 0; max-width:320px; margin-left:80px; border-radius:16px; display:flex; align-items:center; justify-content:center; padding:30px; } .d4d-credit-check-form .result-section { background-color:#EEE; } .d4d-credit-check-form .result-section .result-icon { display:block; margin-bottom:20px; } .d4d-credit-check-form .result-section .result-icon i { display:block; } .d4d-credit-check-form .result-section .result-icon i svg { display:block; width:122px; } .d4d-credit-check-form .result-section .result-text { display:block; font-weight:400; color:#222; } .d4d-credit-check-form .result-section .result-text p { margin:0; padding:0; } .d4d-credit-check-form .d4d-row { margin-bottom:5px; } .d4d-credit-check-form .d4d-row .d4d-column {} .d4d-credit-check-form .d4d-row .d4d-column label { display:block; font-size:14px; height:20px; line-height:20px; font-weight:500; color:#444; margin:0 0 0 0; } .d4d-credit-check-form .d4d-row .d4d-column label span { color:#E00; font-size:16px; } .d4d-credit-check-form .d4d-row .d4d-column label span.gray { color:#777; } .d4d-credit-check-form .d4d-row .d4d-column select, .d4d-credit-check-form .d4d-row .d4d-column input[type=text], .d4d-credit-check-form .d4d-row .d4d-column input[type=password] { font-size:16px; width:100%; padding:10px 16px; border:2px solid #CCC; border-radius:0; } .d4d-credit-check-form .d4d-row .d4d-column input:focus { background-color:#FFF; border-color:#2896FF;} .d4d-credit-check-form .d4d-row .d4d-column select { padding:9px 16px; } .d4d-credit-check-form .d4d-row .d4d-column input[type=submit] { font-weight:500; width:100%; line-height:24px; cursor:pointer; color:#FFF; background-color:#2896FF; background-color:#0071B9; border:none; border-radius:0; padding:10px 30px; } .d4d-credit-check-form .d4d-row .d4d-column a.button { display:block; text-align:center; line-height:24px; color:#FFF; background-color:#2896FF; background-color:#0071B9; border:none; border-radius:0; padding:10px 30px; } .d4d-credit-check-form .d4d-row .d4d-column a.button.green { background-color:#00D084; } .d4d-credit-check-form .d4d-row .d4d-column a.button.orange { background-color:#FA6400; } .d4d-credit-check-form .d4d-row .d4d-column a.button.lighter { background-color:#7EB7E4; } .d4d-credit-check-form .d4d-row .d4d-column a.button.darker { background-color:#012B4F; } .d4d-credit-check-form .d4d-row .d4d-column a.button.manager { background-color:#E03C3C; } .d4d-credit-check-form .d4d-row .d4d-column a.text-anchor { text-decoration:underline; } .d4d-credit-check-form .d4d-row .d4d-column input[type=submit], .d4d-credit-check-form .d4d-row .d4d-column a.button { transition:all ease-in-out 0.2s; } .d4d-credit-check-form .d4d-row .d4d-column input[type=submit]:hover, .d4d-credit-check-form .d4d-row .d4d-column a.button:hover { background-color:#333; } .d4d-credit-check-form .d4d-row.two-column { display:flex; } .d4d-credit-check-form .d4d-row.two-column .d4d-column { flex:1 1 0; } .d4d-credit-check-form .d4d-row.two-column .d4d-column + .d4d-column { margin-left:10px; } .d4d-credit-check-form .d4d-row.three-column { display:flex; } .d4d-credit-check-form .d4d-row.three-column .d4d-column { flex:1 1 0; } .d4d-credit-check-form .d4d-row.three-column .d4d-column + .d4d-column { margin-left:10px; } .d4d-credit-check-form .d4d-row.space-between { justify-content:space-between; } .d4d-credit-check-form .d4d-row.space-between .d4d-column { flex:initial; } @media (max-width: 960px) { .d4d-credit-check-form.check { flex-direction:column; align-items:center; } .d4d-credit-check-form.check .form-section { width:100%; max-width:none; } .d4d-credit-check-form.check .result-section { width:100%; max-width:none; margin:0; } } /* ==================================================================================================== SYSTEM-BOX ==================================================================================================== */ .d4d .message-box { padding:20px 20px; line-height:1; } .d4d .message-box.mb-10 { margin-bottom:10px; } .d4d .message-box.mb-15 { margin-bottom:15px; } .d4d .message-box.mb-20 { margin-bottom:20px; } .d4d .message-box.mb-25 { margin-bottom:25px; } .d4d .message-box.mb-30 { margin-bottom:30px; } .d4d .message-box.mb-35 { margin-bottom:35px; } .d4d .message-box.mb-40 { margin-bottom:40px; } .d4d .message-box.no-box-shadow { box-shadow:none; } .d4d .message-box + .message-box { margin-top:10px; } .d4d .message-box h2 { color:#FFF; line-height:1; font-weight:300; padding:0; margin-bottom:10px; } .d4d .message-box .content {} .d4d .message-box .content p { padding:0; margin:0 0 5px 0; } .d4d .message-box .content ul { margin:0; padding:0; } .d4d .message-box .content ul li { margin:0; padding:0; list-style:none; } .d4d .message-box.natural { color:#222; background-color:#F4F4F4; } .d4d .message-box.error { color:#FFF; background-color:#F44336; background-color:#FF4D4D; border:2px solid #C83C3C; } .d4d .message-box.success { color:#438863; background-color:#33B555; background-color:#B7F4D3; border:2px solid #73CA9B; text-shadow:none; } .d4d .message-box.success h2 { color:#438863; } .d4d .message-box.warning { color:#5C3324; background-color:#F9EC93; text-shadow:none; } .d4d .message-box.notice { color:#FFF; background-color:#4D91E5; } .d4d .message-box.lighter-notice { color:#FFF; background-color:#817972; } .faq-section { color:#FFF; } .faq-section h2 { color:#FFF; margin-bottom:20px; font-size:2.0rem; } .faq-section .question { cursor:pointer; padding:0 0 10px 0; display:flex; align-items:center; } .faq-section .question .icon { display:block; width:16px; height:16px; margin-right:15px; } .faq-section .question .icon i { display:block; width:16px; height:16px; } .faq-section .question .icon i svg { fill:#FFF; display:block; width:16px; height:16px; } .faq-section .question .sentence { flex:1 1 0; font-size:15px; font-weight:400; border-bottom:2px solid #FFF; padding:10px 0; } .faq-section .answer { display:none; padding:30px; background-color:rgba(255,255,255,0.2); margin:10px 0 30px 0; } .faq-section .question .icon .plus { display:block; } .faq-section .question .icon .minus { display:none; } .faq-section .question.open .icon .plus { display:none; } .faq-section .question.open .icon .minus { display:block; } .faq-section .question.open + .answer { display:block; } /* ==================================================================================================== D4D MANAGER ==================================================================================================== */ .d4d-manager-wrapper .page-switcher { display:flex; margin:0 0 40px 0; } .d4d-manager-wrapper .page-switcher a { flex:1 1 0; white-space:nowrap; display:block; text-align:center; line-height:24px; color:#222; background-color:#E6EBF1; border:none; border-radius:0; padding:10px 30px; border-left:6px solid rgba(0,0,0,0.1); } .d4d-manager-wrapper .page-switcher a.selected { background-color:#012B4F !important; color:#FFF; border-left:6px solid #0071B9 !important; } .d4d-manager-wrapper .page-switcher a.green { background-color:#00D084; } .d4d-manager-wrapper .page-switcher a.orange { background-color:#FA6400; } .d4d-manager-wrapper .page-switcher a + a { margin:0 0 0 10px; } /*.d4d-manager-wrapper .page-switcher a { transition:border-color ease-in-out 0.2s; }*/ /*.d4d-manager-wrapper .page-switcher a:hover { border-color:#E03C3C; }*/ .d4d-manager-wrapper .page-heading { display:flex; align-items:center; justify-content:space-between; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:2px dotted #444; } .d4d-manager-wrapper .page-heading .page-title h2 { letter-spacing:-1px; } .d4d-manager-wrapper .page-heading .page-actions a { flex:1 1 0; display:block; text-align:center; color:#FFF; background-color:#DDD; border:none; border-radius:0; padding:4px 12px; } .d4d-manager-wrapper .page-heading .page-actions a.green { background-color:#00D084; } .d4d-manager-wrapper .page-heading .page-actions a.orange { background-color:#FA6400; } .d4d-manager-wrapper .record-list .record-row { display:flex; border-bottom:1px solid #DDD; } .d4d-manager-wrapper .record-list .record-row .record-column { flex:1 1 0; display:flex; align-items:center; padding:6px 10px; } .d4d-manager-wrapper .record-list .record-row .record-column.tac { justify-content:center; } .d4d-manager-wrapper .record-list .record-row .record-column.fixed { flex:0 1 120px !important; } .d4d-manager-wrapper .record-list .record-row .record-column.max-200 { max-width:200px; } .d4d-manager-wrapper .record-list .record-row.heading { color:#444; border-bottom:2px solid #444; margin:0 0 10px 0; } .d4d-manager-wrapper .record-list .record-row.heading .record-column { font-weight:bold; } .d4d-manager-wrapper .record-list .record-row.body {} .d4d-manager-wrapper .record-list .record-row.body:hover { background-color:#E6EBF1; } .d4d-manager-wrapper .record-list .record-row .record-column a.action { display:block; width:16px; height:16px; } .d4d-manager-wrapper .record-list .record-row .record-column a.action + a { margin-left:10px; } .d4d-manager-wrapper .record-list .record-row .record-column a.action svg { fill:#222; display:block; width:16px; height:16px; } @media (max-width:900px){ .d4d-manager-wrapper .record-list .record-row .record-column { display:none; } .d4d-manager-wrapper .record-list .record-row .record-column:last-child, .d4d-manager-wrapper .record-list .record-row .record-column.sm { display:flex; } } @media (max-width:800px){ .d4d-manager-wrapper .page-switcher { flex-wrap:wrap; } .d4d-manager-wrapper .page-switcher a { flex:1 1 40%; margin:0 0 10px 0; } .d4d-manager-wrapper .page-switcher a + a { margin:0 0 10px 0; } .d4d-manager-wrapper .page-switcher a:nth-child(2n) { margin:0 0 10px 10px; } } @media (max-width:600px){ .d4d-manager-wrapper .page-switcher { flex-direction:column; } .d4d-manager-wrapper .page-switcher a { flex:1 1 0; margin:0 0 10px 0 !important; } .d4d-manager-wrapper .page-switcher a + a { margin:0 0 10px 0; } .d4d-manager-wrapper .page-heading { flex-direction:column; align-items:flex-start; } .d4d-manager-wrapper .page-heading .page-title { margin-bottom:10px; } .d4d-manager-wrapper .page-heading .page-actions { width:100%; } .d4d-manager-wrapper .page-heading .page-actions a { display:block; padding:10px 30px; } } @media (max-width:480px){ .d4d-manager-wrapper .record-list .record-row .record-column, .d4d-manager-wrapper .record-list .record-row .record-column.sm { display:none; } .d4d-manager-wrapper .record-list .record-row .record-column:last-child, .d4d-manager-wrapper .record-list .record-row .record-column.ss { display:flex; } } /* ==================================================================================================== FORM-VIEW ==================================================================================================== */ .form-view .form-row { margin-bottom:5px; } .form-view .form-row .form-column {} .form-view .form-row .form-column label { display:block; font-size:14px; height:20px; line-height:20px; font-weight:500; color:#444; margin:0 0 0 0; } .form-view .form-row .form-column label span { color:#E00; font-size:16px; } .form-view .form-row .form-column label span.gray { color:#777; } .form-view .form-row .form-column input[type=text], .form-view .form-row .form-column input[type=password], .form-view .form-row .form-column textarea { font-size:16px; width:100%; padding:10px 16px; border:2px solid #CCC; background-color:#FFF; border-radius:0; resize:none; } .form-view .form-row .form-column input:focus { background-color:#FFF; border-color:#2896FF;} .form-view .form-row .form-column select { font-size:16px; width:100%; padding:9px 16px; border:2px solid #CCC; border-radius:0; } .form-view .form-row .form-column input[type=submit] { font-weight:500; width:100%; line-height:24px; cursor:pointer; color:#FFF; background-color:#2896FF; background-color:#0071B9; border:none; border-radius:0; padding:10px 30px; } .form-view .form-row .form-column a.button { display:block; text-align:center; line-height:24px; color:#FFF; background-color:#2896FF; background-color:#0071B9; border:none; border-radius:0; padding:10px 30px; } .form-view .form-row .form-column a.button.green { background-color:#00D084; } .form-view .form-row .form-column a.button.orange { background-color:#FA6400; } .form-view .form-row .form-column a.button.lighter { background-color:#7EB7E4; } .form-view .form-row .form-column a.button.darker { background-color:#012B4F; } .form-view .form-row .form-column a.button.manager { background-color:#E03C3C; } .form-view .form-row .form-column a.text-anchor { text-decoration:underline; } .form-view .form-row .form-column input[type=submit], .form-view .form-row .form-column a.button { transition:all ease-in-out 0.2s; } .form-view .form-row .form-column input[type=submit]:hover, .form-view .form-row .form-column a.button:hover { background-color:#333; } .form-view .form-row.two-column { display:flex; } .form-view .form-row.two-column .form-column { flex:1 1 0; } .form-view .form-row.two-column .form-column + .form-column { margin-left:10px; } .form-view .form-row.three-column { display:flex; } .form-view .form-row.three-column .form-column { flex:1 1 0; } .form-view .form-row.three-column .form-column + .form-column { margin-left:10px; } .form-view .form-row.space-between { justify-content:space-between; } .form-view .form-row.space-between .form-column { flex:initial; } .form-view .form-row .form-column.checkbox-column { display:flex; align-items:center; } .form-view .form-row .form-column.checkbox-column input { display:none; } .form-view .form-row .form-column.checkbox-column label { position:relative; padding-left:40px; cursor:pointer; } .form-view .form-row .form-column.checkbox-column label:before { content:''; position:absolute; top:50%; left:10px; width:16px; height:16px; margin-top:-10px; border:2px solid #CCC; } .form-view .form-row .form-column.checkbox-column label:after { content:''; display:none; position:absolute; top:-1px; left:14px; width:20px; height:12px; border-left:4px solid #00D084; border-bottom:4px solid #00D084; transform:rotate(-45deg); } .form-view .form-row .form-column.checkbox-column input:checked + label:after { display:block; } /* ==================================================================================================== LANGUAGE PICKER ==================================================================================================== */ .language-picker { padding:10px 10px; } .language-picker a { font-size:12px; font-weight:500; padding:0 10px; } .language-picker a + a{ border-left:1px solid #312D2E; } .language-picker a:hover { color:#0071B9; }