:root{--color-text: #4A4A4A;--color-text-second: #FFFFFF;--color-surface: #F5F5F5;--color-panel: #FFFFFF;--color-box: #EBEBEB;--color-primary: #353B50;--color-primary-darker: #2a2f40;--color-second: #3983BC;--color-button: #003A72;--color-attention: #F54141;--color-success: #20BEB7;--color-border: #A4A4A4;--color-line: #DADADA;--color-light: #A4A4A4;--color-navigation: #6BBEF9;--color-gradient-from: #53236E;--color-gradient-to: #20BEB7}*{padding:0;margin:0;font-weight:400;font-family:Nunito,sans-serif}html,#root{height:100%;margin:0;padding:0}body{height:100%;margin:0;padding:0;background:var(--color-surface);font-family:Nunito,sans-serif;font-size:16px;color:var(--color-text);transition:padding-left .3s ease-in-out}a,.Link{cursor:pointer;color:var(--color-second);text-decoration:none}a:hover,.Link:hover{color:var(--color-button)}hr{border:0;border-bottom:var(--color-line) 1px solid;margin:25px 0;height:1px}.clearfix:after{content:"";display:table;clear:both}strong{font-weight:600}h1{font-size:40px;font-weight:500}h2{font-size:30px;font-weight:600;margin-bottom:1em}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600;margin-bottom:3px}label{display:inline-block;margin-bottom:5px;font-weight:600}.Gradient{background-image:-webkit-gradient(linear,left top,right top,from(#53236e),to(#20beb7));background-image:linear-gradient(90deg,#53236e,#20beb7);background-image:-webkit-gradient(linear,left top,right top,from(var(--color-gradient-from)),to(var(--color-gradient-to)));background-image:linear-gradient(90deg,var(--color-gradient-from),var(--color-gradient-to));color:#fff}.page{padding:15px 0 100px;flex:1 1;position:relative;margin:0 auto}.default-error-page{position:fixed;top:0;left:0;right:0;bottom:0}.default-error-page h1{position:absolute;text-align:center;top:40%;width:100%;font-size:3vw}.default-error-page h1 .im{font-size:5vw;display:block}.main-wrapper{display:flex;flex-direction:column;min-height:100%}.main-wrapper main{flex:1;display:flex}header *{padding:0;margin:0}header.giata-header{position:relative;width:100%;z-index:10;background:var(--color-primary)}header.giata-header a,header.giata-header .Link{cursor:pointer;color:var(--color-second);text-decoration:none}header.giata-header .giata-header-top{padding:28px 40px;min-height:60px}@media (max-width: 1200px){header.giata-header .giata-header-top{padding:20px}}header.giata-header .giata-logo{display:block;width:220px;position:relative;margin-top:-10px;background:url(/assets/drive-CAHUzG5Q.png) center center no-repeat;background-size:contain;height:70px}@media (max-width: 1200px){header.giata-header .giata-logo{width:140px}}header.giata-header h3{color:var(--color-navigation);text-align:center;font-size:24px;font-weight:600;margin:0 auto 6px;max-width:450px;height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}header.giata-header h5{color:var(--color-text-second);font-size:16px;text-align:center;font-weight:400}header.giata-header nav.giata-top-navi{position:relative;float:right}header.giata-header nav.giata-top-navi ul.giata-top-navi-links{display:inline-block;list-style:none}header.giata-header nav.giata-top-navi ul.giata-top-navi-links>li{display:inline-block;padding-left:20px;margin-left:14px}header.giata-header nav.giata-top-navi ul.giata-top-navi-links>li a,header.giata-header nav.giata-top-navi ul.giata-top-navi-links>li .Link{display:block;color:var(--color-text-second)}header.giata-header nav.giata-top-navi ul.giata-top-navi-links>li:before{content:"";border-color:transparent var(--color-text-second);border-style:solid;border-width:.3em 0 .3em .45em;display:block;height:0;width:0;left:-1em;top:1em;position:relative}footer *{padding:0;margin:0}footer.giata_footer{position:relative;bottom:0;width:100%;background:#ededed;z-index:20}footer.giata_footer .giata_footer_top{padding:0 40px;height:75px}@media (max-width: 1200px){footer.giata_footer .giata_footer_top{padding:0 20px}}footer.giata_footer nav.giata_footer_navi{position:absolute;top:15px;left:40px;font-size:16px}footer.giata_footer nav.giata_footer_navi ul{list-style:none;padding-left:initial}footer.giata_footer nav.giata_footer_navi ul li{display:inline-block;padding-left:20px;margin-left:14px}footer.giata_footer nav.giata_footer_navi ul li a,footer.giata_footer nav.giata_footer_navi ul li .Link{display:block;color:var(--color-text)}footer.giata_footer nav.giata_footer_navi ul li:before{content:"";border-color:transparent var(--color-text);border-style:solid;border-width:.3em 0 .3em .45em;display:block;height:0;width:0;left:-1em;top:1em;position:relative}@media (max-width: 670px){footer.giata_footer nav.giata_footer_navi{position:initial}}footer.giata_footer .giata_copyright{position:absolute;top:25px;right:40px;font-size:16px;color:var(--color-text)}@media (max-width: 670px){footer.giata_footer .giata_copyright{position:initial;margin:10px 15px}}.flex-table .table{width:100%;max-width:100%;margin-bottom:1rem;background-color:#fff}.flex-table .table>thead>tr,.flex-table .table>tbody>tr,.flex-table .table>tfoot>tr{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.flex-table .table>thead>tr>th,.flex-table .table>tbody>tr>th,.flex-table .table>tfoot>tr>th,.flex-table .table>thead>tr>td,.flex-table .table>tbody>tr>td,.flex-table .table>tfoot>tr>td{text-align:left;padding:5px;vertical-align:top;border-top:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;clear:left;min-height:15px}.flex-table .table>thead>tr>th{font-weight:400;color:#757575;vertical-align:bottom;border-bottom:1px solid rgba(0,0,0,.12)}.flex-table .table>caption+thead>tr:first-child>th,.flex-table .table>colgroup+thead>tr:first-child>th,.flex-table .table>thead:first-child>tr:first-child>th,.flex-table .table>caption+thead>tr:first-child>td,.flex-table .table>colgroup+thead>tr:first-child>td,.flex-table .table>thead:first-child>tr:first-child>td{border-top:0}.flex-table .table>tbody+tbody{border-top:1px solid rgba(0,0,0,.12)}.flex-table .table .table{background-color:#fff}.flex-table .table .no-border{border:0}.flex-table .table-condensed>thead>tr>th,.flex-table .table-condensed>tbody>tr>th,.flex-table .table-condensed>tfoot>tr>th,.flex-table .table-condensed>thead>tr>td,.flex-table .table-condensed>tbody>tr>td,.flex-table .table-condensed>tfoot>tr>td{padding:.8rem}.flex-table .table-bordered{border:0}.flex-table .table-bordered>thead>tr>th,.flex-table .table-bordered>tbody>tr>th,.flex-table .table-bordered>tfoot>tr>th,.flex-table .table-bordered>thead>tr>td,.flex-table .table-bordered>tbody>tr>td,.flex-table .table-bordered>tfoot>tr>td{border:0;border-bottom:1px solid #e0e0e0}.flex-table .table-bordered>thead>tr>th,.flex-table .table-bordered>thead>tr>td{border-bottom-width:2px}.flex-table .table-striped>tbody>tr:nth-child(odd)>td,.flex-table .table-striped>tbody>tr:nth-child(odd)>th{background-color:#f5f5f5}.flex-table .table-hover>tbody>tr:hover>td,.flex-table .table-hover>tbody>tr:hover>th{background-color:#eaf1f5}.flex-table .table>thead>tr>th{font-weight:800;font-size:14px;color:#fff;vertical-align:middle;line-height:24px}.flex-table .table>tbody>tr>td{font-weight:400;font-size:14px;color:#4a4a4a;vertical-align:middle;border-bottom:1px dashed #dadada}.flex-table .table>tbody>tr:last-child>td{border-bottom:none}.flex-table .table>tbody{background-color:#fff}.flex-table .table{border-collapse:collapse;border-spacing:0}.flex-table .table-tbody-grouped .table tbody>tr>td{border-bottom:none}.flex-table .table-tbody-grouped .table tbody{border-top:none;border-bottom:1px dashed #dadada}.flex-table .table-tbody-grouped .table tbody:last-child{border:none}.flex-table .table-tbody-grouped .table-hover>tbody:hover>tr>td,.flex-table .table-tbody-grouped .table-hover>tbody:hover>tr>th{background-color:#eaf1f5}@media screen and (max-width: 1079px){.flex-table .table-responsive-vertical>.table{background-color:transparent}.flex-table .table-responsive-vertical>.table>thead,.flex-table .table-responsive-vertical>.table>tfoot{display:none}.flex-table .table-responsive-vertical>.table>tbody{display:block}.flex-table .table-responsive-vertical>.table>tbody>tr{display:block;border-radius:2px;margin-bottom:.5rem}.flex-table .table-responsive-vertical>.table>tbody>tr>td{background-color:#fff;display:block;vertical-align:middle;text-align:right}.flex-table .table-responsive-vertical>.table>tbody>tr>td[data-title]:before{content:attr(data-title);float:left;font-size:inherit;font-weight:400;color:#757575}.flex-table .table-responsive-vertical.shadow-z-1{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.flex-table .table-responsive-vertical.shadow-z-1>.table>tbody>tr:last-child{border:none;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.flex-table .table-responsive-vertical>.table-bordered{border:0}.flex-table .table-responsive-vertical>.table-bordered>tbody>tr>td{border:0;border-bottom:1px solid #e0e0e0}.flex-table .table-responsive-vertical>.table-bordered>tbody>tr>td:last-child{border-bottom:0}.flex-table .table-responsive-vertical>.table-striped>tbody>tr>td,.flex-table .table-responsive-vertical>.table-striped>tbody>tr:nth-child(odd){background-color:#fff}.flex-table .table-responsive-vertical>.table-striped>tbody>tr>td:nth-child(odd){background-color:#f5f5f5}.flex-table .table-responsive-vertical>.table-hover>tbody>tr:hover>td,.flex-table .table-responsive-vertical>.table-hover>tbody>tr:hover{background-color:#fff}.flex-table .table-responsive-vertical>.table-hover>tbody>tr>td:hover{background-color:#eaf1f5}.flex-table .table-responsive-vertical>.table>tbody>tr{margin-bottom:.5rem}.flex-table .table-tbody-grouped .table tbody>tr>td{border-bottom:none}.flex-table .table-tbody-grouped .table-hover>tbody:hover>tr>td,.flex-table .table-tbody-grouped .table-hover>tbody:hover>tr>th{background-color:#eaf1f5}.flex-table .table-tbody-grouped .table tbody{border-top:none;border-bottom:1px dashed #dadada}.flex-table .table-tbody-grouped .table tbody:last-child{margin-bottom:.5rem}.flex-table .table-tbody-grouped .table>tbody>tr{margin-bottom:0}}.box{margin:1px 15px}.box-inner{background:var(--color-box);padding:30px 20px 20px;max-width:1200px;position:relative}.box-inner-centered{margin:0 auto}/*! react-grid-system v1.1.0 | (c) 2019 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-grid-system */.grid-system---flexbox-container---3Fao-{position:relative;margin-left:auto;margin-right:auto}.grid-system---floats-container---ucGke{position:relative;margin-right:auto;margin-left:auto}.grid-system---floats-container---ucGke:before,.grid-system---floats-container---ucGke:after{content:"";display:table}.grid-system---floats-container---ucGke:after{clear:both}.grid-system---floats-row---3L-46:before,.grid-system---floats-row---3L-46:after{content:"";display:table}.grid-system---floats-row---3L-46:after{clear:both}.grid-system---flexbox-row---38uB8{display:flex;flex-wrap:wrap}.grid-system---floats-col---LUxzY{float:left;position:relative;width:100%;min-height:1px}.grid-system---floats-col---LUxzY:before,.grid-system---floats-col---LUxzY:after{content:"";display:table}.grid-system---floats-col---LUxzY:after{clear:both}.grid-system---flexbox-col---lXegW{position:relative;width:100%;min-height:1px}.Loader{background:var(--color-surface) url(/assets/loader-MZVIWrCf.gif) center center no-repeat;background-size:100px;opacity:.5;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100}.alert{padding:10px;border:1px solid #ccc;margin:5px 0}.alert-danger{background-color:#fdd}.alert-warning{background-color:#ffffe1}.alert-success{background-color:#dfd}.alert-info{background-color:#fff}.motif-type-confirm-page .image-container{display:block;width:100%;height:0;padding-bottom:75%;background-color:#eee;position:relative}.motif-type-confirm-page .image{width:100%;height:100%;background:#e6e6e6 50%;background-size:cover;position:absolute}.motif-type-confirm-page .image-actions{display:flex;flex-direction:column;align-items:center}.motif-type-confirm-page .image-actions-title{font-size:1.1rem}.motif-type-confirm-page .image-actions-actions{display:flex;margin-top:10px;grid-gap:35px}.Button{display:inline-block;line-height:24px;padding:7px 24px;color:#fff;background-color:var(--color-second);border:var(--color-second) 1px solid;border-radius:4px;text-align:center;transition:all .2s;font-size:16px;cursor:pointer}.Button:hover{background-color:var(--color-button);border-color:var(--color-button);color:#fff}.Button .im{float:left;font-size:15px;margin:4px 10px 0 -10px}.Button .Button-Count{margin:-2px 6px 0 -10px}.Button-small{padding:5px 8px;line-height:16px}.Button-right{float:right}.Button-Dark{background:var(--color-button);border-color:var(--color-button)}.Button-Primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.Button-Primary:hover{background:var(--color-primary-darker);border-color:var(--color-primary-darker);color:#fff}.Button-Light{background:var(--color-panel);border-color:var(--color-button);color:var(--color-button)}.Button-Light-V2{background:#fff;border-color:#fff;color:var(--color-primary)}.Button-Light-V2:hover{background:#fff;border-color:var(--color-primary);color:var(--color-primary)}.Button-Attention{background:var(--color-attention);border-color:var(--color-attention)}.Button-Full{padding-left:0;padding-right:0;width:100%}.Button-Disabled{pointer-events:none;background-color:var(--color-line);border-color:var(--color-light);color:var(--color-light)}.Button-Select-Append{padding:5px}.Button-Content{display:flex;align-items:center;gap:5px}.InputText input{display:block;width:100%;line-height:24px;padding:7px 12px;color:var(--color-primary);background-color:var(--color-panel);font-weight:400;border-radius:4px;border:var(--color-border) 1px solid;box-sizing:border-box;font-family:Nunito,sans-serif;font-size:16px}.InputText input:disabled{background-color:#dedede;pointer-events:none}.InputTextError label{color:var(--color-attention)}.InputTextError input{border:var(--color-attention) 1px solid}.InputTextError span{color:var(--color-attention);font-weight:600;display:inline-block}.login-page{padding:15px 0 100px;flex:1;position:relative;margin:0 auto}@media (min-width: 768px){.login-page{max-width:600px}}.login-page form>*:not(:last-child){margin-bottom:5px}.motif-type-confirmation-review-page .image-container-wrapper{max-width:100px}.motif-type-confirmation-review-page .image-container{display:block;width:100%;height:0;padding-bottom:75%;background-color:#eee;position:relative}.motif-type-confirmation-review-page .image{width:100%;height:100%;background:#e6e6e6 50%;background-size:cover;position:absolute}.motif-type-confirmation-review-page .review-actions>*:not(:last-child){margin-right:5px}