.clear{clear:both;width:100%;height:1px}.clear.height{height:20px}.hide{opacity:0;visibility:hidden;display:none;position:absolute;left:-9999px;top:-9999px}.lozad{opacity:0;transition:all .66s}.lozad.loaded{opacity:1}.add-component{position:relative;z-index:1000}.add-component .btn-collapse{padding:10px;padding-left:20px;padding-right:20px;background-color:#bcc7d4;color:#fff}.add-component .btn-collapse:not(.collapsed){pointer-events:none;background-color:#244a90}.composer-title{font-size:1.25rem;margin-bottom:2rem;font-weight:400}.add-component__form{margin-bottom:60px}.add-component__form .buttons-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:-36px}.add-component__form .form-wrapper{padding:30px;padding-top:80px;background-color:#EBEFF5}.add-component__form .btn-save{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#179c3f;border:0;color:#fff;font-size:2rem;padding:0;position:relative;z-index:10;transition:all .3s;margin:6px;box-shadow:0 3px 8px 0 rgba(0,0,0,0.15)}.add-component__form .btn-save .icon{width:21px;height:21px;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;fill:#fff}.add-component__form .btn-save .icon img,.add-component__form .btn-save .icon svg{width:21px;height:21px;display:block}.add-component__form .btn-save .icon path,.add-component__form .btn-save .icon circle,.add-component__form .btn-save .icon line,.add-component__form .btn-save .icon polygon,.add-component__form .btn-save .icon ellipse,.add-component__form .btn-save .icon svg,.add-component__form .btn-save .icon use{fill:#fff}.add-component__form .btn-save:hover{background-color:#1abe4b}.add-component__form .btn-cancel{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#bcc7d4;border:0;color:#fff;font-size:2rem;padding:0;position:relative;z-index:10;transition:all .3s;margin:6px;box-shadow:0 3px 8px 0 rgba(0,0,0,0.15)}.add-component__form .btn-cancel .icon{width:21px;height:21px;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;fill:#fff}.add-component__form .btn-cancel .icon img,.add-component__form .btn-cancel .icon svg{width:21px;height:21px;display:block}.add-component__form .btn-cancel .icon path,.add-component__form .btn-cancel .icon circle,.add-component__form .btn-cancel .icon line,.add-component__form .btn-cancel .icon polygon,.add-component__form .btn-cancel .icon ellipse,.add-component__form .btn-cancel .icon svg,.add-component__form .btn-cancel .icon use{fill:#fff}.add-component__form .btn-cancel:hover{background-color:#a8b4c2}.add-component__form label{text-transform:uppercase;font-size:.8rem;font-weight:700;width:100%;display:block}.add-component__form .title{font-size:1.45rem;font-weight:700;text-transform:uppercase;margin-bottom:1.5rem;color:#244a90}.add-component__form .subtitle{font-size:1.125rem;font-weight:700;margin-bottom:1rem;display:block;width:100%;border-bottom:1px solid rgba(0,0,0,0.07)}.add-component__current-items ul{list-style:none;padding:0}.add-component__current-items li{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}.add-component__current-items .content{margin-left:0;margin-right:auto}.add-component__current-items .thumb{max-width:120px;margin-right:15px}.add-component__current-items .thumb img{max-width:100%}.add-component__current-items .text-sm{color:#577188;font-size:.875rem}.add-component__current-items .remove-btn{background:none;border:0;padding:0;margin:0;font-size:.875rem;text-transform:uppercase;opacity:.75;margin-right:.25rem;border:1px solid #b6b6b6;padding:5px;border-radius:3px}.add-component__current-items .handle{display:block;padding:5px;background:none;border:0;background:#333;margin-left:.5rem;border-radius:3px}.add-component__current-items .handle .icon{pointer-events:none;width:18px;height:18px;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;fill:#fff}.add-component__current-items .handle .icon img,.add-component__current-items .handle .icon svg{width:18px;height:18px;display:block}.add-component__current-items .handle .icon path,.add-component__current-items .handle .icon circle,.add-component__current-items .handle .icon line,.add-component__current-items .handle .icon polygon,.add-component__current-items .handle .icon ellipse,.add-component__current-items .handle .icon svg,.add-component__current-items .handle .icon use{fill:#fff}.add-component__current-items .handle .icon path,.add-component__current-items .handle .icon circle,.add-component__current-items .handle .icon line,.add-component__current-items .handle .icon polygon,.add-component__current-items .handle .icon ellipse,.add-component__current-items .handle .icon svg,.add-component__current-items .handle .icon use{transition:all .3s}.add-component__current-items .end{display:flex;align-items:center}.add-component__form-wrapper{margin-bottom:30px}.add-component__new{margin-bottom:60px;position:relative;z-index:10}.add-component__new .container-fluid{position:relative}.add-component__new:before{position:absolute;left:0;right:0;height:1px;background-color:#EBEFF5;content:"";display:block;max-width:1140px;margin:0 auto;top:50%;transform:translateY(-50%)}.add-component__new .btn-add{width:60px;height:60px;display:block;border-radius:50%;background-color:#3a3a3a;border:0;color:#fff;font-size:2rem;padding:0;position:relative;z-index:10;transition:all .3s;margin:0 auto;margin-top:6px;margin-bottom:6px;box-shadow:0 3px 8px 0 rgba(0,0,0,0.15)}.add-component__new .btn-add:hover{color:#006d93;background-color:#202020}.add-component__menu{position:absolute;left:0;right:0;max-width:250px;background-color:#fff;top:calc(100% + 15px);margin:0 auto;box-shadow:0 3px 8px 0 rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all .3s}.add-component__menu.show{opacity:1;visibility:visible}.add-component__menu ul{list-style:none;padding:0;margin:0}.add-component__menu li{border-bottom:1px solid #EBEFF5;transition:all .3s}.add-component__menu a{color:#394A59;padding:16px;padding-bottom:10px;padding-top:10px;display:block}.add-component__menu li:hover{background-color:rgba(235,239,245,0.637)}.add-component__menu li:hover a{text-decoration:none}.add-component__fnol-map .fnol-map-wrapper{width:847.5px;display:block;border:1px solid #ebebeb;position:relative}.add-component__fnol-map .fnol-map-wrapper .select-position{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;touch-action:none}.add-component__fnol-map .fnol-map-wrapper .draggablePosition{background-color:#b21612;display:block;border-radius:50%;width:15px;height:15px;box-shadow:0px 0px 0px 20px rgba(178,22,18,0.5);animation:scale 2s infinite;border-radius:50%;touch-action:none;user-select:none;position:absolute;left:0;right:0;bottom:0;top:0}.add-component__fnol-map .fnol-map-wrapper img{max-width:100%}.form-datagrid .table-wrapper-1{position:relative}.form-datagrid .table-wrapper-2{overflow-x:scroll;overflow-y:scroll;height:100vh}.form-datagrid .table{vertical-align:top}.form-datagrid .table thead{position:relative;z-index:200}.form-datagrid .table thead th{position:sticky;top:0}.form-datagrid .table td,.form-datagrid .table th{vertical-align:top}.form-datagrid .table tr:nth-child(odd){background-color:rgba(36,74,144,0.03)}.component-tools{position:absolute;left:-50px;top:0;background-color:#3a3a3a}.component-tools ul{list-style:none;padding:0;margin:0}.component-tools__item{transition:all .3s}.component-tools__item a{padding:10px;display:block}.component-tools__item button{display:block;padding:10px;background:none;border:0}.component-tools__item .handle .icon{pointer-events:none}.component-tools__item .icon{width:15px;height:15px;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;fill:#fff}.component-tools__item .icon img,.component-tools__item .icon svg{width:15px;height:15px;display:block}.component-tools__item .icon path,.component-tools__item .icon circle,.component-tools__item .icon line,.component-tools__item .icon polygon,.component-tools__item .icon ellipse,.component-tools__item .icon svg,.component-tools__item .icon use{fill:#fff}.component-tools__item .icon path,.component-tools__item .icon circle,.component-tools__item .icon line,.component-tools__item .icon polygon,.component-tools__item .icon ellipse,.component-tools__item .icon svg,.component-tools__item .icon use{transition:all .3s}.component-tools__item:hover{background-color:#202020}.component-tools__item:hover .icon{fill:#006d93}.component-tools__item:hover .icon path,.component-tools__item:hover .icon circle,.component-tools__item:hover .icon line,.component-tools__item:hover .icon polygon,.component-tools__item:hover .icon ellipse,.component-tools__item:hover .icon svg,.component-tools__item:hover .icon use{fill:#006d93}@media screen and (max-width: 1315px){.component-tools{left:15px;top:-40px}.component-tools ul{display:flex}.component-tools__item a,.component-tools__item button{padding:6px;padding-left:12px;padding-right:12px}.component-tools__item .icon{position:relative;top:-1px}}.composer-tools{background:#282925;box-shadow:0 3px 8px 0 rgba(0,0,0,0.15);color:#fff;font-size:.8rem;font-weight:600;letter-spacing:0.3px;position:fixed;left:0;right:0;top:0;z-index:1500;display:flex;justify-content:space-between}.composer-tools .logo{padding:12px}.composer-tools .logo .icon{width:28px;height:28px;background-size:contain;background-position:center;vertical-align:middle;display:inline-block}.composer-tools .logo .icon img,.composer-tools .logo .icon svg{width:28px;height:28px;display:block}.composer-tools__menu ul{margin:0;list-style:none;height:100%;display:flex}.composer-tools__menu li{display:flex;align-items:center}.composer-tools__menu li a{color:#fff;padding:10px;display:block}.composer-tools__menu li .icon{width:15px;height:15px;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;fill:#fff;margin-right:6px}.composer-tools__menu li .icon img,.composer-tools__menu li .icon svg{width:15px;height:15px;display:block}.composer-tools__menu li .icon path,.composer-tools__menu li .icon circle,.composer-tools__menu li .icon line,.composer-tools__menu li .icon polygon,.composer-tools__menu li .icon ellipse,.composer-tools__menu li .icon svg,.composer-tools__menu li .icon use{fill:#fff}.composer-tools__menu li .icon path,.composer-tools__menu li .icon circle,.composer-tools__menu li .icon line,.composer-tools__menu li .icon polygon,.composer-tools__menu li .icon ellipse,.composer-tools__menu li .icon svg,.composer-tools__menu li .icon use{transition:all .3s}.composer-tools__menu li:hover a{text-decoration:none}.composer-tools__menu li:hover .icon{fill:#006d93}.composer-tools__menu li:hover .icon path,.composer-tools__menu li:hover .icon circle,.composer-tools__menu li:hover .icon line,.composer-tools__menu li:hover .icon polygon,.composer-tools__menu li:hover .icon ellipse,.composer-tools__menu li:hover .icon svg,.composer-tools__menu li:hover .icon use{fill:#006d93}@media screen and (max-width: 992px){.composer-tools__menu li{font-size:.7rem}.composer-tools__menu li a{padding:8px}.composer-tools__menu li .icon{width:12px;height:12px;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;margin-right:3px}.composer-tools__menu li .icon img,.composer-tools__menu li .icon svg{width:12px;height:12px;display:block}}@media screen and (max-width: 767px){.composer-tools__menu li{font-size:0}.composer-tools__menu li .icon{width:15px;height:15px;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;margin-right:0}.composer-tools__menu li .icon img,.composer-tools__menu li .icon svg{width:15px;height:15px;display:block}}body{padding-top:52px}
