/*!**************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./src/assets/css/bootstrap.min.css ***! \**************************************************************************************************************************************************************************************************************************/ /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::after,.was-validated .custom-file-input:valid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:flex;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:flex;flex:1 0 0%;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:flex;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;grid-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:translate(0,0)}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translateX(0)}@supports (transform-style:preserve-3d){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{transform:translateX(100%)}@supports (transform-style:preserve-3d){.active.carousel-item-right,.carousel-item-next{transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{transform:translateX(-100%)}@supports (transform-style:preserve-3d){.active.carousel-item-left,.carousel-item-prev{transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{transform:translateX(0)}@supports (transform-style:preserve-3d){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-bottom{vertical-align:text-bottom}.align-text-top{vertical-align:text-top}.bg-primary{background-color:#007bff}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc}.bg-secondary{background-color:#6c757d}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62}.bg-success{background-color:#28a745}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34}.bg-info{background-color:#17a2b8}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b}.bg-warning{background-color:#ffc107}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00}.bg-danger{background-color:#dc3545}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130}.bg-light{background-color:#f8f9fa}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5}.bg-dark{background-color:#343a40}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.border{border:1px solid #dee2e6}.border-top{border-top:1px solid #dee2e6}.border-right{border-right:1px solid #dee2e6}.border-bottom{border-bottom:1px solid #dee2e6}.border-left{border-left:1px solid #dee2e6}.border-0{border:0}.border-top-0{border-top:0}.border-right-0{border-right:0}.border-bottom-0{border-bottom:0}.border-left-0{border-left:0}.border-primary{border-color:#007bff}.border-secondary{border-color:#6c757d}.border-success{border-color:#28a745}.border-info{border-color:#17a2b8}.border-warning{border-color:#ffc107}.border-danger{border-color:#dc3545}.border-light{border-color:#f8f9fa}.border-dark{border-color:#343a40}.border-white{border-color:#fff}.rounded{border-radius:.25rem}.rounded-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-right{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-left{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-circle{border-radius:50%}.rounded-0{border-radius:0}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-block{display:block}.d-table{display:table}.d-table-row{display:table-row}.d-table-cell{display:table-cell}.d-flex{display:flex}.d-inline-flex{display:inline-flex}@media (min-width:576px){.d-sm-none{display:none}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}.d-sm-table{display:table}.d-sm-table-row{display:table-row}.d-sm-table-cell{display:table-cell}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}}@media (min-width:768px){.d-md-none{display:none}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-block{display:block}.d-md-table{display:table}.d-md-table-row{display:table-row}.d-md-table-cell{display:table-cell}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}}@media (min-width:992px){.d-lg-none{display:none}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}.d-lg-table{display:table}.d-lg-table-row{display:table-row}.d-lg-table-cell{display:table-cell}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}}@media (min-width:1200px){.d-xl-none{display:none}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}.d-xl-table{display:table}.d-xl-table-row{display:table-row}.d-xl-table-cell{display:table-cell}.d-xl-flex{display:flex}.d-xl-inline-flex{display:inline-flex}}@media print{.d-print-none{display:none}.d-print-inline{display:inline}.d-print-inline-block{display:inline-block}.d-print-block{display:block}.d-print-table{display:table}.d-print-table-row{display:table-row}.d-print-table-cell{display:table-cell}.d-print-flex{display:flex}.d-print-inline-flex{display:inline-flex}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-fill{flex:1 1 auto}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-center{align-content:center}.align-content-between{align-content:space-between}.align-content-around{align-content:space-around}.align-content-stretch{align-content:stretch}.align-self-auto{align-self:auto}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-baseline{align-self:baseline}.align-self-stretch{align-self:stretch}@media (min-width:576px){.flex-sm-row{flex-direction:row}.flex-sm-column{flex-direction:column}.flex-sm-row-reverse{flex-direction:row-reverse}.flex-sm-column-reverse{flex-direction:column-reverse}.flex-sm-wrap{flex-wrap:wrap}.flex-sm-nowrap{flex-wrap:nowrap}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse}.flex-sm-fill{flex:1 1 auto}.flex-sm-grow-0{flex-grow:0}.flex-sm-grow-1{flex-grow:1}.flex-sm-shrink-0{flex-shrink:0}.flex-sm-shrink-1{flex-shrink:1}.justify-content-sm-start{justify-content:flex-start}.justify-content-sm-end{justify-content:flex-end}.justify-content-sm-center{justify-content:center}.justify-content-sm-between{justify-content:space-between}.justify-content-sm-around{justify-content:space-around}.align-items-sm-start{align-items:flex-start}.align-items-sm-end{align-items:flex-end}.align-items-sm-center{align-items:center}.align-items-sm-baseline{align-items:baseline}.align-items-sm-stretch{align-items:stretch}.align-content-sm-start{align-content:flex-start}.align-content-sm-end{align-content:flex-end}.align-content-sm-center{align-content:center}.align-content-sm-between{align-content:space-between}.align-content-sm-around{align-content:space-around}.align-content-sm-stretch{align-content:stretch}.align-self-sm-auto{align-self:auto}.align-self-sm-start{align-self:flex-start}.align-self-sm-end{align-self:flex-end}.align-self-sm-center{align-self:center}.align-self-sm-baseline{align-self:baseline}.align-self-sm-stretch{align-self:stretch}}@media (min-width:768px){.flex-md-row{flex-direction:row}.flex-md-column{flex-direction:column}.flex-md-row-reverse{flex-direction:row-reverse}.flex-md-column-reverse{flex-direction:column-reverse}.flex-md-wrap{flex-wrap:wrap}.flex-md-nowrap{flex-wrap:nowrap}.flex-md-wrap-reverse{flex-wrap:wrap-reverse}.flex-md-fill{flex:1 1 auto}.flex-md-grow-0{flex-grow:0}.flex-md-grow-1{flex-grow:1}.flex-md-shrink-0{flex-shrink:0}.flex-md-shrink-1{flex-shrink:1}.justify-content-md-start{justify-content:flex-start}.justify-content-md-end{justify-content:flex-end}.justify-content-md-center{justify-content:center}.justify-content-md-between{justify-content:space-between}.justify-content-md-around{justify-content:space-around}.align-items-md-start{align-items:flex-start}.align-items-md-end{align-items:flex-end}.align-items-md-center{align-items:center}.align-items-md-baseline{align-items:baseline}.align-items-md-stretch{align-items:stretch}.align-content-md-start{align-content:flex-start}.align-content-md-end{align-content:flex-end}.align-content-md-center{align-content:center}.align-content-md-between{align-content:space-between}.align-content-md-around{align-content:space-around}.align-content-md-stretch{align-content:stretch}.align-self-md-auto{align-self:auto}.align-self-md-start{align-self:flex-start}.align-self-md-end{align-self:flex-end}.align-self-md-center{align-self:center}.align-self-md-baseline{align-self:baseline}.align-self-md-stretch{align-self:stretch}}@media (min-width:992px){.flex-lg-row{flex-direction:row}.flex-lg-column{flex-direction:column}.flex-lg-row-reverse{flex-direction:row-reverse}.flex-lg-column-reverse{flex-direction:column-reverse}.flex-lg-wrap{flex-wrap:wrap}.flex-lg-nowrap{flex-wrap:nowrap}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse}.flex-lg-fill{flex:1 1 auto}.flex-lg-grow-0{flex-grow:0}.flex-lg-grow-1{flex-grow:1}.flex-lg-shrink-0{flex-shrink:0}.flex-lg-shrink-1{flex-shrink:1}.justify-content-lg-start{justify-content:flex-start}.justify-content-lg-end{justify-content:flex-end}.justify-content-lg-center{justify-content:center}.justify-content-lg-between{justify-content:space-between}.justify-content-lg-around{justify-content:space-around}.align-items-lg-start{align-items:flex-start}.align-items-lg-end{align-items:flex-end}.align-items-lg-center{align-items:center}.align-items-lg-baseline{align-items:baseline}.align-items-lg-stretch{align-items:stretch}.align-content-lg-start{align-content:flex-start}.align-content-lg-end{align-content:flex-end}.align-content-lg-center{align-content:center}.align-content-lg-between{align-content:space-between}.align-content-lg-around{align-content:space-around}.align-content-lg-stretch{align-content:stretch}.align-self-lg-auto{align-self:auto}.align-self-lg-start{align-self:flex-start}.align-self-lg-end{align-self:flex-end}.align-self-lg-center{align-self:center}.align-self-lg-baseline{align-self:baseline}.align-self-lg-stretch{align-self:stretch}}@media (min-width:1200px){.flex-xl-row{flex-direction:row}.flex-xl-column{flex-direction:column}.flex-xl-row-reverse{flex-direction:row-reverse}.flex-xl-column-reverse{flex-direction:column-reverse}.flex-xl-wrap{flex-wrap:wrap}.flex-xl-nowrap{flex-wrap:nowrap}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse}.flex-xl-fill{flex:1 1 auto}.flex-xl-grow-0{flex-grow:0}.flex-xl-grow-1{flex-grow:1}.flex-xl-shrink-0{flex-shrink:0}.flex-xl-shrink-1{flex-shrink:1}.justify-content-xl-start{justify-content:flex-start}.justify-content-xl-end{justify-content:flex-end}.justify-content-xl-center{justify-content:center}.justify-content-xl-between{justify-content:space-between}.justify-content-xl-around{justify-content:space-around}.align-items-xl-start{align-items:flex-start}.align-items-xl-end{align-items:flex-end}.align-items-xl-center{align-items:center}.align-items-xl-baseline{align-items:baseline}.align-items-xl-stretch{align-items:stretch}.align-content-xl-start{align-content:flex-start}.align-content-xl-end{align-content:flex-end}.align-content-xl-center{align-content:center}.align-content-xl-between{align-content:space-between}.align-content-xl-around{align-content:space-around}.align-content-xl-stretch{align-content:stretch}.align-self-xl-auto{align-self:auto}.align-self-xl-start{align-self:flex-start}.align-self-xl-end{align-self:flex-end}.align-self-xl-center{align-self:center}.align-self-xl-baseline{align-self:baseline}.align-self-xl-stretch{align-self:stretch}}.float-left{float:left}.float-right{float:right}.float-none{float:none}@media (min-width:576px){.float-sm-left{float:left}.float-sm-right{float:right}.float-sm-none{float:none}}@media (min-width:768px){.float-md-left{float:left}.float-md-right{float:right}.float-md-none{float:none}}@media (min-width:992px){.float-lg-left{float:left}.float-lg-right{float:right}.float-lg-none{float:none}}@media (min-width:1200px){.float-xl-left{float:left}.float-xl-right{float:right}.float-xl-none{float:none}}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position: -webkit-sticky) or (position: sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)}.shadow-none{box-shadow:none}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-auto{width:auto}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.h-auto{height:auto}.mw-100{max-width:100%}.mh-100{max-height:100%}.m-0{margin:0}.mt-0,.my-0{margin-top:0}.mr-0,.mx-0{margin-right:0}.mb-0,.my-0{margin-bottom:0}.ml-0,.mx-0{margin-left:0}.m-1{margin:.25rem}.mt-1,.my-1{margin-top:.25rem}.mr-1,.mx-1{margin-right:.25rem}.mb-1,.my-1{margin-bottom:.25rem}.ml-1,.mx-1{margin-left:.25rem}.m-2{margin:.5rem}.mt-2,.my-2{margin-top:.5rem}.mr-2,.mx-2{margin-right:.5rem}.mb-2,.my-2{margin-bottom:.5rem}.ml-2,.mx-2{margin-left:.5rem}.m-3{margin:1rem}.mt-3,.my-3{margin-top:1rem}.mr-3,.mx-3{margin-right:1rem}.mb-3,.my-3{margin-bottom:1rem}.ml-3,.mx-3{margin-left:1rem}.m-4{margin:1.5rem}.mt-4,.my-4{margin-top:1.5rem}.mr-4,.mx-4{margin-right:1.5rem}.mb-4,.my-4{margin-bottom:1.5rem}.ml-4,.mx-4{margin-left:1.5rem}.m-5{margin:3rem}.mt-5,.my-5{margin-top:3rem}.mr-5,.mx-5{margin-right:3rem}.mb-5,.my-5{margin-bottom:3rem}.ml-5,.mx-5{margin-left:3rem}.p-0{padding:0}.pt-0,.py-0{padding-top:0}.pr-0,.px-0{padding-right:0}.pb-0,.py-0{padding-bottom:0}.pl-0,.px-0{padding-left:0}.p-1{padding:.25rem}.pt-1,.py-1{padding-top:.25rem}.pr-1,.px-1{padding-right:.25rem}.pb-1,.py-1{padding-bottom:.25rem}.pl-1,.px-1{padding-left:.25rem}.p-2{padding:.5rem}.pt-2,.py-2{padding-top:.5rem}.pr-2,.px-2{padding-right:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pl-2,.px-2{padding-left:.5rem}.p-3{padding:1rem}.pt-3,.py-3{padding-top:1rem}.pr-3,.px-3{padding-right:1rem}.pb-3,.py-3{padding-bottom:1rem}.pl-3,.px-3{padding-left:1rem}.p-4{padding:1.5rem}.pt-4,.py-4{padding-top:1.5rem}.pr-4,.px-4{padding-right:1.5rem}.pb-4,.py-4{padding-bottom:1.5rem}.pl-4,.px-4{padding-left:1.5rem}.p-5{padding:3rem}.pt-5,.py-5{padding-top:3rem}.pr-5,.px-5{padding-right:3rem}.pb-5,.py-5{padding-bottom:3rem}.pl-5,.px-5{padding-left:3rem}.m-auto{margin:auto}.mt-auto,.my-auto{margin-top:auto}.mr-auto,.mx-auto{margin-right:auto}.mb-auto,.my-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}@media (min-width:576px){.m-sm-0{margin:0}.mt-sm-0,.my-sm-0{margin-top:0}.mr-sm-0,.mx-sm-0{margin-right:0}.mb-sm-0,.my-sm-0{margin-bottom:0}.ml-sm-0,.mx-sm-0{margin-left:0}.m-sm-1{margin:.25rem}.mt-sm-1,.my-sm-1{margin-top:.25rem}.mr-sm-1,.mx-sm-1{margin-right:.25rem}.mb-sm-1,.my-sm-1{margin-bottom:.25rem}.ml-sm-1,.mx-sm-1{margin-left:.25rem}.m-sm-2{margin:.5rem}.mt-sm-2,.my-sm-2{margin-top:.5rem}.mr-sm-2,.mx-sm-2{margin-right:.5rem}.mb-sm-2,.my-sm-2{margin-bottom:.5rem}.ml-sm-2,.mx-sm-2{margin-left:.5rem}.m-sm-3{margin:1rem}.mt-sm-3,.my-sm-3{margin-top:1rem}.mr-sm-3,.mx-sm-3{margin-right:1rem}.mb-sm-3,.my-sm-3{margin-bottom:1rem}.ml-sm-3,.mx-sm-3{margin-left:1rem}.m-sm-4{margin:1.5rem}.mt-sm-4,.my-sm-4{margin-top:1.5rem}.mr-sm-4,.mx-sm-4{margin-right:1.5rem}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem}.ml-sm-4,.mx-sm-4{margin-left:1.5rem}.m-sm-5{margin:3rem}.mt-sm-5,.my-sm-5{margin-top:3rem}.mr-sm-5,.mx-sm-5{margin-right:3rem}.mb-sm-5,.my-sm-5{margin-bottom:3rem}.ml-sm-5,.mx-sm-5{margin-left:3rem}.p-sm-0{padding:0}.pt-sm-0,.py-sm-0{padding-top:0}.pr-sm-0,.px-sm-0{padding-right:0}.pb-sm-0,.py-sm-0{padding-bottom:0}.pl-sm-0,.px-sm-0{padding-left:0}.p-sm-1{padding:.25rem}.pt-sm-1,.py-sm-1{padding-top:.25rem}.pr-sm-1,.px-sm-1{padding-right:.25rem}.pb-sm-1,.py-sm-1{padding-bottom:.25rem}.pl-sm-1,.px-sm-1{padding-left:.25rem}.p-sm-2{padding:.5rem}.pt-sm-2,.py-sm-2{padding-top:.5rem}.pr-sm-2,.px-sm-2{padding-right:.5rem}.pb-sm-2,.py-sm-2{padding-bottom:.5rem}.pl-sm-2,.px-sm-2{padding-left:.5rem}.p-sm-3{padding:1rem}.pt-sm-3,.py-sm-3{padding-top:1rem}.pr-sm-3,.px-sm-3{padding-right:1rem}.pb-sm-3,.py-sm-3{padding-bottom:1rem}.pl-sm-3,.px-sm-3{padding-left:1rem}.p-sm-4{padding:1.5rem}.pt-sm-4,.py-sm-4{padding-top:1.5rem}.pr-sm-4,.px-sm-4{padding-right:1.5rem}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem}.pl-sm-4,.px-sm-4{padding-left:1.5rem}.p-sm-5{padding:3rem}.pt-sm-5,.py-sm-5{padding-top:3rem}.pr-sm-5,.px-sm-5{padding-right:3rem}.pb-sm-5,.py-sm-5{padding-bottom:3rem}.pl-sm-5,.px-sm-5{padding-left:3rem}.m-sm-auto{margin:auto}.mt-sm-auto,.my-sm-auto{margin-top:auto}.mr-sm-auto,.mx-sm-auto{margin-right:auto}.mb-sm-auto,.my-sm-auto{margin-bottom:auto}.ml-sm-auto,.mx-sm-auto{margin-left:auto}}@media (min-width:768px){.m-md-0{margin:0}.mt-md-0,.my-md-0{margin-top:0}.mr-md-0,.mx-md-0{margin-right:0}.mb-md-0,.my-md-0{margin-bottom:0}.ml-md-0,.mx-md-0{margin-left:0}.m-md-1{margin:.25rem}.mt-md-1,.my-md-1{margin-top:.25rem}.mr-md-1,.mx-md-1{margin-right:.25rem}.mb-md-1,.my-md-1{margin-bottom:.25rem}.ml-md-1,.mx-md-1{margin-left:.25rem}.m-md-2{margin:.5rem}.mt-md-2,.my-md-2{margin-top:.5rem}.mr-md-2,.mx-md-2{margin-right:.5rem}.mb-md-2,.my-md-2{margin-bottom:.5rem}.ml-md-2,.mx-md-2{margin-left:.5rem}.m-md-3{margin:1rem}.mt-md-3,.my-md-3{margin-top:1rem}.mr-md-3,.mx-md-3{margin-right:1rem}.mb-md-3,.my-md-3{margin-bottom:1rem}.ml-md-3,.mx-md-3{margin-left:1rem}.m-md-4{margin:1.5rem}.mt-md-4,.my-md-4{margin-top:1.5rem}.mr-md-4,.mx-md-4{margin-right:1.5rem}.mb-md-4,.my-md-4{margin-bottom:1.5rem}.ml-md-4,.mx-md-4{margin-left:1.5rem}.m-md-5{margin:3rem}.mt-md-5,.my-md-5{margin-top:3rem}.mr-md-5,.mx-md-5{margin-right:3rem}.mb-md-5,.my-md-5{margin-bottom:3rem}.ml-md-5,.mx-md-5{margin-left:3rem}.p-md-0{padding:0}.pt-md-0,.py-md-0{padding-top:0}.pr-md-0,.px-md-0{padding-right:0}.pb-md-0,.py-md-0{padding-bottom:0}.pl-md-0,.px-md-0{padding-left:0}.p-md-1{padding:.25rem}.pt-md-1,.py-md-1{padding-top:.25rem}.pr-md-1,.px-md-1{padding-right:.25rem}.pb-md-1,.py-md-1{padding-bottom:.25rem}.pl-md-1,.px-md-1{padding-left:.25rem}.p-md-2{padding:.5rem}.pt-md-2,.py-md-2{padding-top:.5rem}.pr-md-2,.px-md-2{padding-right:.5rem}.pb-md-2,.py-md-2{padding-bottom:.5rem}.pl-md-2,.px-md-2{padding-left:.5rem}.p-md-3{padding:1rem}.pt-md-3,.py-md-3{padding-top:1rem}.pr-md-3,.px-md-3{padding-right:1rem}.pb-md-3,.py-md-3{padding-bottom:1rem}.pl-md-3,.px-md-3{padding-left:1rem}.p-md-4{padding:1.5rem}.pt-md-4,.py-md-4{padding-top:1.5rem}.pr-md-4,.px-md-4{padding-right:1.5rem}.pb-md-4,.py-md-4{padding-bottom:1.5rem}.pl-md-4,.px-md-4{padding-left:1.5rem}.p-md-5{padding:3rem}.pt-md-5,.py-md-5{padding-top:3rem}.pr-md-5,.px-md-5{padding-right:3rem}.pb-md-5,.py-md-5{padding-bottom:3rem}.pl-md-5,.px-md-5{padding-left:3rem}.m-md-auto{margin:auto}.mt-md-auto,.my-md-auto{margin-top:auto}.mr-md-auto,.mx-md-auto{margin-right:auto}.mb-md-auto,.my-md-auto{margin-bottom:auto}.ml-md-auto,.mx-md-auto{margin-left:auto}}@media (min-width:992px){.m-lg-0{margin:0}.mt-lg-0,.my-lg-0{margin-top:0}.mr-lg-0,.mx-lg-0{margin-right:0}.mb-lg-0,.my-lg-0{margin-bottom:0}.ml-lg-0,.mx-lg-0{margin-left:0}.m-lg-1{margin:.25rem}.mt-lg-1,.my-lg-1{margin-top:.25rem}.mr-lg-1,.mx-lg-1{margin-right:.25rem}.mb-lg-1,.my-lg-1{margin-bottom:.25rem}.ml-lg-1,.mx-lg-1{margin-left:.25rem}.m-lg-2{margin:.5rem}.mt-lg-2,.my-lg-2{margin-top:.5rem}.mr-lg-2,.mx-lg-2{margin-right:.5rem}.mb-lg-2,.my-lg-2{margin-bottom:.5rem}.ml-lg-2,.mx-lg-2{margin-left:.5rem}.m-lg-3{margin:1rem}.mt-lg-3,.my-lg-3{margin-top:1rem}.mr-lg-3,.mx-lg-3{margin-right:1rem}.mb-lg-3,.my-lg-3{margin-bottom:1rem}.ml-lg-3,.mx-lg-3{margin-left:1rem}.m-lg-4{margin:1.5rem}.mt-lg-4,.my-lg-4{margin-top:1.5rem}.mr-lg-4,.mx-lg-4{margin-right:1.5rem}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem}.ml-lg-4,.mx-lg-4{margin-left:1.5rem}.m-lg-5{margin:3rem}.mt-lg-5,.my-lg-5{margin-top:3rem}.mr-lg-5,.mx-lg-5{margin-right:3rem}.mb-lg-5,.my-lg-5{margin-bottom:3rem}.ml-lg-5,.mx-lg-5{margin-left:3rem}.p-lg-0{padding:0}.pt-lg-0,.py-lg-0{padding-top:0}.pr-lg-0,.px-lg-0{padding-right:0}.pb-lg-0,.py-lg-0{padding-bottom:0}.pl-lg-0,.px-lg-0{padding-left:0}.p-lg-1{padding:.25rem}.pt-lg-1,.py-lg-1{padding-top:.25rem}.pr-lg-1,.px-lg-1{padding-right:.25rem}.pb-lg-1,.py-lg-1{padding-bottom:.25rem}.pl-lg-1,.px-lg-1{padding-left:.25rem}.p-lg-2{padding:.5rem}.pt-lg-2,.py-lg-2{padding-top:.5rem}.pr-lg-2,.px-lg-2{padding-right:.5rem}.pb-lg-2,.py-lg-2{padding-bottom:.5rem}.pl-lg-2,.px-lg-2{padding-left:.5rem}.p-lg-3{padding:1rem}.pt-lg-3,.py-lg-3{padding-top:1rem}.pr-lg-3,.px-lg-3{padding-right:1rem}.pb-lg-3,.py-lg-3{padding-bottom:1rem}.pl-lg-3,.px-lg-3{padding-left:1rem}.p-lg-4{padding:1.5rem}.pt-lg-4,.py-lg-4{padding-top:1.5rem}.pr-lg-4,.px-lg-4{padding-right:1.5rem}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem}.pl-lg-4,.px-lg-4{padding-left:1.5rem}.p-lg-5{padding:3rem}.pt-lg-5,.py-lg-5{padding-top:3rem}.pr-lg-5,.px-lg-5{padding-right:3rem}.pb-lg-5,.py-lg-5{padding-bottom:3rem}.pl-lg-5,.px-lg-5{padding-left:3rem}.m-lg-auto{margin:auto}.mt-lg-auto,.my-lg-auto{margin-top:auto}.mr-lg-auto,.mx-lg-auto{margin-right:auto}.mb-lg-auto,.my-lg-auto{margin-bottom:auto}.ml-lg-auto,.mx-lg-auto{margin-left:auto}}@media (min-width:1200px){.m-xl-0{margin:0}.mt-xl-0,.my-xl-0{margin-top:0}.mr-xl-0,.mx-xl-0{margin-right:0}.mb-xl-0,.my-xl-0{margin-bottom:0}.ml-xl-0,.mx-xl-0{margin-left:0}.m-xl-1{margin:.25rem}.mt-xl-1,.my-xl-1{margin-top:.25rem}.mr-xl-1,.mx-xl-1{margin-right:.25rem}.mb-xl-1,.my-xl-1{margin-bottom:.25rem}.ml-xl-1,.mx-xl-1{margin-left:.25rem}.m-xl-2{margin:.5rem}.mt-xl-2,.my-xl-2{margin-top:.5rem}.mr-xl-2,.mx-xl-2{margin-right:.5rem}.mb-xl-2,.my-xl-2{margin-bottom:.5rem}.ml-xl-2,.mx-xl-2{margin-left:.5rem}.m-xl-3{margin:1rem}.mt-xl-3,.my-xl-3{margin-top:1rem}.mr-xl-3,.mx-xl-3{margin-right:1rem}.mb-xl-3,.my-xl-3{margin-bottom:1rem}.ml-xl-3,.mx-xl-3{margin-left:1rem}.m-xl-4{margin:1.5rem}.mt-xl-4,.my-xl-4{margin-top:1.5rem}.mr-xl-4,.mx-xl-4{margin-right:1.5rem}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem}.ml-xl-4,.mx-xl-4{margin-left:1.5rem}.m-xl-5{margin:3rem}.mt-xl-5,.my-xl-5{margin-top:3rem}.mr-xl-5,.mx-xl-5{margin-right:3rem}.mb-xl-5,.my-xl-5{margin-bottom:3rem}.ml-xl-5,.mx-xl-5{margin-left:3rem}.p-xl-0{padding:0}.pt-xl-0,.py-xl-0{padding-top:0}.pr-xl-0,.px-xl-0{padding-right:0}.pb-xl-0,.py-xl-0{padding-bottom:0}.pl-xl-0,.px-xl-0{padding-left:0}.p-xl-1{padding:.25rem}.pt-xl-1,.py-xl-1{padding-top:.25rem}.pr-xl-1,.px-xl-1{padding-right:.25rem}.pb-xl-1,.py-xl-1{padding-bottom:.25rem}.pl-xl-1,.px-xl-1{padding-left:.25rem}.p-xl-2{padding:.5rem}.pt-xl-2,.py-xl-2{padding-top:.5rem}.pr-xl-2,.px-xl-2{padding-right:.5rem}.pb-xl-2,.py-xl-2{padding-bottom:.5rem}.pl-xl-2,.px-xl-2{padding-left:.5rem}.p-xl-3{padding:1rem}.pt-xl-3,.py-xl-3{padding-top:1rem}.pr-xl-3,.px-xl-3{padding-right:1rem}.pb-xl-3,.py-xl-3{padding-bottom:1rem}.pl-xl-3,.px-xl-3{padding-left:1rem}.p-xl-4{padding:1.5rem}.pt-xl-4,.py-xl-4{padding-top:1.5rem}.pr-xl-4,.px-xl-4{padding-right:1.5rem}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem}.pl-xl-4,.px-xl-4{padding-left:1.5rem}.p-xl-5{padding:3rem}.pt-xl-5,.py-xl-5{padding-top:3rem}.pr-xl-5,.px-xl-5{padding-right:3rem}.pb-xl-5,.py-xl-5{padding-bottom:3rem}.pl-xl-5,.px-xl-5{padding-left:3rem}.m-xl-auto{margin:auto}.mt-xl-auto,.my-xl-auto{margin-top:auto}.mr-xl-auto,.mx-xl-auto{margin-right:auto}.mb-xl-auto,.my-xl-auto{margin-bottom:auto}.ml-xl-auto,.mx-xl-auto{margin-left:auto}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}@media (min-width:576px){.text-sm-left{text-align:left}.text-sm-right{text-align:right}.text-sm-center{text-align:center}}@media (min-width:768px){.text-md-left{text-align:left}.text-md-right{text-align:right}.text-md-center{text-align:center}}@media (min-width:992px){.text-lg-left{text-align:left}.text-lg-right{text-align:right}.text-lg-center{text-align:center}}@media (min-width:1200px){.text-xl-left{text-align:left}.text-xl-right{text-align:right}.text-xl-center{text-align:center}}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.font-weight-light{font-weight:300}.font-weight-normal{font-weight:400}.font-weight-bold{font-weight:700}.font-italic{font-style:italic}.text-white{color:#fff}.text-primary{color:#007bff}a.text-primary:focus,a.text-primary:hover{color:#0062cc}.text-secondary{color:#6c757d}a.text-secondary:focus,a.text-secondary:hover{color:#545b62}.text-success{color:#28a745}a.text-success:focus,a.text-success:hover{color:#1e7e34}.text-info{color:#17a2b8}a.text-info:focus,a.text-info:hover{color:#117a8b}.text-warning{color:#ffc107}a.text-warning:focus,a.text-warning:hover{color:#d39e00}.text-danger{color:#dc3545}a.text-danger:focus,a.text-danger:hover{color:#bd2130}.text-light{color:#f8f9fa}a.text-light:focus,a.text-light:hover{color:#dae0e5}.text-dark{color:#343a40}a.text-dark:focus,a.text-dark:hover{color:#1d2124}.text-body{color:#212529}.text-muted{color:#6c757d}.text-black-50{color:rgba(0,0,0,.5)}.text-white-50{color:rgba(255,255,255,.5)}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible}.invisible{visibility:hidden}@media print{*,::after,::before{text-shadow:none;box-shadow:none}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px}.container{min-width:992px}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse}.table td,.table th{background-color:#fff}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}/*# sourceMappingURL=bootstrap.min.css.map */ /*!*******************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./src/assets/css/styles.css ***! \*******************************************************************************************************************************************************************************************************************/ /*! * Aplicativos Bci Seguros Framework * Copyright 2019 -2021 * Bci Seguros - Atención al cliente */ /* @import url(https://fonts.googleapis.com/css?family=Overpass:300,400,400i,600,700,700i); */ @font-face { font-family: "overpassbold"; src: url('overpass-bold-webfont.15fc7cf1797e6572ce1b.woff2') format("woff2"), url('overpass-bold-webfont.88772ef93c302c4dbe56.woff') format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "overpassbold_italic"; src: url('overpass-bolditalic-webfont.b8479cf6c59f400f9648.woff2') format("woff2"), url('overpass-bolditalic-webfont.510ec43c18f3a4f7f6b9.woff') format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "overpasslight"; src: url('overpass-light-webfont.3d27804d5e621b686670.woff2') format("woff2"), url('overpass-light-webfont.537cc688b723f1129922.woff') format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "overpasslight_italic"; src: url('overpass-lightitalic-webfont.a1446958de65a2ce45a6.woff2') format("woff2"), url('overpass-lightitalic-webfont.56a2767b0cfad345d565.woff') format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "overpassregular"; src: url('overpass-regular-webfont.790859daa156f2b0429f.woff2') format("woff2"), url('overpass-regular-webfont.b402f6a0e32c322b1f1f.woff') format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "overpasssemibold"; src: url('overpass-semibold-webfont.6c81042b238b503b5065.woff2') format("woff2"), url('overpass-semibold-webfont.16e7298fb1af258e5e09.woff') format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "overpasssemibold_italic"; src: url('overpass-semibolditalic-webfont.d886c9a5b00118f36f10.woff2') format("woff2"), url('overpass-semibolditalic-webfont.2ca46ab5a8abb5d7a281.woff') format("woff"); font-weight: normal; font-style: normal; } .bci-icon { display: inline-block; margin: 0 0 0 0; width: 22px; background: center center no-repeat; background-size: 100% auto; height: 22px; opacity: 0.5; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .bci-icon.original { opacity: 1 !important; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .bci-icon.blancos { filter: brightness(400%); -webkit-filter: brightness(400%); } .bci-icon.color { opacity: 1; filter: grayscale(0%); } .bci-icon.bg-celeste { background-color: #0071ce; } .bci-icon.bg-amarillo { background-color: #ffd700; } .bci-icon.bg-mostaza { background-color: #d7b401; } .bci-icon.bg-verde { background-color: #00953a; } .bci-icon.bg-gris { background-color: #aeb2af; } .bci-icon.bg-naranjo { background-color: #f58a27; } .bci-icon.bg-rosado { background-color: #f25774; } .bci-icon.bg-morado { background-color: #9c67d2; } .bci-icon.bg-rojo { background-color: #ef3742; } .bci-icon.bg-azul { background-color: #006fb9; } .bci-icon.vertical { background-size: auto 100%; } .bci-icon.cotizar { background-image: url('_express_cotizar.db045101081b5f478b1b.svg'); } .bci-icon.produccion { background-image: url('_express_produccion.101ccb0abc31ae98d412.svg'); } .bci-icon.cotizaauto { background-image: url('_express_cotizaauto.903216e2338cb82525a6.svg'); } .bci-icon.pendientes { background-image: url('_express_pendientes.aa42341781efd2ac057f.svg'); } .bci-icon.perfil { background-image: url('_express_perfil.dc3c96235537b8135a66.svg'); } .bci-icon.operaciones { background-image: url('operaciones.e0fdc940d7b3dc25da8b.svg'); } .bci-icon.endosar { background-image: url('_express_endosar.3b12a35fb6385e40c957.svg'); } .bci-icon.proponer { background-image: url('_express_proponer.6c3182c077c404d14d6d.svg'); } .bci-icon.reservar { background-image: url('_express_renovar.71e6a87b3e71ceeb2236.svg'); } .bci-icon.solicitar { background-image: url('_express_solicitar.95e859232442c2e1c3fc.svg'); } .bci-icon.pagar { background-image: url('_express_pagar.b16622d4c133b8d8b7e5.svg'); } .bci-icon.comision { background-image: url('_express_comision.5008d9b6488eba35c4d2.svg'); } .bci-icon.soporte { background-image: url('_lite_support.f759bf4a7e84aca8b16b.svg'); } .bci-icon.ejecutivo { background-image: url('_lite_ejecutivo.02b520376f192add2081.svg'); } .bci-icon.operadora { background-image: url('_lite_operadora.f4b459bffa0a1d7eaedf.svg'); } .bci-icon.avisos { background-image: url('_express_avisos.e6428251783f6f2a9816.svg'); } .bci-icon.contacto { background-image: url('_express_contactar.b37be20a631267358597.svg'); } .bci-icon.cobranza { background-image: url('_express_cobranza.e152992e504066cb5765.svg'); } .bci-icon.cobranzas { background-image: url('cobranza.5c3a0b34f03adb4c8f93.svg'); } .bci-icon.cumple { background-image: url('eventos.1f618239dfd0070238e7.svg'); } .bci-icon.portal { background-image: url('_bold_portal.aa307d0e3997ee3563e9.svg'); } .bci-icon.gestion { background-image: url('_bold_gestion.d2332d4b605c0712edc8.svg'); } .bci-icon.noticias { background-image: url('_bold_noticias.7a3a5112c03e0a698583.svg'); } .bci-icon.noticias-lite { background-image: url('_lite_noticias.da0aec9dca0a5e6b3eb1.svg'); } .bci-icon.info { background-image: url('_bold_info.e3e3bd95d4effbd31237.svg'); } .bci-icon.admin { background-image: url('_bold_admin.cb70281434e742f07315.svg'); } .bci-icon.otros { background-image: url('_bold_otros.82af5f4a4cf1bf62f09d.svg'); } .bci-icon.ayuda { background-image: url('_bold_ayuda.3764b0df85c4c1e120a8.svg'); } .bci-icon.auto { background-image: url('_bold_auto.e2e76ebd4eb81249f03f.svg'); } .bci-icon.hogar_menu { background-image: url('_bold_hogar_menu.95156769ee9be85805e7.svg'); } .bci-icon.hogar { background-image: url('_bold_hogar.047c3d52fff2668e129b.svg'); } .bci-icon.tarjeta { background-image: url('_bold_multi.fa37b9c7a677c3707fc7.svg'); } .bci-icon.escudo { background-image: url('_bold_otros_1.55a18c45caa5c0b89a3c.svg'); } .bci-icon.search { background-image: url('_lite_search.e421c52efd54ab724871.svg'); } .bci-icon.expandir { background-image: url('_lite_expand.6665efa7453ccfb34962.svg'); } .bci-icon.mail { background-image: url('_lite_mail.a8e6b0d2240a7b87b6fb.svg'); } .bci-icon.mail2 { background-image: url('_lite_mail2.806a7636f1290a764eb8.svg'); } .bci-icon.hacer { background-image: url('_lite_list.292c0e5c73630b130685.svg'); } .bci-icon.alarma { background-image: url('_lite_alarm.543da9a47a606ae24757.svg'); } .bci-icon.rut { background-image: url('_lite_user.54006144f862e5590a4a.svg'); } .bci-icon.password { background-image: url('_lite_pass.99a1879f65b4665e3817.svg'); } .bci-icon.view { background-image: url('_lite_view.73be7ece8387a4156f6c.svg'); } .bci-icon.seguimiento { background-image: url('_lite_seguimiento.f2c0157af4ae9309fe2a.svg'); } .bci-icon.descargar { background-image: url('_lite_descargar.7fde3921416e861556ee.svg'); } .bci-icon.descarga { background-image: url('_lite_descarga.141c2aa82ce84ad45d00.svg'); } .bci-icon.descargar-2 { background-image: url('descargar-2.e825ddcb00780de93d9a.svg'); background-size: auto 14px !important; } .bci-icon.descargar-pdf { background-image: url('icon_pdf-color.85d21640f66ec1d4c72b.svg'); background-size: auto 24px !important; } .bci-icon.notas { background-image: url('_lite_notas.1b1df96754a02517b381.svg'); } .bci-icon.descargar_small { background-image: url('_lite_descargar_small.bfc89d2f4126bcf04a51.svg'); } .bci-icon.cerrar { background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); } .bci-icon.cerrar_2 { background-image: url('_lite_cerrar_gris.3ff6064a0e4d90401cf7.svg'); } .bci-icon.volver { background-image: url('_lite_volver.6b2014a206a321547aeb.svg'); } .bci-icon.alerta { background-image: url('_lite_alerta.9561de64e2f520b80576.svg'); } .bci-icon.tooltip { background-image: url('tooltip.2653f814b8292a6afef5.svg'); } .bci-icon.alertaroja { background-image: url('_lite_alerta_red.e38cd8f8f771171cd8ba.svg'); } .bci-icon.alertaamarilla { background-image: url('alertaAmarilla.d3a6e89b1658a42ebebe.svg'); } .bci-icon.ver-detalle { background-image: url('_lite_ver_usuario.b529ca43aea13fa897e5.svg'); } .bci-icon.editar-usuario_2 { background-image: url('_lite_editar_usuario_2.acf19bd656e15ecf879c.svg'); } .bci-icon.editar-usuario { background-image: url('_lite_editar_usuario.bd56470acddef230d180.svg'); } .bci-icon.status-ok { background-image: url('_lite_check.3f698a8bf92eb74c3980.svg'); } .bci-icon.check_verde { background-image: url('aceptar.df52ae67e7072db1085d.svg'); } .bci-icon.status-off { background-image: url('_lite_error.659ebf6cd4e5a10c9964.svg'); } .bci-icon.status-more { background-image: url('_lite_plus.fff0ff63b675f1364941.svg'); } .bci-icon.asociar-usuario { background-image: url('_lite_asociar.3a4500465223c78e432d.svg'); } .bci-icon.editar-sucursal { background-image: url('_lite_sucursal.e6baa84f89396f989f8e.svg'); } .bci-icon.editar-comision { background-image: url('_lite_comision.b5e2b583b14f56901341.svg'); } .bci-icon.eliminar, .bci-icon.eliminar-usuario { background-image: url('_lite_eliminar_usuario.00799d5835b4e972b82e.svg'); } .bci-icon.emitir-poliza { background-image: url('_lite_emitir_poliza.1fec726ce8076307f042.svg'); } .bci-icon.clave-usuario { background-image: url('_lite_clave_usuario.7b05d2181829222f3316.svg'); } .bci-icon.usuario { background-image: url('_lite_user_white.0f3b8094f5857c4ccc15.svg'); } .bci-icon.menumobile { background-image: url('_lite_menu.472ae20c405a51d618ef.svg'); } .bci-icon.logout_2 { background-image: url('cerrarsesion.2c42362d9c3957e6f6cc.svg'); } .bci-icon.logout { background-image: url('_bold_logout.9636ab102b47975c866e.svg'); } .bci-icon.vigencia { background-image: url('_lite_vigencia.6f08f8a7a4b92504e851.svg'); } .bci-icon.contratar { background-image: url('_lite_contratos.4f952e16e23cfcb2fba8.svg'); } .bci-icon.informaciones { background-image: url('_bold_informaciones.c3f0308b855d4dfc198d.svg'); } .bci-icon.verdetalles { background-image: url('_lite_ver_detalle.b2b84d3281ccf9b60fec.svg'); } .bci-icon.buscar { background-image: url('_bold_buscar.e86c040c1c1950bbccbe.svg'); } .bci-icon.buscarcliente { background-image: url('_bold_buscuarusuario.c09918335281fff9b9d5.svg'); } .bci-icon.carpetas { background-image: url('_bold_documentos_carpeta.57cc642b31a0e83709c9.svg'); } .bci-icon.documentos { background-image: url('_bold_documentos.6215b9ba26017449042f.svg'); } .bci-icon.checklist { background-image: url('_bold_cotizar.c9902529d844a9d7ada4.svg'); } .bci-icon.automovil { background-image: url('_bold_leytransito.1533362948e823ab4051.svg'); } .bci-icon.siniestros { background-image: url('_bold_siniestro.783074e2179268eb667f.svg'); } .bci-icon.usuario-agregar { background-image: url('_bold_usuario_agregar.ddcf335b6da666629937.svg'); } .bci-icon.siguiente { background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); } .bci-icon.opciones { background-image: url('_bold_ajustes.8149106998085775de44.svg'); } .bci-icon.continuar { background-image: url('_bold_play.dcf77b89e39d46802aa1.svg'); } .bci-icon.pausar { background-image: url('_bold_pausa.e467ea549965135462f2.svg'); } .bci-icon.pausaActiva { background-image: url('_bold_pausaActiva.b7ab93affb267ce3ee67.svg'); } .bci-icon.errores { background-image: url('_bold_errores.409d54db11a33bceb98d.svg'); } .bci-icon.hogar_express { background-image: url('_express_hogar.e4d87b3ef1fb05c0300e.svg'); } .bci-icon.flotas { background-image: url('_express_flotas.b516cd288d19e8855244.svg'); } .bci-icon.pymes { background-image: url('_express_pymes.7909273bde5440c3e4d4.svg'); } .bci-icon.condominio { background-image: url('_express_condominio.9f22103f64c293608b7d.svg'); } .bci-icon.proteccion { background-image: url('_express_proteccion.46bd701654b842d7ddd7.svg'); } .bci-icon.empresa { background-image: url('_express_empresa.1a2afa1492121c7cf819.svg'); } .bci-icon.avion { background-image: url('_express_avion.29d711333a198220cba2.svg'); } .bci-icon.casa { background-image: url('_lite_depto.ead4ed78d2d210e95dbf.svg'); } .bci-icon.depto { background-image: url('_lite_casa.587c77bf2bf463810578.svg'); } .bci-icon.alerta_roja { background-image: url('alerta_roja.dd27756c291e15779bfc.svg'); } .bci-icon.alerta_amarilla { background-image: url('warning_amarillo.1a4fd13b702ca1985fd5.svg'); } .bci-icon.icon_xls { background-image: url('icon_xls.de67718fd1c1daa362a8.svg'); } .bci-icon.icon_print { background-image: url('icon_print.0750b021fd9807f1c6e6.svg'); background-size: auto 55% !important; } .bci-icon.icon_pdf { background-image: url('icon_pdf.c48df897ae758508237d.svg'); } .bci-icon.file_doc { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .bci-icon.file_txt { background-image: url('_file_txt.ea76536c25557b0a5dbe.svg'); } .bci-icon.file_xls { background-image: url('_file_xls.4ff352fd4f3ec60fadcf.svg'); } .bci-icon.file_pdf { background-image: url('_file_pdf.df8c8265207a34ac53ef.svg'); } .bci-icon.icon_print { background-image: url('icon_print.0750b021fd9807f1c6e6.svg'); } .bci-icon.bloque_aceptar { background-image: url('block_aceptar.6eb27e066958a7ccbbe1.svg'); } .bci-icon.bloque_cancelar { background-image: url('block_cancelar.f3de21388addb8586f00.svg'); } .bci-icon.head_buscador { background-image: url('buscador.08ef3814eeaf1b9fab8f.svg'); } .bci-icon.head_notificaciones { background-image: url('notificacion.79baefb36eeee7930c9e.svg'); } .bci-icon.head_accesos { background-image: url('accesos.2c3b5e5d23d14be1948b.svg'); } .bci-icon.tutorial { background-image: url('tutorial.32781f3369a0a6f46bd0.svg'); } .bci-icon.head_roles { background-image: url('oficina-roles.49ce56f595dba9833b16.svg'); } .bci-icon.cartera { background-image: url('icono-cartera.f284dd09bb5f8b60148e.svg'); background-size: 60% auto !important; } .bci-icon.ventas { background-image: url('icono-ventas.7c98cb002ae848424a27.svg'); } .bci-icon.stats { background-image: url('icono-sistemas.1963bd6372179d761254.svg'); } .bci-icon.endosos { background-image: url('icono-endosos.28baf8e309fd0a71e6d0.svg'); } .bci-icon.busquedas { background-image: url('iconos_busqueda.ca84527c156047c21f68.svg'); background-size: 60% auto !important; } .bci-icon.bcichat { background-image: url('iconos-bcichat.7d35b13c6861460920ee.svg'); background-size: 60% auto !important; } .bci-icon.torta { background-image: url('icono-cumple.3c5f2370fb9185742ef3.svg'); background-size: 60% auto !important; } .bci-icon.contactos { background-image: url('_bold2_email.7079e556403c42f0abd0.svg'); background-size: 88% auto !important; } .bci-icon.noticias_2 { background-image: url('icono-noticias.c47500e24c4d06ddb084.svg'); } .bci-icon.ajustes { background-image: url('_lite_ajustes.af2845a162b67df5cfb8.svg'); } .bci-icon.criterio { background-image: url('_lite_criterio.639a0b5e686b2994587e.svg'); } .bci-icon.ramo-auto { background-image: url('ramo-auto.3315614893926c05a3ab.svg'); } .bci-icon.ramo-salud { background-image: url('ramo-salud.6d17ca9d96bd78b0074b.svg'); } .bci-icon.ramo-otros { background-image: url('ramo-otros.65fcdd2813eb385e7011.svg'); } .bci-icon.ramo-fraude { background-image: url('ramo-fraude.dfeb8a066528c39cecb8.svg'); } .bci-icon.ramo-hogar { background-image: url('ramo-hogar.b90a80b3834fe81118e1.svg'); } .bci-icon.reloj-azul { background-image: url('reloj-azul.fbbad3518b22bf7039cb.svg'); } .bci-icon.reloj-rojo { background-image: url('reloj-rojo.1ce57b6e1d231e5482d4.svg'); } .bci-icon.warning-gris { background-image: url('alerta-gris.25f7876856770e73b6ca.svg'); } .bci-icon.warning-grisoscuro { background-image: url('alerta-grisoscuro.087a835f4863cb561c9e.svg'); } .bci-icon.warning-amarillo { background-image: url('alerta-amarilla.eb887c7f5e69c720767a.svg'); } .bci-icon.enviar-proceso { background-image: url('enviar-proceso.b9a5c3b79bdeb23630af.svg'); } .bci-icon.enviar-proceso-ok { background-image: url('enviar-proceso-ok.156fa81b946eaa65b3af.svg'); } /*contenedores*/ #wrapper { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: stretch; height: 100%; width: 100%; position: absolute; left: 0; top: 0; overflow-x: hidden; overflow-y: auto; } #wrapper.raw { background-color: #404141; } #wrapper .login-lateral { justify-content: flex-end; align-items: center; } #wrapper .login-especial { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-around; align-items: center; width: 100%; max-width: 1280px; } #wrapper .login-especial img { flex: 0 0 20%; height: auto; } #wrapper .login-especial .card { flex: 0 0 400px; } #wrapper .floating, #wrapper .login { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; max-width: 400px; width: 98%; position: relative; } #wrapper .floating img, #wrapper .login img { width: 100%; } #wrapper .floating .alert, #wrapper .login .alert { position: absolute; top: 103%; } #wrapper #content-wrapper { position: relative; flex: 1 1 60%; overflow-x: hidden; overflow-y: auto; width: 100%; padding-top: 1rem; padding-bottom: 30px; background-color: #f2f2f2; background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } #wrapper #content-wrapper.raw { background-color: #404141; } #wrapper #content-wrapper.error404 { background-color: #f8f8f8 !important; } #wrapper #content-wrapper.interior { justify-content: space-between; align-items: stretch; padding: 0px; background-color: #f2f2f2; } @media only screen and (max-width: 800px) { #wrapper #content-wrapper { justify-content: center; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; } } @media only screen and (max-width: 800px) { #wrapper #content-wrapper { position: absolute; top: 0; left: 0; height: 100%; } #wrapper #content-wrapper > .separador { display: none; } } #wrapper.interior-secciones { justify-content: center; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; } #wrapper.interior { justify-content: space-between; align-items: stretch; } @media only screen and (max-width: 800px) { #wrapper.interior { height: 100%; position: absolute; top: 56px; } } /*textos*/ h1, h2, h3, h4, h5, p { font-family: "overpassregular"; } h1 { font-size: 1rem; color: #595b5a; text-transform: uppercase; font-family: "overpasslight"; padding: 0 3px; margin: 3px 3px 10px 0px; width: auto; display: block; position: relative; } h1 u { text-decoration: none !important; } .resultados-busqueda h1, .card-header > h1 { font-size: 1.4rem; } .resultados-busqueda h1::after, .card-header > h1::after { content: ' '; display: block; height: 6px; width: 30px; background: #e5e5e5; } h1.pasos { color: #006fb9; border-bottom: 3px solid rgba(174, 178, 175, 0.3); padding-bottom: 5px; margin-bottom: 5px; } h1.pasos::before { content: attr(data-ref) " ↘"; display: block; font-size: 0.7rem; font-family: "overpassbold"; color: #595b5a; } h1.importante::after { background: #006fb9; } .card-header h1.importante { font-size: 1.7rem; } @media only screen and (max-width: 576px) { .card-header h1.importante { font-size: 1.1rem; } .card-header h1.importante::after { width: 10px; height: 3px; } } @media only screen and (max-width: 800px) { h1 { font-size: 0.9rem; } } @media only screen and (max-width: 576px) { h1 { font-size: 0.8rem; } } @media only screen and (max-width: 576px) { .card-header h1 { font-size: 0.8rem; } } h2 { font-size: 1.1rem; padding: 0 3px; margin: 3px 0px 6px 5px; display: block; color: #00953a; font-style: normal; font-family: "overpassregular"; border-left: 3px solid #00953a; padding-left: 9px; } h2.empty { display: block; border-left: 3px solid rgba(0, 0, 0, 0); } .dummy h2 { border: none; height: 20px; width: 130px; background-color: #f2f2f2; display: inline-block; } .col-12 > h2 { margin-top: 20px; } h2.compacto { font-size: 0.9rem; padding: 0 2px 0 10px; margin: 7px 0px 3px 5px; width: 100%; } h2.normal { font-style: normal; } h2.azul { color: #006fb9; border-left: 3px solid #006fb9; } h2.rojo { color: #ef3742; border-left: 3px solid #ef3742; } h2.verde { color: #00953a; border-left: 3px solid #00953a; } @media only screen and (max-width: 800px) { h2 { font-size: 1rem; } } @media only screen and (max-width: 576px) { h2 { font-size: 0.9rem; } } h2.in-modal { border: none; color: #595b5a; padding: 0; } h3 { font-size: 1rem; padding: 0 3px; margin: 3px 0px 6px; font-family: "overpassregular"; color: #595b5a; } h3.activo { font-family: "overpassbold"; text-transform: uppercase; position: relative; font-size: 0.9rem; text-align: center; width: auto; background-color: #e5e5e5; color: #006fb9; padding: 5px 3px; border-radius: 5px; } .dummy h3 { height: 20px; width: 120px; background-color: #f2f2f2; display: inline-block; } @media only screen and (max-width: 800px) { h3 { font-size: 0.9rem; } } @media only screen and (max-width: 576px) { h3 { font-size: 0.8rem; } } h3.perfil-title { color: #006fb9; font-weight: 700; } .modal-body > h3 { font-size: 1.5rem; padding: 0; font-family: "overpassregular"; color: #595b5a; } .card-body > h3, .formulario-bloque > h3, .formulario-area > h3 { font-size: 0.9rem; font-family: "overpassbold"; padding: 0; } h4 { color: #595b5a; font-size: 0.8rem; padding: 0 3px; margin: 3px 0px 6px; font-family: "overpassbold"; } .dummy h4 { height: 17px; width: 100px; background-color: #f5f5f5; display: inline-block; } h4.compacto { font-size: 0.9rem; padding: 0 2px 0 13px; margin: 7px 0px 3px 5px; width: 100%; } h5 { font-size: 0.9rem; color: #595b5a; padding: 0 3px; margin: 3px 0px 6px; font-style: italic; } @media only screen and (max-width: 800px) { h5 { font-size: 0.8rem; } } .card-footer > h5 { flex: 1 1 50%; text-align: left; } @media only screen and (max-width: 576px) { .card-footer > h5 { flex: 1 1 100%; text-align: center; } } h5.aviso { position: relative; width: 100%; font-size: 0.6rem; height: 24px; line-height: 24px; text-indent: 20px; } h5.aviso.rojo { color: #ef3742; } h5.aviso .bci-icon { display: block; position: absolute; width: 18px; height: 18px; top: 3px; left: 0; } .titular { font-family: "overpassbold"; font-size: 1.1rem; } p { font-family: "Arial", sans-serif; color: #595b5a; font-size: 0.8rem; } @media only screen and (max-width: 800px) { p { font-size: 0.85rem; } } p.data_general { color: #666867; } /*FORMS*/ .checkbox-unitario-set { margin: 0; padding: 0; position: relative; } .checkbox-unitario-set .checkbox-unitario { visibility: hidden; position: absolute; top: 0; left: 0; } .checkbox-unitario-set .checkbox-unitario + label { margin: 0; padding: 0px 10px; height: 20px; line-height: 20px; pointer-events: auto; height: 20px; color: white; width: auto; width: 90px; display: inline-block; background-color: #ef3742; position: static; border-radius: 2px; text-transform: uppercase; font-size: 0.7rem; text-align: center; cursor: pointer; } .checkbox-unitario-set .checkbox-unitario + label:after { content: attr(data-off); display: block; } .checkbox-unitario-set .checkbox-unitario:checked + label { background-color: #006fb9; } .checkbox-unitario-set .checkbox-unitario:checked + label:after { content: attr(data-on); } .formulario-area { margin: 8px; width: auto; padding: 10px; display: block; background-color: #f2f2f2; } .accordion .formulario-area { margin: 0; } .modal-body > .formulario-area { margin: 2px; padding: 2px; } .formulario-bloque { padding-bottom: 5px; } .formularios { position: relative; padding: 0; margin: 0px 0px 10px; display: inline-block; text-align: left; width: 100%; } .formularios.max-0 { width: 0px; flex: 0 0 0px !important; } .formularios.max-0.mobile { width: 100%; } .formularios.max-10 { width: 10px; flex: 0 0 10px !important; } .formularios.max-10.mobile { width: 100%; } .formularios.max-20 { width: 20px; flex: 0 0 20px !important; } .formularios.max-20.mobile { width: 100%; } .formularios.max-30 { width: 30px; flex: 0 0 30px !important; } .formularios.max-30.mobile { width: 100%; } .formularios.max-40 { width: 40px; flex: 0 0 40px !important; } .formularios.max-40.mobile { width: 100%; } .formularios.max-50 { width: 50px; flex: 0 0 50px !important; } .formularios.max-50.mobile { width: 100%; } .formularios.max-60 { width: 60px; flex: 0 0 60px !important; } .formularios.max-60.mobile { width: 100%; } .formularios.max-70 { width: 70px; flex: 0 0 70px !important; } .formularios.max-70.mobile { width: 100%; } .formularios.max-80 { width: 80px; flex: 0 0 80px !important; } .formularios.max-80.mobile { width: 100%; } .formularios.max-90 { width: 90px; flex: 0 0 90px !important; } .formularios.max-90.mobile { width: 100%; } .formularios.max-100 { width: 100px; flex: 0 0 100px !important; } .formularios.max-100.mobile { width: 100%; } .formularios.max-110 { width: 110px; flex: 0 0 110px !important; } .formularios.max-110.mobile { width: 100%; } .formularios.max-120 { width: 120px; flex: 0 0 120px !important; } .formularios.max-120.mobile { width: 100%; } .formularios.max-130 { width: 130px; flex: 0 0 130px !important; } .formularios.max-130.mobile { width: 100%; } .formularios.max-140 { width: 140px; flex: 0 0 140px !important; } .formularios.max-140.mobile { width: 100%; } .formularios.max-150 { width: 150px; flex: 0 0 150px !important; } .formularios.max-150.mobile { width: 100%; } .formularios.max-160 { width: 160px; flex: 0 0 160px !important; } .formularios.max-160.mobile { width: 100%; } .formularios.max-170 { width: 170px; flex: 0 0 170px !important; } .formularios.max-170.mobile { width: 100%; } .formularios.max-180 { width: 180px; flex: 0 0 180px !important; } .formularios.max-180.mobile { width: 100%; } .formularios.max-190 { width: 190px; flex: 0 0 190px !important; } .formularios.max-190.mobile { width: 100%; } .formularios.max-200 { width: 200px; flex: 0 0 200px !important; } .formularios.max-200.mobile { width: 100%; } .formularios.max-210 { width: 210px; flex: 0 0 210px !important; } .formularios.max-210.mobile { width: 100%; } .formularios.max-220 { width: 220px; flex: 0 0 220px !important; } .formularios.max-220.mobile { width: 100%; } .formularios.max-230 { width: 230px; flex: 0 0 230px !important; } .formularios.max-230.mobile { width: 100%; } .formularios.max-240 { width: 240px; flex: 0 0 240px !important; } .formularios.max-240.mobile { width: 100%; } .formularios.max-250 { width: 250px; flex: 0 0 250px !important; } .formularios.max-250.mobile { width: 100%; } .formularios.max-260 { width: 260px; flex: 0 0 260px !important; } .formularios.max-260.mobile { width: 100%; } .formularios.max-270 { width: 270px; flex: 0 0 270px !important; } .formularios.max-270.mobile { width: 100%; } .formularios.max-280 { width: 280px; flex: 0 0 280px !important; } .formularios.max-280.mobile { width: 100%; } .formularios.max-290 { width: 290px; flex: 0 0 290px !important; } .formularios.max-290.mobile { width: 100%; } .formularios.max-300 { width: 300px; flex: 0 0 300px !important; } .formularios.max-300.mobile { width: 100%; } .formularios input + label { pointer-events: stroke; } .formularios.compacto { min-width: 0px; width: 90%; padding: 0 3px; margin: 0; margin-top: 0 !important; } .formularios.compacto input[type="number"], .formularios.compacto select, .formularios.compacto input[type="text"] { margin: 0; padding: 0 3px !important; height: 25px; line-height: 22px; font-size: 0.75rem; } .formularios.compacto input[type="radio"] { margin-right: 5px; } .formularios.compacto input[type="radio"] + label { font-family: "overpasslight"; font-size: 0.7rem; } .formularios.compacto .validator { right: 2px; background: #006fb9; width: 5px; height: 25px; bottom: 4px; border-radius: 0 3px 3px 0; } .formularios.compacto .validator.error { background: #ef3742; } .formularios.compacto input[type="checkbox"] { margin: 0; padding: 0; } .formularios.lateral { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .formularios.lateral label { flex: 1 1 40%; -moz-flex: 1 1 40%; flex: 1 1 40%; -webkit-flex: 1 1 40%; -moz-flex: 1 1 40%; -ms-flex: 1 1 40%; position: relative; display: inline-block; margin: 0 15px 0 0; padding: 0; text-align: right; } .formularios.lateral label + input { flex: 1 1 40%; -moz-flex: 1 1 40%; flex: 1 1 40%; -webkit-flex: 1 1 40%; -moz-flex: 1 1 40%; -ms-flex: 1 1 40%; display: inline-block; } .formularios.pequeno input { height: 24px; line-height: 1; padding: 0; } .formularios .validator { height: 40px; display: block; position: absolute; bottom: 2px; right: 0; width: 30px; background-image: url('_lite_check.3f698a8bf92eb74c3980.svg'); background-position: left 100px; background-repeat: no-repeat; transition: all 0.3s linear; } .formularios .validator.active { background-position: left bottom; } .formularios .validator.error { background-position: left bottom; background-image: url('_lite_error.659ebf6cd4e5a10c9964.svg'); } @media only screen and (max-width: 800px) { .formularios .validator { width: 4px; border-radius: 0 2px 2px 0; bottom: 0; right: 0px; height: 38px; } .formularios .validator.active { background: #006fb9; } .formularios .validator.error { background: #ef3742; } } .formularios.archivo { position: relative; width: 100%; } .formulario-bloque .formularios.archivo { width: 100%; } .formulario-bloque .formularios.archivo .despliegue { color: #595b5a; font-size: 0.85rem; } .formularios.archivo select, .formularios.archivo input { width: 100%; height: 38px !important; } .formularios.archivo label.boton { pointer-events: auto; } .formularios.archivo input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 0px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .formularios.archivo input.despliegue { font-family: "overpassbold"; background: white; } .formularios.archivo input.icono { padding-left: 22px; background-repeat: no-repeat; background-position: 3px 75%; background-size: auto 25px; background-image: url('_file_default.7ea4f3080f17041230d9.svg'); } .formularios.archivo input.icono.tipo_pdf { background-image: url('_file_pdf.df8c8265207a34ac53ef.svg'); } .formularios.archivo input.icono.tipo_PDF { background-image: url('_file_pdf.df8c8265207a34ac53ef.svg'); } .formularios.archivo input.icono.tipo_php { background-image: url('_file_code.c2027a170c6c2c6161e4.svg'); } .formularios.archivo input.icono.tipo_html { background-image: url('_file_code.c2027a170c6c2c6161e4.svg'); } .formularios.archivo input.icono.tipo_doc { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .formularios.archivo input.icono.tipo_docx { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .formularios.archivo input.icono.tipo_DOC { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .formularios.archivo input.icono.tipo_DOCX { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .formularios.archivo input.icono.tipo_JPG { background-image: url('_file_image.afff1c0997cd859fc744.svg'); } .formularios.archivo input.icono.tipo_jpg { background-image: url('_file_image.afff1c0997cd859fc744.svg'); } .formularios.archivo input.icono.tipo_PNG { background-image: url('_file_image.afff1c0997cd859fc744.svg'); } .formularios.archivo input.icono.tipo_png { background-image: url('_file_image.afff1c0997cd859fc744.svg'); } .formularios.archivo input.icono.tipo_svg { background-image: url('_file_vector.d71e54c1c530bc66eb70.svg'); } .formularios.archivo input.icono.tipo_ai { background-image: url('_file_vector.d71e54c1c530bc66eb70.svg'); } .formularios.archivo input.icono.tipo_txt { background-image: url('_file_txt.ea76536c25557b0a5dbe.svg'); } .formularios.archivo input.icono.tipo_xls { background-image: url('_file_xls.4ff352fd4f3ec60fadcf.svg'); } .formularios.archivo input.icono.tipo_xlsx { background-image: url('_file_xls.4ff352fd4f3ec60fadcf.svg'); } .formularios.archivo input.icono.tipo_eps { background-image: url('_file_vector.d71e54c1c530bc66eb70.svg'); } .formularios.archivo input.icono.tipo_csv { background-image: url('_file_csv.169cd5215599c305e42a.svg'); } .formularios.archivo input.icono.tipo_CSV { background-image: url('_file_csv.169cd5215599c305e42a.svg'); } .formulario-bloque .formularios.archivo input.icono { background-position: 3px 50%; } .formularios.archivo .secundaria { padding-right: 135px; } .formularios.archivo .boton { position: absolute; top: inherit; left: inherit; right: 130px; bottom: 0; display: block; padding: 0 5px; min-width: 0px; height: 32px; line-height: 95%; min-width: 1%; width: 130px !important; margin: 3px !important; font-size: 0.8rem; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } @media only screen and (max-width: 576px) { .formularios.archivo .boton { right: 50px; width: 50px !important; min-width: 50px; text-indent: -9990px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: auto 80%; background-image: url('_lite_search.e421c52efd54ab724871.svg'); } } .formularios.archivo .boton.subir { right: 0px; margin: 0px !important; height: 38px; border-radius: 0px 4px 4px 0; } @media only screen and (max-width: 576px) { .formularios.archivo .boton.subir { background-image: url('_lite_carga.4d366dcafaa9986ec874.svg'); } } .formularios.archivo.pequeno select, .formularios.archivo.pequeno input { height: 24px !important; } .formularios.archivo.pequeno .boton { right: 80px; height: 20px; width: 80px !important; bottom: -2px; font-size: 0.6rem; } .formularios.archivo.pequeno .boton.subir { bottom: 0; right: 0px; margin: 0px !important; height: 24px; border-radius: 0px 4px 4px 0; } .formularios.list-group { width: 100%; } .formularios.list-group input[type="checkbox"] { min-width: 20px; height: 20px; box-shadow: none !important; display: inline-block; } .formularios.list-group input + label { line-height: 1rem; } .formularios.list-group label { position: static; display: inline-block; font-size: 1rem; text-transform: capitalize; font-family: "overpassregular"; margin: 0 10px; } .formularios textarea, .formularios input, .formularios select { width: 100%; min-width: 20px; display: inline-block; padding: 0; position: relative; text-indent: 0; font-size: 0.8rem; color: #595b5a; padding-top: 7px; height: 38px; outline: none; border: none; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); } .formularios textarea:-webkit-autofill, .formularios input:-webkit-autofill, .formularios select:-webkit-autofill { background: white !important; } .formularios select ~ select { margin-top: 5px; } .formularios textarea { width: 100%; overflow-y: auto; overflow-x: hidden; color: #595b5a; font-size: 0.9rem; padding: 3px 7px; resize: none; } .formularios textarea[readonly] { font-size: 0.8rem; box-shadow: none !important; border-bottom: none; opacity: 1; color: #595b5a; } .formularios textarea[readonly]:focus { box-shadow: none !important; border-bottom: none; } .formularios select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC") !important; background-repeat: no-repeat !important; background-position: 98% center !important; background-size: 10px 10px !important; -moz-appearance: none; appearance: none; -webkit-appearance: none; -ms-appearance: none; text-indent: 7px; color: #595b5a !important; padding-right: 20px; } .formularios select::-ms-expand { display: none; } .formularios select option { color: #595b5a; line-height: 3; font-family: "overpassregular"; font-size: 1rem; height: 20px; padding: 3px 4px !important; } .formularios select option:hover, .formularios select option:checked { background: #006fb9 !important; color: white !important; } .formularios.datepicks { display: inline-block; } .formularios.datepicks input { background-image: url('_express_renovar.71e6a87b3e71ceeb2236.svg'); background-repeat: no-repeat; background-size: auto 36px; background-position: 98% center; } .formularios.datepicks input .form-control[readonly] { color: #595b5a !important; } @media only screen and (max-width: 1145px) { .formularios.datepicks input { background-size: auto 28px; } } @media only screen and (max-width: 800px) { .formularios.datepicks input { background: none; } } .formularios.datepicks::after { /* content: ' '; display: block; position: absolute; bottom: 5px; right: 5px; height: 30px; width: 30px; background-image: url(../img/svg/_express_renovar.svg); background-size: auto 120%; background-position: center center; background-repeat: no-repeat; */ } @media only screen and (max-width: 1145px) { .formularios.datepicks::after { right: 2px; background-size: auto 100%; } } @media only screen and (max-width: 800px) { .formularios.datepicks::after { display: none; } } .formularios input[type="number"], .formularios input[type="text"] { font-family: "overpassregular"; } .formularios input[type="number"]::-webkit-input-placeholder, .formularios input[type="text"]::-webkit-input-placeholder { font-size: 0.8rem; color: #ccc !important; } @media only screen and (max-width: 576px) { .formularios input[type="number"]::-webkit-input-placeholder, .formularios input[type="text"]::-webkit-input-placeholder { font-size: 0.6rem; } } .formularios input[type="number"]:-moz-placeholder, .formularios input[type="text"]:-moz-placeholder { font-size: 0.8rem; color: #ccc !important; } @media only screen and (max-width: 576px) { .formularios input[type="number"]:-moz-placeholder, .formularios input[type="text"]:-moz-placeholder { font-size: 0.6rem; } } .formularios input[type="number"]::-moz-placeholder, .formularios input[type="text"]::-moz-placeholder { font-size: 0.8rem; color: #ccc !important; } @media only screen and (max-width: 576px) { .formularios input[type="number"]::-moz-placeholder, .formularios input[type="text"]::-moz-placeholder { font-size: 0.6rem; } } .formularios input[type="number"]:-ms-input-placeholder, .formularios input[type="text"]:-ms-input-placeholder { font-size: 0.8rem; color: #ccc !important; } @media only screen and (max-width: 576px) { .formularios input[type="number"]:-ms-input-placeholder, .formularios input[type="text"]:-ms-input-placeholder { font-size: 0.6rem; } } .formularios select, .formularios input { text-indent: 8px; } .formularios select:-webkit-autofill, .formularios input:-webkit-autofill { background: white !important; } .formularios select.input-validation-error, .formularios input.input-validation-error { border: 2px solid #ef3742; } .header-search .formularios select.input-validation-error, .header-search .formularios input.input-validation-error { top: 0%; } .formularios input[type="radio"] { box-shadow: none !important; margin: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 5px solid #bfbfbf; width: 20px; height: 20px; display: inline-block; cursor: pointer; border-radius: 10px; } .formularios input[type="radio"]::-ms-check { border: 3px solid #bfbfbf; } .formularios input[type="radio"] + label { line-height: 15px !important; margin-right: 15px; margin-left: 0px; vertical-align: 30%; } .formularios input[type="radio"].form-check-input.input-validation-error { background-color: red; } .formularios input[type="radio"].form-check-input ~ .field-validation-error { background-color: #ef3742; color: white; top: 40%; left: -100%; min-width: 100%; padding: 0.25rem; } .formularios input[type="radio"].form-check-input ~ .field-validation-error::after { content: "\25B6"; position: absolute; top: 50%; left: 107%; transform: translate(-107%, -50%); height: auto; font-size: 0.7rem; } @media only screen and (max-width: 800px) { .formularios input[type="radio"].form-check-input ~ .field-validation-error { left: 0; top: 100%; } .formularios input[type="radio"].form-check-input ~ .field-validation-error::after { top: -3px; left: 10%; content: "\25B2"; } } .formularios input[type="radio"]::after { content: ' '; position: absolute; height: 6px; width: 6px; display: block; background: #f2f2f2; border-radius: 3px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background 0.2s linear; } .formularios input[type="radio"]:checked { border: 5px solid #006fb9; background-color: #f2f2f2; position: relative; } .formularios input[type="radio"]:checked::-ms-check { border: 3px solid #006fb9; color: #006fb9; } .formularios input[type="radio"]:checked::after { background: #006fb9; } .formularios input[type="radio"]:checked + label { color: #006fb9; } @media only screen and (max-width: 800px) { .formularios input[type="radio"].form-check-input { width: 20px !important; height: 20px !important; margin: 12px 0 0; } } @media only screen and (max-width: 576px) { .formularios input[type="radio"] + .form-check-label { font-size: 0.8rem; width: 90% !important; height: 20px; margin: 12px 0 0 0px; display: inline-block; } } .formularios label { font-size: 0.50rem; font-family: "overpassbold"; text-transform: uppercase; position: absolute; color: #838885; top: 0.1rem; left: 0.4rem; z-index: 1; height: 15px; pointer-events: none; } .formularios label > span { padding-left: 5px; font-size: 0.45rem; color: #a6a7a7; } .formularios label > span > a { position: relative; margin-right: 24px; } .formularios label > span > a:hover { opacity: 0.5; text-decoration: none; } .formularios label > span > a .bci-icon { position: absolute; top: -2px; right: -22px; } .formularios label[disabled] { content: ' - '; color: rgba(0, 0, 0, 0); display: block; } .formulario-bloque .formularios label { line-height: 20px; height: 20px; position: relative; font-size: 0.65rem; font-family: "overpassbold"; margin: 0; } .formularios label.form-check-label { position: relative; top: auto; top: initial; left: auto; left: initial; display: inline; font-size: 0.9rem; font-family: Arial; text-transform: capitalize; font-weight: normal; margin-right: 10px; } .formularios label.secundaria { position: absolute; height: 15px; top: 105%; font-family: "Arial", sans-serif; font-weight: 700; letter-spacing: 0.02rem; font-size: 0.50rem; color: #b7bab8; opacity: 1; width: 100%; text-align: right; padding-right: 10px; } .formulario-bloque .formularios label.secundaria { position: absolute; top: inherit; bottom: -13px; font-size: 0.50rem; } .formularios textarea { min-height: 100px; } .formularios.grande { min-width: 70%; width: auto; height: 50px; } .formularios.grande input { width: 100%; height: 50px; font-size: 1rem; line-height: 2rem; padding: 0; padding-top: 10px; } .formularios.grande label { font-size: 0.6rem; left: 8px; } .formularios.autocomplete { width: 100%; min-width: 200px; } .formulario-bloque .formularios.autocomplete { width: 70%; min-width: 200px; } .formulario-bloque .formularios.autocomplete input { height: calc(2.25rem + 2px); } .largo .formularios.autocomplete { width: 100%; min-width: 200px; } .corto .formularios.autocomplete { width: 45%; min-width: 100px; } .formularios.autocomplete input { width: 100%; height: 50px; font-size: 1rem; line-height: 2rem; padding: 0; padding-top: 10px; } .formularios.autocomplete input::-webkit-input-placeholder { font-family: "overpassregular"; font-size: 0.8rem; color: #ccc !important; } .formularios.autocomplete input:-moz-placeholder { font-family: "overpassregular"; font-size: 0.8rem; color: #ccc !important; } .formularios.autocomplete input::-moz-placeholder { font-family: "overpassregular"; font-size: 0.8rem; color: #ccc !important; } .formularios.autocomplete input:-ms-input-placeholder { font-family: "overpassregular"; font-size: 0.8rem; color: #ccc !important; } .formularios.autocomplete label { font-size: 0.6rem; left: 8px; } .formularios.autocomplete select { width: 100%; box-shadow: none !important; height: auto; } .formularios.autocomplete .dropdown-menu { width: 100%; box-shadow: 1px 0px 15px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 0px 15px 2px rgba(0, 0, 0, 0.2); border: none; border-radius: 3px; } .formularios.autocomplete .dropdown-menu li a { font-family: "overpassregular"; font-size: 1rem; line-height: 1.5rem; margin: 5px 0; color: #595b5a; } .formularios.autocomplete .dropdown-menu li a strong, .formularios.autocomplete .dropdown-menu li a b { color: #00953a; } .formularios.especial { width: 100%; display: inline-block; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; min-width: 40px; margin-bottom: 20px; } .formularios.especial .item-tooltip { flex: 0 0 34px; margin-right: 5px; } .formularios.especial input { flex: 1 1 50%; min-width: 0; margin-right: 2%; display: inline-block; } .formularios.especial input ~ .validator { right: -25px; } .formularios.especial input[type="radio"] { width: auto !important; } @media only screen and (max-width: 1145px) { .formularios.especial { width: 100%; } } @media only screen and (max-width: 800px) { .formularios.especial { width: auto; } } @media only screen and (max-width: 576px) { .formularios.especial { width: 100%; } } .formularios.especial input[type="text"] { -moz-text-align-last: right; text-align-last: right; text-align: right; padding-right: 10px; } .formularios.especial input[type="text"]::-webkit-input-placeholder { color: #ccc !important; } @media only screen and (max-width: 800px) { .formularios.especial input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem !important; } } @media only screen and (max-width: 576px) { .formularios.especial input[type="text"]::-webkit-input-placeholder { font-size: 0.9rem !important; } } .formularios.especial input[type="text"]:-moz-placeholder { color: #ccc !important; } @media only screen and (max-width: 800px) { .formularios.especial input[type="text"]:-moz-placeholder { font-size: 0.75rem !important; } } @media only screen and (max-width: 576px) { .formularios.especial input[type="text"]:-moz-placeholder { font-size: 0.9rem !important; } } .formularios.especial input[type="text"]::-moz-placeholder { color: #ccc !important; } @media only screen and (max-width: 800px) { .formularios.especial input[type="text"]::-moz-placeholder { font-size: 0.75rem !important; } } @media only screen and (max-width: 576px) { .formularios.especial input[type="text"]::-moz-placeholder { font-size: 0.9rem !important; } } .formularios.especial input[type="text"]:-ms-input-placeholder { color: #ccc !important; } @media only screen and (max-width: 800px) { .formularios.especial input[type="text"]:-ms-input-placeholder { font-size: 0.75rem !important; } } @media only screen and (max-width: 576px) { .formularios.especial input[type="text"]:-ms-input-placeholder { font-size: 0.9rem !important; } } .formularios.especial input[type="password"] { -moz-text-align-last: right; text-align-last: right; padding-right: 10px; } .formularios.especial input[type="password"]::-webkit-input-placeholder { color: #ccc !important; } .formularios.especial input[type="password"]:-moz-placeholder { color: #ccc !important; } .formularios.especial input[type="password"]::-moz-placeholder { color: #ccc !important; } .formularios.especial input[type="password"]:-ms-input-placeholder { color: #ccc !important; } .formularios.especial label:first-of-type { display: block; padding-left: 40px; height: 100%; text-transform: capitalize; font-size: 1rem; font-family: "overpassregular"; color: #595b5a; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .formularios.especial label:first-of-type i { margin: 0; width: 40px; height: 100%; position: absolute; top: 48%; left: 0; transform: translate(0, -48%); background-size: auto 34px; } .formularios.especial.login { margin-top: 8px; margin-bottom: 8px; width: 100%; } .formularios.especial.login input { width: 100% !important; text-align: right; } .formularios.especial .typehead > li { font-family: "overpassregular"; list-style: none; font-size: 2rem; color: #595b5a; } .formularios.especial .typehead > li.active, .formularios.especial .typehead > li:hover { background-color: #00953a; color: white; } .formularios.disabled { opacity: 0.5; cursor: not-allowed; } .formularios.disabled input, .formularios.disabled select { cursor: not-allowed; } .field-validation-error { text-transform: uppercase; position: absolute; top: 125%; left: 0%; font-family: "overpassbold"; font-size: 0.6rem; min-height: 20px; line-height: 20px; text-align: center; color: #ef3742; width: 100%; background: white; border-radius: 8px; z-index: 999; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); } .field-validation-error::after { content: "\25BC"; color: #ef3742; display: block; width: 10%; text-align: center; height: 12px; line-height: 12px; position: absolute; top: -8px; left: 45%; } .header-search .field-validation-error { top: 0; left: 105%; min-width: 100%; } .header-search .field-validation-error::after { content: "\25c0"; left: -9px; top: 35%; } .especial .field-validation-error { width: 92%; top: 115%; } .formulario-bloque .field-validation-error { top: 110%; } /*.formulario { position: relative; .card { @include no-shadow(); background: $grisCustomClaro !important; } .row { .col-12 { border: none !important; } } .formulario-bloque { .card-body { background: none !important; } .disabled { opacity: 0.5; cursor: not-allowed; select, input { cursor: not-allowed; } } } }*/ .checkbox-simple { position: relative; } .checkbox-simple .separador-cs { width: 100%; display: block; height: 28px; } .formulario-seccion .checkbox-simple { flex: 1 1 20%; min-width: 100px; } .checkbox-simple label { display: inline-block; line-height: 100%; width: auto; font-family: "overpassregular"; text-transform: inherit; font-size: 0.6rem; font-weight: normal; line-height: 140%; position: relative; cursor: pointer; padding-left: 28px; pointer-events: none; } .checkbox-simple label span { font-family: "overpassbold"; display: block; font-size: 0.8rem; line-height: 160%; } .checkbox-simple label span a { text-transform: capitalize; color: #006fb9 !important; border-bottom: 2px solid #006fb9; } .checkbox-simple label::before { position: absolute; top: -4px; left: 0px; content: ' '; display: block; width: 25px; height: 25px; box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.15); background: white; border-radius: 3px; border: 1px solid #cccccc; } .checkbox-simple label + input[type="checkbox"].form-control { background-color: red; } .checkbox-simple input[type="checkbox"] { box-shadow: none !important; visibility: hidden; display: none; position: absolute; bottom: 0px; height: 0; width: 0; left: 0; } .checkbox-simple input[type="checkbox"][disabled] ~ label { cursor: not-allowed; } .checkbox-simple input[type="checkbox"][disabled] ~ label::before { opacity: 0.4 !important; } .checkbox-simple input[type="checkbox"]:checked ~ label { color: #006fb9; } .checkbox-simple input[type="checkbox"]:checked ~ label::after { position: absolute; top: -10px; left: 0; content: ' '; display: block; width: 35px; height: 35px; background-image: url('_lite_check.3f698a8bf92eb74c3980.svg'); background-repeat: no-repeat; background-size: auto 100%; } .checkbox-simple input[type="checkbox"]:checked[disabled] ~ label::after, .checkbox-simple input[type="checkbox"]:checked[readonly] ~ label::after { filter: grayscale(100%); -webkit-filter: grayscale(100%); } .checkbox-simple.compacto label { padding-left: 22px; } .checkbox-simple.compacto label::before { height: 18px; width: 18px; top: 0px; } .checkbox-simple.compacto label span { font-weight: normal; font-family: "overpassbold"; display: block; font-size: 0.8rem; color: #595b5a; line-height: 1.5; } .checkbox-simple.compacto label span a { text-transform: capitalize; color: #006fb9 !important; border-bottom: 2px solid #006fb9; } .checkbox-simple.compacto input[type="checkbox"]:checked ~ label::after { top: -5px; height: 24px; width: 24px; } .formulario-bloque .checkbox-simple .checkbox { margin-left: 0px; margin-top: 0px; } .checkbox-simple.complejo { padding-left: 0; width: 100%; min-height: 50px; display: inline-block; } .checkbox-simple.complejo label { line-height: 30px; } .checkbox-simple.complejo label > span { line-height: 30px; margin-bottom: 5px; } .checkbox-simple.complejo label::before { left: 0px; } .checkbox-simple.complejo label.checkbox { position: relative; top: inherit; padding-left: 40px; line-height: 120%; width: 100%; display: block; } .checkbox-simple.complejo label.checkbox span { position: relative; display: block; padding: 0; line-height: 120%; } .checkbox-simple.complejo input[type="checkbox"]:checked ~ label::after { left: 0px; } .checkbox-simple.complejo input[type="checkbox"]:checked ~ label.checkbox span { color: #006fb9; } .switch, .checkbox { position: relative; padding: 0; width: 100%; } .switch .separador-cs, .checkbox .separador-cs { display: block; height: 22px; position: relative; width: 100%; } .switch input[type="checkbox"], .checkbox input[type="checkbox"] { visibility: hidden; display: none; position: absolute; bottom: 0px; height: 0; width: 0; left: 0; } .switch input[type="checkbox"]:checked ~ label, .checkbox input[type="checkbox"]:checked ~ label { background: #006fb9; } .switch input[type="checkbox"]:checked ~ label::before, .checkbox input[type="checkbox"]:checked ~ label::before { left: 40px; } .switch input[type="checkbox"]:checked ~ label::after, .checkbox input[type="checkbox"]:checked ~ label::after { content: attr(data-on); } .switch > span, .checkbox > span { position: absolute; bottom: 0; left: 0; } .switch label, .checkbox label { display: block; position: relative; margin: 0; background: #bfbfbf; width: 80px; height: 30px; border-radius: 5px; box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.3); transition: background 0.2s linear; cursor: -webkit-grab; cursor: grab; } .formulario-bloque .switch label, .formulario-bloque .checkbox label { height: 30px; } .switch label::before, .checkbox label::before { border-radius: 3px; content: ' '; position: absolute; left: 2px; display: block; height: 26px; top: 2px; width: 38px; background: white; transition: left 0.2s linear; } .switch label::after, .checkbox label::after { height: 100%; display: table-cell; left: 90px; position: absolute; top: 0; content: attr(data-off); color: #595b5a; font-size: 0.8rem; vertical-align: middle; width: 120%; } .switch.largo label::after, .checkbox.largo label::after { min-width: 300%; line-height: 23px; } .switch.inverso, .checkbox.inverso { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } .switch.inverso label, .checkbox.inverso label { margin-left: 0px; } .switch.inverso label::after, .checkbox.inverso label::after { left: -110px; text-align: right; } .switch.inverso.largo label::after, .checkbox.inverso.largo label::after { min-width: 100%; } .switch.off label::after, .checkbox.off label::after { display: none; } .round-switch { margin: 5px 0; width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 10px; } .round-switch.inverso { flex-direction: row-reverse; -moz-flex-direction: row-reverse; } .round-switch label { position: static; color: grey; pointer-events: auto; } .round-switch label.item { height: 34px; width: 68px; position: relative; background-color: #d9d9d9; box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 18px; cursor: pointer; transition: all 0.1s linear; } .round-switch label.item:after { transition: all 0.3s linear; content: ''; position: absolute; top: 50%; left: 8%; transform: translate(-8%, -50%); height: 26px; width: 26px; background-color: white; border-radius: 15px; } .round-switch label.descripcion { text-transform: inherit; font-size: 0.9rem; color: #595b5a; cursor: pointer; } .round-switch.pequeno label.item { height: 24px; width: 48px; } .round-switch.pequeno label.item:after { height: 19px; width: 19px; } .round-switch input[type="checkbox"] { visibility: hidden; position: absolute; top: 0; left: 0; } .round-switch input[type="checkbox"]:checked ~ .item { background-color: #00953a; } .round-switch input[type="checkbox"]:checked ~ .item:after { position: absolute; top: 50%; left: 92%; transform: translate(-92%, -50%); } .round-switch input[type="checkbox"]:checked ~ .descripcion { color: #00953a; } .formulario-bloque input { text-align: left !important; -moz-text-align-last: left !important; text-align-last: left !important; text-indent: 7px !important; } .formulario-bloque.anexo .formularios.titular { font-family: "overpassbold"; text-transform: uppercase; font-size: 0.9rem; line-height: 100%; } .formulario-bloque .formulario-seccion.comisiones { justify-content: space-between; align-items: flex-start; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box { flex: 0 1 34%; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box select { padding: 5px; height: 313px; background-image: none !important; font-size: 1rem; line-height: 140%; font-family: "overpassregular"; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box select option:hover, .formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box select option:active { outline: none; color: white; background: #00953a; border-radius: 5px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box select option[disabled] { cursor: not-allowed; background: white; color: #d9d9d9; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box { flex: 0 1 65%; padding: 10px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos { background-color: white; display: block; margin: 0; padding: 10px; width: 100%; border-radius: 5px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .fixed-table-pagination { justify-content: flex-end; align-items: flex-start; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td { height: 45px; vertical-align: middle; position: relative; background-color: white; margin: 0; line-height: 100%; padding: 0 3px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td:last-child, .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td.deducible, .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td.comision { width: 80px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td:last-child { text-align: right; width: 40px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td[colspan="4"] { text-align: center; font-size: 2rem; color: #d9d9d9; height: 100px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td a { background-image: url('_lite_editar_usuario.bd56470acddef230d180.svg'); display: inline-block; margin: 0 auto; background-repeat: none; background-position: center center; position: absolute; top: 50%; left: 80%; transform: translate(-80%, -50%); } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td a.check { background-image: url('_lite_check.3f698a8bf92eb74c3980.svg'); } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td .form-control { max-width: 80px; position: relative; height: 29px; color: #595b5a; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td .form-control::before { content: '%'; position: absolute; right: -20px; top: 0; display: block; color: black; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td .form-control[disabled] { cursor: not-allowed; color: #f3f3f3; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td .form-control[disabled] + label { color: #f3f3f3; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label { font-size: 0.50rem; font-family: "overpassbold"; text-transform: uppercase; position: absolute; color: #838885; top: 0.1rem; left: 0.4rem; z-index: 1; height: 15px; pointer-events: none; font-size: .70rem; left: inherit; right: 10px; color: #595b5a; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label > span { padding-left: 5px; font-size: 0.45rem; color: #a6a7a7; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label > span > a { position: relative; margin-right: 24px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label > span > a:hover { opacity: 0.5; text-decoration: none; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label > span > a .bci-icon { position: absolute; top: -2px; right: -22px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label[disabled] { content: ' - '; color: rgba(0, 0, 0, 0); display: block; } .formulario-bloque .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label { line-height: 20px; height: 20px; position: relative; font-size: 0.65rem; font-family: "overpassbold"; margin: 0; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label.form-check-label { position: relative; top: auto; top: initial; left: auto; left: initial; display: inline; font-size: 0.9rem; font-family: Arial; text-transform: capitalize; font-weight: normal; margin-right: 10px; } .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label.secundaria { position: absolute; height: 15px; top: 105%; font-family: "Arial", sans-serif; font-weight: 700; letter-spacing: 0.02rem; font-size: 0.50rem; color: #b7bab8; opacity: 1; width: 100%; text-align: right; padding-right: 10px; } .formulario-bloque .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label.secundaria { position: absolute; top: inherit; bottom: -13px; font-size: 0.50rem; } .formulario-bloque .formulario-lineal .col-12 { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 20px; } .formulario-bloque .formulario-lineal .col-12 h1 { margin: 0; padding: 4px; color: #006fb9; width: 100%; font-size: 1rem; font-family: "overpassbold"; color: #595b5a; background: #f2f2f2; border-radius: 4px; } .formulario-bloque .formulario-lineal .col-12 h1::before { content: 'paso \2198'; font-size: 0.8rem; color: #006fb9; padding-right: 2px; display: block; } .formulario-bloque .formulario-lineal .col-12 > h2 { flex: 1 1 100%; margin: 0; height: auto; line-height: 100%; } .formulario-bloque .formulario-lineal .col-12 > .formularios, .formulario-bloque .formulario-lineal .col-12 > .formulario-seccion { padding: 0 10px; flex: 1 0 33%; } .formulario-bloque .formulario-lineal .col-12 > .formularios.single, .formulario-bloque .formulario-lineal .col-12 > .formulario-seccion.single { flex: 1 1 100%; } .formulario-bloque .formulario-lineal .col-12 > .formularios.alto, .formulario-bloque .formulario-lineal .col-12 > .formulario-seccion.alto { flex: 1 1 66%; } .formulario-bloque .formulario-lineal .col-12 > .formularios.alertas, .formulario-bloque .formulario-lineal .col-12 > .formulario-seccion.alertas { flex: 1 1 100%; position: relative; padding-left: 40px !important; font-size: 0.85rem; line-height: 120%; width: 100%; display: block; margin: 0; } .formulario-bloque .formulario-lineal .col-12 > .formularios.alertas .bci-icon, .formulario-bloque .formulario-lineal .col-12 > .formulario-seccion.alertas .bci-icon { left: 0px; width: 40px; } .formulario-bloque .formulario-lineal .col-12 .dropdown-divider { flex: 1 1 100%; margin: 20px 0 5px; } .formulario-bloque .card-body { background: white !important; } .formulario-bloque .card-body .row { margin-top: 10px; } .formulario-bloque .card-body .row > div { border-right: 1px solid #eaeaea; } .formulario-bloque .card-body .row > div:last-child { border: none !important; } @media only screen and (max-width: 1145px) { .formulario-bloque .card-body .row > div { border: none; } .formulario-bloque .card-body .row > div:first-child { border-right: 1px solid #eaeaea; } .formulario-bloque .card-body .row > div:last-child { border-right: 1px solid #eaeaea; } } @media only screen and (max-width: 800px) { .formulario-bloque .card-body .row > div { border: none; } .formulario-bloque .card-body .row > div:first-child { border-right: 1px solid #eaeaea; } .formulario-bloque .card-body .row > div:last-child { border-right: 1px solid #eaeaea; } } @media only screen and (max-width: 576px) { .formulario-bloque .card-body .row > div { border: none; border-bottom: 1px solid #eaeaea; } .formulario-bloque .card-body .row > div:first-child { border: none; border-bottom: 1px solid #eaeaea; } .formulario-bloque .card-body .row > div:last-child { border: none; } } .formulario-bloque .card-footer { text-align: right; } .formulario-bloque .formularios.mensaje { font-family: "overpasslight_italic"; width: 100%; margin-bottom: 10px; font-size: 0.8rem; } .formulario-bloque .formularios.corto { width: 50%; } .formulario-bloque .formularios.corto.adjunto { width: 100%; } .formulario-bloque .formularios.corto.adjunto label { width: 100%; } .formulario-bloque .formularios.corto.adjunto input { width: 60%; } .formulario-bloque .formularios.corto.adjunto .boton { float: right; width: 35%; } .formulario-bloque .formularios.medio { width: 75%; } .formulario-bloque .formularios.largo { width: 100%; } .ie .formulario-bloque .formularios select { padding-left: 5px; } .formulario-bloque .formularios input, .formulario-bloque .formularios select { text-align: right; -moz-text-align-last: right; text-align-last: right; padding: 0 10px 0 0; text-indent: 0; } .formulario-bloque .formularios input[disabled] { background-color: rgba(255, 255, 255, 0.8); opacity: 1; cursor: not-allowed; color: #aeb2af; } .formulario-bloque .formularios input[readonly] { box-shadow: none !important; border-bottom: none; opacity: 1; color: #595b5a; } .formulario-bloque .formularios input[readonly]:focus { box-shadow: none !important; border-bottom: none; } .formulario-bloque .formularios input.prespan, .formulario-bloque .formularios input#telefono, .formulario-bloque .formularios input.telefono { padding-left: 30px; } .formulario-bloque .formularios.list-group input[type="checkbox"] { margin: 0; padding: 0; width: 30px; box-shadow: none !important; height: 20px; width: 16px; } .formulario-bloque .formularios.list-group input[type="checkbox"] + label { vertical-align: 10%; margin-right: 1px; } .formulario-bloque .formularios.list-group input[type="checkbox"]::-ms-check { border: none; height: 9px; width: 9px; background: #bfbfbf; color: #595b5a; padding: 3px; border-radius: 4px; } .formulario-bloque .formularios.list-group input[type="checkbox"]:checked::-ms-check { background: #006fb9; color: white; } .formulario-bloque .formularios.checkbox { height: 30px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .formulario-bloque .formularios.checkbox input[type="checkbox"] { margin: 0; padding: 0; width: 30px; box-shadow: none !important; } .formulario-bloque .formularios.checkbox input[type="checkbox"]::-ms-check { border: none; height: 10px; width: 10px; background: #bfbfbf; color: #595b5a; padding: 5px; border-radius: 4px; } .formulario-bloque .formularios.checkbox input[type="checkbox"]:checked::-ms-check { background: #006fb9; color: white; } .formulario-bloque .formularios.checkbox label { font-size: 0.8rem; margin: 0; padding: 0; height: 30px; display: inline-block; } .formulario-bloque .formularios select { width: 100%; background: white; height: 38px; position: relative; text-indent: 5px; -moz-appearance: none; appearance: none; -webkit-appearance: none; -ms-appearance: none; color: #ccc; text-align: left; -moz-text-align-last: left; text-align-last: left; } .formulario-bloque .formularios select::-ms-expand { display: none; } .formulario-bloque .formularios.compacto select { height: 25px; } .asociaciones { justify-content: space-between; align-items: flex-start; } .asociaciones .formularios { position: relative; } .asociaciones .formularios label { position: relative; font-size: 0.8rem; } .asociaciones .formularios label.secundaria { top: inherit; bottom: -25px; position: absolute; font-size: 0.55rem; } .asociaciones .formularios .mover { position: absolute; background-color: white; background-repeat: no-repeat; display: block; height: 30px; width: 30px; border-radius: 2px; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); background-image: url('_lite_vigencia.6f08f8a7a4b92504e851.svg'); z-index: 100; cursor: pointer; transition: all 0.2s linear; } .asociaciones .formularios .mover:hover { background-color: #ffd700; } .asociaciones .formularios .mover:active { background-color: #ffdf33; } .asociaciones .formularios .mover.right { top: 38%; right: -25px; } .asociaciones .formularios .mover.left { top: 52%; left: -25px; transform: rotate(180deg); } .asociaciones .formularios select { padding: 5px; height: 100%; max-height: 340px; background-image: none !important; font-size: 1rem; line-height: 140%; font-family: "overpassregular"; min-width: 190px; } .asociaciones .formularios select option:hover, .asociaciones .formularios select option:active { outline: none; color: white; background: #00953a; border-radius: 5px; } .asociaciones .formularios select option[disabled] { cursor: not-allowed; background: white; color: #d9d9d9; } .asociaciones.doble .formularios { flex: 0 2 48%; } .asociaciones.doble .formularios.first-child::before { content: ''; display: block; position: absolute; height: 25px; width: 25px; top: 40%; right: -27px; background-image: url('_lite_vigencia.6f08f8a7a4b92504e851.svg'); transition: all 0.3s linear; } .asociaciones.doble .formularios.first-child:focus-within::before { height: 31px; width: 31px; } .asociaciones.doble .formularios.last-child::before { content: ''; display: block; position: absolute; height: 25px; width: 25px; top: 50%; left: -27px; background-image: url('_lite_vigencia.6f08f8a7a4b92504e851.svg'); transition: all 0.3s linear; transform: rotate(180deg); } .asociaciones.doble .formularios.last-child:focus-within::before { height: 31px; width: 31px; } .asociaciones.triple .formularios { flex: 1 1 25%; margin-right: 1%; min-width: 0; } .asociaciones.triple .formularios:last-child { margin-right: 0; } .formulario-seccion { text-align: left; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .formulario-seccion .bci-icon { height: 28px; } .formulario-seccion .form-separator { height: 20px; display: inline-block; width: 7.5%; display: none; } .formulario-seccion .formularios { text-align: left; } .formulario-seccion .formularios .boton { margin: 6px 4px; } .formulario-seccion .formularios.checkbox { width: 45% !important; } .formulario-seccion .formularios.simple { min-width: 0px; display: inline-block; width: 25% !important; max-width: 300px; flex: 0 0 25%; } @media only screen and (max-width: 576px) { .formulario-seccion .formularios.simple { max-width: 100%; width: 100% !important; flex: 0 0 100%; } } .formulario-seccion .formularios.intermedio { min-width: 0px; width: 65% !important; max-width: 300px; flex: 0 0 65%; } @media only screen and (max-width: 576px) { .formulario-seccion .formularios.intermedio { max-width: 100%; flex: 0 0 100%; width: 100% !important; } } .formulario-seccion .formularios.corto { min-width: 0px; width: 47% !important; max-width: 300px; flex: 0 0 47%; } @media only screen and (max-width: 576px) { .formulario-seccion .formularios.corto { max-width: 100%; flex: 0 0 100%; width: 100% !important; } } @media only screen and (max-width: 576px) { .formulario-seccion .formularios { flex: 1 1 100%; } } .formulario-seccion .bci-icon { margin: 10px 0; height: 38px; background-position: center center; display: inline-block; width: 5.5%; background-size: 90% auto; } @media only screen and (max-width: 576px) { .formulario-seccion .bci-icon.vigencia { display: none; } } .formulario-seccion.disabled { opacity: 0.5; cursor: not-allowed; } .formulario-seccion.disabled input, .formulario-seccion.disabled select { cursor: not-allowed; } .formulario-seccion .formularios.checkbox-simple > .checkbox { margin-top: 0; } .formularios-variables section { display: none; width: 100%; min-width: 100%; } .formularios-variables section.show { display: block; } .prefijo { position: absolute; bottom: 2px; left: 2px; height: 34px; z-index: 1; line-height: 35px; background-color: #f2f2f2; border-right: 1px solid #fafafa; width: 30px; display: block; text-align: center; font-family: "overpassbold"; margin-right: 10px; font-size: 0.6rem; } .prefijo .bci-icon { margin: 0; width: 100%; height: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .prefijo ~ .telefono { padding-left: 35px; text-indent: 0; } .formulario-bloque .prefijo ~ .telefono { padding-left: 30px; } .formulario-seccion .prefijo ~ .telefono { width: 58%; margin-right: 30%; } .corto .prefijo ~ .telefono { width: 100%; margin-right: 0%; } .prefijo ~ label { left: 35px; } .formulario-bloque .prefijo ~ label { left: 5px; } .tooltips { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; min-width: 100px; } .tooltips input { flex: 1 1 50%; min-width: 50px; margin-right: 5px; } .tooltips .item-tooltip { flex: 0 0 30px; } .item-tooltip { height: 30px; width: 30px; line-height: 30px; cursor: pointer; display: block; border: none; background: #404141; content: '?'; color: white !important; border-radius: 15px; text-align: center; font-family: "overpassregular"; font-size: 1.2rem; position: relative; } .item-tooltip > span { display: none; padding: 10px; border-radius: 10px; box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.2); z-index: 100000; background-color: #404141; height: auto; position: absolute; top: 35px; width: 184px; left: -78px; } .item-tooltip > span span { font-size: 0.8rem; color: white; line-height: 1; margin: 0; padding: 0; padding: 20px; min-width: 160px; } .item-tooltip > span span + img { margin-top: 20px; padding: 5px; min-width: 0px; } .item-tooltip > span img { margin: 5px; } .item-tooltip > span img + span { margin-top: 20px; padding: 0; } .item-tooltip > span::after { z-index: 999; content: "\25B2"; color: #404141; position: absolute; line-height: 17px; height: 17px; top: -13px; left: 45%; width: 10%; text-align: center; } .item-tooltip:hover { background-color: #00953a; } .item-tooltip:hover span { display: block; } .item-tooltip:hover::after { height: auto; padding: 5px; /* background-image: url(attr(data-src)); */ background-color: #404141; display: block; } .item-tooltip ~ label.secundaria { padding-right: 60px; } .filters-apply { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .filters-apply .filter-chip { margin: 5px; padding: 2px 26px 2px 8px; border-radius: 4px; color: white; font-size: 0.78rem; font-family: "Arial", sans-serif; position: relative; } .filters-apply .filter-chip.rojo { background-color: #ef3742; color: white; } .filters-apply .filter-chip.rojo:hover { background-color: #a80d17; color: white; opacity: 0.5; } .filters-apply .filter-chip.verde { background-color: #00953a; color: white; } .filters-apply .filter-chip.verde:hover { background-color: #00250e; color: white; opacity: 0.5; } .filters-apply .filter-chip.azul { color: white; background-color: #006fb9; } .filters-apply .filter-chip.azul:hover { background-color: #002c49; color: white; opacity: 0.5; } .filters-apply .filter-chip.gris { color: white; background-color: #595b5a; } .filters-apply .filter-chip.gris:hover { background-color: #222222; color: white; opacity: 0.5; } .filters-apply .filter-chip .bci-icon { position: absolute; right: 0; height: 100%; top: 0; background-size: auto 120%; } .filters-apply .filter-chip:hover { cursor: pointer; } .filters-list { text-align: left; } .filters-list .filter-set { margin: 5px 10px 8px 0px; padding-bottom: 2px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; border-bottom: 3px solid #eaeaea; } .filters-list .filter-set:last-child { border-bottom: none; } .filters-list .filter-set p { flex: 1 0 100%; font-family: "overpassbold"; font-size: 0.65rem; text-transform: uppercase; margin: 0 10px; color: #a6a6a6; line-height: 150%; } .filters-list .filter-set .filter-range { padding-right: 15px; position: relative; height: 31px; } .filters-list .filter-set .filter-range output { width: 30px; text-align: center; height: 30px; line-height: 26px; color: white; display: block; position: absolute; right: 12px; height: 25px; top: 0px; vertical-align: middle; padding: 0; border-radius: 15px; background: #595b5a; } .ie .filters-list .filter-set .filter-range output { display: none; } .filters-list .filter-set .filter-range input[type='range'] { width: 80%; height: 5px; cursor: pointer; -webkit-appearance: none; } .ie .filters-list .filter-set .filter-range input[type='range'] { margin-top: 12px; } .filters-list .filter-set .filter-range input[type='range']:focus { outline: none; } .filters-list .filter-set .filter-range input[type='range']::-webkit-slider-runnable-track, .filters-list .filter-set .filter-range input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; } .filters-list .filter-set .filter-range input[type='range']::-webkit-slider-runnable-track { width: 80%; height: 6px; background: #d9d9d9; border-radius: 3px; } .filters-list .filter-set .filter-range input[type='range']::-webkit-slider-thumb { position: relative; height: 15px; width: 15px; margin-top: -3.75px; background: #00953a; border-radius: 50%; } .filters-list .filter-set .filter-range input[type='range']::-webkit-slider-thumb::before { position: absolute; content: ''; height: 6px; width: 500px; left: -502px; top: 4px; background: #777777; } .filters-list .filter-set .filter-range input[type='range']::-ms-slider-runnable-track, .filters-list .filter-set .filter-range input[type='range']::-ms-slider-thumb { display: block; height: 20px; } .filters-list .filter-set .filter-range input[type='range']::-ms-slider-runnable-track { width: 80%; height: 6px; background-color: #d9d9d9; border-radius: 3px; } .filters-list .filter-set .filter-range input[type='range']::-ms-track { width: 100%; height: 5px; display: block; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } .filters-list .filter-set .filter-range input[type='range']::-ms-fill-lower { background-color: #d9d9d9; } .filters-list .filter-set .filter-range input[type='range']::-ms-fill-upper { background-color: #d9d9d9; } .filters-list .filter-set .filter-range input[type='range']::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #00953a; } .filters-list .filter-set .filter-range input[type='range']:focus::-ms-fill-lower { background: #888; } .filters-list .filter-set .filter-range input[type='range']:focus::-ms-fill-upper { background: #ccc; } .filters-list .filter-set .filter-range datalist { height: auto; display: block; } .filters-list .filter-set .filter-range datalist option { display: inline-block; border: none; } .filters-list .filter-set .filter-checkbox { flex: 1 1 9%; padding: 0 5px; margin: 1px 2px 5px; } .filters-list .filter-set .filter-checkbox input { display: none; } .filters-list .filter-set .filter-checkbox input:checked + label { background-color: #006fb9; color: white; } .filters-list .filter-set .filter-checkbox label { width: 100%; font-family: "overpassbold"; font-size: 0.7rem; text-transform: uppercase; color: #ccc; text-align: center; text-decoration: none; display: block; cursor: pointer; line-height: 100%; margin: 0; color: #595b5a; background-color: #f2f2f2; padding: 8px; position: relative; border-radius: 5px; background-color: rgba(0, 0, 0, 0.05); } .filters-list .filter-set .filter-checkbox.verde input:checked + label { background-color: #00953a; } .captcha { margin: 0px auto; width: 55%; height: 80px; overflow-y: hidden; display: inline-block; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .captcha form { flex: 0 0 50%; -moz-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; } input.mask { font-weight: 700; } .v-select { position: relative; font-family: inherit; width: 100%; } .v-select, .v-select * { box-sizing: border-box; } @-webkit-keyframes vSelectSpinner { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes vSelectSpinner { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .vs__fade-enter-active, .vs__fade-leave-active { pointer-events: none; transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1); } .vs__fade-enter, .vs__fade-leave-to { opacity: 0; } .vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected { cursor: not-allowed; background-color: #f8f8f8; } .v-select[dir=rtl] .vs__actions { padding: 0 3px 0 6px; } .v-select[dir=rtl] .vs__clear { margin-left: 6px; margin-right: 0; } .v-select[dir=rtl] .vs__deselect { margin-left: 0; margin-right: 2px; } .v-select[dir=rtl] .vs__dropdown-menu { text-align: right; } .vs__dropdown-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; padding: 0 0 4px; background: none; border-radius: 4px; white-space: normal; height: 38px; line-height: 38px; background-color: white; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); } .vs__dropdown-toggle input { box-shadow: none !important; } .vs__selected-options { display: flex; flex-basis: 100%; flex-grow: 1; flex-wrap: wrap; padding: 0 2px; position: relative; } .vs__actions { display: flex; align-items: center; padding: 4px 6px 0 3px; } .vs--searchable .vs__dropdown-toggle { cursor: text; } .vs--unsearchable .vs__dropdown-toggle { cursor: pointer; } .vs--open .vs__dropdown-toggle { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vs__open-indicator { fill: rgba(60, 60, 60, 0.5); transform: scale(1); transition: transform 0.15s cubic-bezier(1, -0.115, 0.975, 0.855); transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855); } .vs--open .vs__open-indicator { transform: rotate(180deg) scale(1); } .vs--loading .vs__open-indicator { opacity: 0; } .vs__clear { fill: #ccc; padding: 0; border: 0; background-color: transparent; cursor: pointer; margin-right: 16px; position: absolute; left: 10px; } .vs__dropdown-menu { display: block; box-sizing: border-box; position: absolute; top: calc(100% - 1px); left: 0; z-index: 1000; padding: 5px 0; margin: 0; width: auto; max-height: 350px; overflow-y: auto; border-top-style: none; border-radius: 0 0 4px 4px; text-align: left; list-style: none; background: #fff; box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.15); } .vs__no-options { text-align: center; } .vs__dropdown-option { line-height: 1.42857143; display: block; padding: 3px 20px; clear: both; color: #333; white-space: nowrap; } .vs__dropdown-option:hover { cursor: pointer; } .vs__dropdown-option--highlight { background: #006fb9; color: #fff; } .vs__dropdown-option--disabled { background: inherit; color: rgba(60, 60, 60, 0.5); } .vs__dropdown-option--disabled:hover { cursor: inherit; } .vs__selected { display: flex; align-items: center; background-color: #f0f0f0; border-radius: 4px; color: #595b5a; height: 38px; line-height: 38px; border-radius: 3px; margin: 0; padding: 0 .25rem; z-index: 0; margin-left: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .vs__selected + .vs__search { background: none !important; position: absolute; top: 0; left: 20px; color: #595b5a !important; width: 100%; min-width: 100%; } .vs__deselect { display: inline-flex; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: 4px; padding: 0; border: 0; cursor: pointer; background: none; fill: rgba(60, 60, 60, 0.5); text-shadow: 0 1px 0 #fff; } .vs--single .vs__selected { background-color: transparent; border-color: transparent; } .vs--single.vs--open .vs__selected { position: absolute; opacity: .4; } .vs--single.vs--searching .vs__selected { display: none; } .vs__search::-webkit-search-cancel-button { display: none; } .vs__search::-ms-clear, .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration { display: none; } .vs__search, .vs__search:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1.4; font-size: 1em; border-left: none; outline: none; margin: 4px 0 0; padding: 0 7px; background: none; box-shadow: none; width: 100%; max-width: 100%; flex-grow: 1; z-index: 10; color: #595b5a !important; } .vs__search::-moz-placeholder { color: inherit; } .vs__search:-ms-input-placeholder { color: inherit; } .vs__search::placeholder { color: inherit; } .vs--unsearchable .vs__search { opacity: 1; } .vs--unsearchable:not(.vs--disabled) .vs__search:hover { cursor: pointer; } .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search { opacity: .2; } .vs__spinner { align-self: center; opacity: 0; font-size: 5px; text-indent: -9999em; overflow: hidden; border-left-color: rgba(60, 60, 60, 0.45); transform: translateZ(0); -webkit-animation: vSelectSpinner 1.1s linear infinite; animation: vSelectSpinner 1.1s linear infinite; transition: opacity .1s; } .vs__spinner, .vs__spinner:after { border-radius: 50%; width: 5em; height: 5em; } .vs--loading .vs__spinner { opacity: 1; } @-webkit-keyframes chartjs-render-animation { from { opacity: .99; } to { opacity: 1; } } @keyframes chartjs-render-animation { from { opacity: .99; } to { opacity: 1; } } .chartjs-render-monitor { -webkit-animation: chartjs-render-animation 1ms; animation: chartjs-render-animation 1ms; } .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink { position: absolute; direction: ltr; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1; } .chartjs-size-monitor-expand > div { position: absolute; width: 1000000px; height: 1000000px; left: 0; top: 0; } .chartjs-size-monitor-shrink > div { position: absolute; width: 200%; height: 200%; left: 0; top: 0; } .outer { position: relative; width: 300px; height: 300px; } .outer .percent { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.5rem; z-index: 1 !important; } .outer canvas { z-index: 200 !important; } /*principal*/ .slogan { position: absolute; bottom: 20px; right: 20px; display: block; height: auto; } .slogan h1, .slogan h2 { color: white; padding: 0; margin: 0; text-indent: 0; text-align: right; font-style: normal; text-transform: inherit; border: none; transition: all 0.1s linear; margin: 2px; cursor: pointer; } .slogan h1 { font-size: 3rem; font-family: "overpassbold"; } .slogan h2 { font-family: "overpasslight"; font-size: 2rem; } @media only screen and (max-width: 1290px) { .slogan h1 { font-size: 4rem; } .slogan h2 { font-size: 3rem; } } @media only screen and (max-width: 1145px) { .slogan h1 { font-size: 3rem; } .slogan h2 { font-size: 2rem; } } @media only screen and (max-width: 800px) { .slogan h1 { font-size: 2.5rem; } .slogan h2 { font-size: 1.5rem; } } @media only screen and (max-width: 576px) { .slogan h1 { font-size: 2rem; } .slogan h2 { font-size: 1rem; } } .separador { height: 60px; width: 100%; clear: both; display: block; flex: 0 0 100%; } .separador.alto { height: 50px; } .separador + .card.pequena, .separador + .card.mediana, .separador + .card.grande, .separador + .card.intermedia { margin-bottom: 60px; } .separador + .card.pequena.sin-margen, .separador + .card.mediana.sin-margen, .separador + .card.grande.sin-margen, .separador + .card.intermedia.sin-margen { margin-bottom: 3px; } .separador.pequeno { height: 15px; margin-bottom: 15px; } .separador.linea { border-bottom: 1px solid rgba(89, 91, 90, 0.1); } .separador.h0 { margin: 0; padding: 0; height: 0px; } .separador.h1 { margin: 0; padding: 0; height: 1px; } .separador.h2 { margin: 0; padding: 0; height: 2px; } .separador.h3 { margin: 0; padding: 0; height: 3px; } .separador.h4 { margin: 0; padding: 0; height: 4px; } .separador.h5 { margin: 0; padding: 0; height: 5px; } .separador.h6 { margin: 0; padding: 0; height: 6px; } .separador.h7 { margin: 0; padding: 0; height: 7px; } .separador.h8 { margin: 0; padding: 0; height: 8px; } .separador.h9 { margin: 0; padding: 0; height: 9px; } .separador.h10 { margin: 0; padding: 0; height: 10px; } .separador.h0 { height: 0px; } .separador.h0.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h0 { height: 0px; } .separador.h0.fixed { height: 0px; } .separador.h0.mobile { height: 0px; } } .separador.h5 { height: 5px; } .separador.h5.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h5 { height: 2.5px; } .separador.h5.fixed { height: 5px; } .separador.h5.mobile { height: 5px; } } .separador.h10 { height: 10px; } .separador.h10.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h10 { height: 5px; } .separador.h10.fixed { height: 10px; } .separador.h10.mobile { height: 10px; } } .separador.h15 { height: 15px; } .separador.h15.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h15 { height: 7.5px; } .separador.h15.fixed { height: 15px; } .separador.h15.mobile { height: 15px; } } .separador.h20 { height: 20px; } .separador.h20.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h20 { height: 10px; } .separador.h20.fixed { height: 20px; } .separador.h20.mobile { height: 20px; } } .separador.h25 { height: 25px; } .separador.h25.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h25 { height: 12.5px; } .separador.h25.fixed { height: 25px; } .separador.h25.mobile { height: 25px; } } .separador.h30 { height: 30px; } .separador.h30.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h30 { height: 15px; } .separador.h30.fixed { height: 30px; } .separador.h30.mobile { height: 30px; } } .separador.h35 { height: 35px; } .separador.h35.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h35 { height: 17.5px; } .separador.h35.fixed { height: 35px; } .separador.h35.mobile { height: 35px; } } .separador.h40 { height: 40px; } .separador.h40.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h40 { height: 20px; } .separador.h40.fixed { height: 40px; } .separador.h40.mobile { height: 40px; } } .separador.h45 { height: 45px; } .separador.h45.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h45 { height: 22.5px; } .separador.h45.fixed { height: 45px; } .separador.h45.mobile { height: 45px; } } .separador.h50 { height: 50px; } .separador.h50.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h50 { height: 25px; } .separador.h50.fixed { height: 50px; } .separador.h50.mobile { height: 50px; } } .separador.h55 { height: 55px; } .separador.h55.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h55 { height: 27.5px; } .separador.h55.fixed { height: 55px; } .separador.h55.mobile { height: 55px; } } .separador.h60 { height: 60px; } .separador.h60.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h60 { height: 30px; } .separador.h60.fixed { height: 60px; } .separador.h60.mobile { height: 60px; } } .separador.h65 { height: 65px; } .separador.h65.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h65 { height: 32.5px; } .separador.h65.fixed { height: 65px; } .separador.h65.mobile { height: 65px; } } .separador.h70 { height: 70px; } .separador.h70.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h70 { height: 35px; } .separador.h70.fixed { height: 70px; } .separador.h70.mobile { height: 70px; } } .separador.h75 { height: 75px; } .separador.h75.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h75 { height: 37.5px; } .separador.h75.fixed { height: 75px; } .separador.h75.mobile { height: 75px; } } .separador.h80 { height: 80px; } .separador.h80.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h80 { height: 40px; } .separador.h80.fixed { height: 80px; } .separador.h80.mobile { height: 80px; } } .separador.h85 { height: 85px; } .separador.h85.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h85 { height: 42.5px; } .separador.h85.fixed { height: 85px; } .separador.h85.mobile { height: 85px; } } .separador.h90 { height: 90px; } .separador.h90.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h90 { height: 45px; } .separador.h90.fixed { height: 90px; } .separador.h90.mobile { height: 90px; } } .separador.h95 { height: 95px; } .separador.h95.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h95 { height: 47.5px; } .separador.h95.fixed { height: 95px; } .separador.h95.mobile { height: 95px; } } .separador.h100 { height: 100px; } .separador.h100.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h100 { height: 50px; } .separador.h100.fixed { height: 100px; } .separador.h100.mobile { height: 100px; } } .separador.h105 { height: 105px; } .separador.h105.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h105 { height: 52.5px; } .separador.h105.fixed { height: 105px; } .separador.h105.mobile { height: 105px; } } .separador.h110 { height: 110px; } .separador.h110.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h110 { height: 55px; } .separador.h110.fixed { height: 110px; } .separador.h110.mobile { height: 110px; } } .separador.h115 { height: 115px; } .separador.h115.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h115 { height: 57.5px; } .separador.h115.fixed { height: 115px; } .separador.h115.mobile { height: 115px; } } .separador.h120 { height: 120px; } .separador.h120.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h120 { height: 60px; } .separador.h120.fixed { height: 120px; } .separador.h120.mobile { height: 120px; } } .separador.h125 { height: 125px; } .separador.h125.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h125 { height: 62.5px; } .separador.h125.fixed { height: 125px; } .separador.h125.mobile { height: 125px; } } .separador.h130 { height: 130px; } .separador.h130.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h130 { height: 65px; } .separador.h130.fixed { height: 130px; } .separador.h130.mobile { height: 130px; } } .separador.h135 { height: 135px; } .separador.h135.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h135 { height: 67.5px; } .separador.h135.fixed { height: 135px; } .separador.h135.mobile { height: 135px; } } .separador.h140 { height: 140px; } .separador.h140.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h140 { height: 70px; } .separador.h140.fixed { height: 140px; } .separador.h140.mobile { height: 140px; } } .separador.h145 { height: 145px; } .separador.h145.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h145 { height: 72.5px; } .separador.h145.fixed { height: 145px; } .separador.h145.mobile { height: 145px; } } .separador.h150 { height: 150px; } .separador.h150.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h150 { height: 75px; } .separador.h150.fixed { height: 150px; } .separador.h150.mobile { height: 150px; } } .separador.h155 { height: 155px; } .separador.h155.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h155 { height: 77.5px; } .separador.h155.fixed { height: 155px; } .separador.h155.mobile { height: 155px; } } .separador.h160 { height: 160px; } .separador.h160.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h160 { height: 80px; } .separador.h160.fixed { height: 160px; } .separador.h160.mobile { height: 160px; } } .separador.h165 { height: 165px; } .separador.h165.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h165 { height: 82.5px; } .separador.h165.fixed { height: 165px; } .separador.h165.mobile { height: 165px; } } .separador.h170 { height: 170px; } .separador.h170.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h170 { height: 85px; } .separador.h170.fixed { height: 170px; } .separador.h170.mobile { height: 170px; } } .separador.h175 { height: 175px; } .separador.h175.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h175 { height: 87.5px; } .separador.h175.fixed { height: 175px; } .separador.h175.mobile { height: 175px; } } .separador.h180 { height: 180px; } .separador.h180.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h180 { height: 90px; } .separador.h180.fixed { height: 180px; } .separador.h180.mobile { height: 180px; } } .separador.h185 { height: 185px; } .separador.h185.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h185 { height: 92.5px; } .separador.h185.fixed { height: 185px; } .separador.h185.mobile { height: 185px; } } .separador.h190 { height: 190px; } .separador.h190.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h190 { height: 95px; } .separador.h190.fixed { height: 190px; } .separador.h190.mobile { height: 190px; } } .separador.h195 { height: 195px; } .separador.h195.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h195 { height: 97.5px; } .separador.h195.fixed { height: 195px; } .separador.h195.mobile { height: 195px; } } .separador.h200 { height: 200px; } .separador.h200.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h200 { height: 100px; } .separador.h200.fixed { height: 200px; } .separador.h200.mobile { height: 200px; } } .separador.h205 { height: 205px; } .separador.h205.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h205 { height: 102.5px; } .separador.h205.fixed { height: 205px; } .separador.h205.mobile { height: 205px; } } .separador.h210 { height: 210px; } .separador.h210.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h210 { height: 105px; } .separador.h210.fixed { height: 210px; } .separador.h210.mobile { height: 210px; } } .separador.h215 { height: 215px; } .separador.h215.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h215 { height: 107.5px; } .separador.h215.fixed { height: 215px; } .separador.h215.mobile { height: 215px; } } .separador.h220 { height: 220px; } .separador.h220.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h220 { height: 110px; } .separador.h220.fixed { height: 220px; } .separador.h220.mobile { height: 220px; } } .separador.h225 { height: 225px; } .separador.h225.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h225 { height: 112.5px; } .separador.h225.fixed { height: 225px; } .separador.h225.mobile { height: 225px; } } .separador.h230 { height: 230px; } .separador.h230.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h230 { height: 115px; } .separador.h230.fixed { height: 230px; } .separador.h230.mobile { height: 230px; } } .separador.h235 { height: 235px; } .separador.h235.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h235 { height: 117.5px; } .separador.h235.fixed { height: 235px; } .separador.h235.mobile { height: 235px; } } .separador.h240 { height: 240px; } .separador.h240.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h240 { height: 120px; } .separador.h240.fixed { height: 240px; } .separador.h240.mobile { height: 240px; } } .separador.h245 { height: 245px; } .separador.h245.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h245 { height: 122.5px; } .separador.h245.fixed { height: 245px; } .separador.h245.mobile { height: 245px; } } .separador.h250 { height: 250px; } .separador.h250.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h250 { height: 125px; } .separador.h250.fixed { height: 250px; } .separador.h250.mobile { height: 250px; } } .separador.h255 { height: 255px; } .separador.h255.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h255 { height: 127.5px; } .separador.h255.fixed { height: 255px; } .separador.h255.mobile { height: 255px; } } .separador.h260 { height: 260px; } .separador.h260.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h260 { height: 130px; } .separador.h260.fixed { height: 260px; } .separador.h260.mobile { height: 260px; } } .separador.h265 { height: 265px; } .separador.h265.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h265 { height: 132.5px; } .separador.h265.fixed { height: 265px; } .separador.h265.mobile { height: 265px; } } .separador.h270 { height: 270px; } .separador.h270.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h270 { height: 135px; } .separador.h270.fixed { height: 270px; } .separador.h270.mobile { height: 270px; } } .separador.h275 { height: 275px; } .separador.h275.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h275 { height: 137.5px; } .separador.h275.fixed { height: 275px; } .separador.h275.mobile { height: 275px; } } .separador.h280 { height: 280px; } .separador.h280.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h280 { height: 140px; } .separador.h280.fixed { height: 280px; } .separador.h280.mobile { height: 280px; } } .separador.h285 { height: 285px; } .separador.h285.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h285 { height: 142.5px; } .separador.h285.fixed { height: 285px; } .separador.h285.mobile { height: 285px; } } .separador.h290 { height: 290px; } .separador.h290.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h290 { height: 145px; } .separador.h290.fixed { height: 290px; } .separador.h290.mobile { height: 290px; } } .separador.h295 { height: 295px; } .separador.h295.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h295 { height: 147.5px; } .separador.h295.fixed { height: 295px; } .separador.h295.mobile { height: 295px; } } .separador.h300 { height: 300px; } .separador.h300.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h300 { height: 150px; } .separador.h300.fixed { height: 300px; } .separador.h300.mobile { height: 300px; } } .separador.h305 { height: 305px; } .separador.h305.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h305 { height: 152.5px; } .separador.h305.fixed { height: 305px; } .separador.h305.mobile { height: 305px; } } .separador.h310 { height: 310px; } .separador.h310.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h310 { height: 155px; } .separador.h310.fixed { height: 310px; } .separador.h310.mobile { height: 310px; } } .separador.h315 { height: 315px; } .separador.h315.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h315 { height: 157.5px; } .separador.h315.fixed { height: 315px; } .separador.h315.mobile { height: 315px; } } .separador.h320 { height: 320px; } .separador.h320.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h320 { height: 160px; } .separador.h320.fixed { height: 320px; } .separador.h320.mobile { height: 320px; } } .separador.h325 { height: 325px; } .separador.h325.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h325 { height: 162.5px; } .separador.h325.fixed { height: 325px; } .separador.h325.mobile { height: 325px; } } .separador.h330 { height: 330px; } .separador.h330.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h330 { height: 165px; } .separador.h330.fixed { height: 330px; } .separador.h330.mobile { height: 330px; } } .separador.h335 { height: 335px; } .separador.h335.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h335 { height: 167.5px; } .separador.h335.fixed { height: 335px; } .separador.h335.mobile { height: 335px; } } .separador.h340 { height: 340px; } .separador.h340.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h340 { height: 170px; } .separador.h340.fixed { height: 340px; } .separador.h340.mobile { height: 340px; } } .separador.h345 { height: 345px; } .separador.h345.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h345 { height: 172.5px; } .separador.h345.fixed { height: 345px; } .separador.h345.mobile { height: 345px; } } .separador.h350 { height: 350px; } .separador.h350.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h350 { height: 175px; } .separador.h350.fixed { height: 350px; } .separador.h350.mobile { height: 350px; } } .separador.h355 { height: 355px; } .separador.h355.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h355 { height: 177.5px; } .separador.h355.fixed { height: 355px; } .separador.h355.mobile { height: 355px; } } .separador.h360 { height: 360px; } .separador.h360.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h360 { height: 180px; } .separador.h360.fixed { height: 360px; } .separador.h360.mobile { height: 360px; } } .separador.h365 { height: 365px; } .separador.h365.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h365 { height: 182.5px; } .separador.h365.fixed { height: 365px; } .separador.h365.mobile { height: 365px; } } .separador.h370 { height: 370px; } .separador.h370.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h370 { height: 185px; } .separador.h370.fixed { height: 370px; } .separador.h370.mobile { height: 370px; } } .separador.h375 { height: 375px; } .separador.h375.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h375 { height: 187.5px; } .separador.h375.fixed { height: 375px; } .separador.h375.mobile { height: 375px; } } .separador.h380 { height: 380px; } .separador.h380.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h380 { height: 190px; } .separador.h380.fixed { height: 380px; } .separador.h380.mobile { height: 380px; } } .separador.h385 { height: 385px; } .separador.h385.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h385 { height: 192.5px; } .separador.h385.fixed { height: 385px; } .separador.h385.mobile { height: 385px; } } .separador.h390 { height: 390px; } .separador.h390.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h390 { height: 195px; } .separador.h390.fixed { height: 390px; } .separador.h390.mobile { height: 390px; } } .separador.h395 { height: 395px; } .separador.h395.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h395 { height: 197.5px; } .separador.h395.fixed { height: 395px; } .separador.h395.mobile { height: 395px; } } .separador.h400 { height: 400px; } .separador.h400.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h400 { height: 200px; } .separador.h400.fixed { height: 400px; } .separador.h400.mobile { height: 400px; } } .separador.h405 { height: 405px; } .separador.h405.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h405 { height: 202.5px; } .separador.h405.fixed { height: 405px; } .separador.h405.mobile { height: 405px; } } .separador.h410 { height: 410px; } .separador.h410.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h410 { height: 205px; } .separador.h410.fixed { height: 410px; } .separador.h410.mobile { height: 410px; } } .separador.h415 { height: 415px; } .separador.h415.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h415 { height: 207.5px; } .separador.h415.fixed { height: 415px; } .separador.h415.mobile { height: 415px; } } .separador.h420 { height: 420px; } .separador.h420.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h420 { height: 210px; } .separador.h420.fixed { height: 420px; } .separador.h420.mobile { height: 420px; } } .separador.h425 { height: 425px; } .separador.h425.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h425 { height: 212.5px; } .separador.h425.fixed { height: 425px; } .separador.h425.mobile { height: 425px; } } .separador.h430 { height: 430px; } .separador.h430.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h430 { height: 215px; } .separador.h430.fixed { height: 430px; } .separador.h430.mobile { height: 430px; } } .separador.h435 { height: 435px; } .separador.h435.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h435 { height: 217.5px; } .separador.h435.fixed { height: 435px; } .separador.h435.mobile { height: 435px; } } .separador.h440 { height: 440px; } .separador.h440.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h440 { height: 220px; } .separador.h440.fixed { height: 440px; } .separador.h440.mobile { height: 440px; } } .separador.h445 { height: 445px; } .separador.h445.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h445 { height: 222.5px; } .separador.h445.fixed { height: 445px; } .separador.h445.mobile { height: 445px; } } .separador.h450 { height: 450px; } .separador.h450.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h450 { height: 225px; } .separador.h450.fixed { height: 450px; } .separador.h450.mobile { height: 450px; } } .separador.h455 { height: 455px; } .separador.h455.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h455 { height: 227.5px; } .separador.h455.fixed { height: 455px; } .separador.h455.mobile { height: 455px; } } .separador.h460 { height: 460px; } .separador.h460.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h460 { height: 230px; } .separador.h460.fixed { height: 460px; } .separador.h460.mobile { height: 460px; } } .separador.h465 { height: 465px; } .separador.h465.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h465 { height: 232.5px; } .separador.h465.fixed { height: 465px; } .separador.h465.mobile { height: 465px; } } .separador.h470 { height: 470px; } .separador.h470.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h470 { height: 235px; } .separador.h470.fixed { height: 470px; } .separador.h470.mobile { height: 470px; } } .separador.h475 { height: 475px; } .separador.h475.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h475 { height: 237.5px; } .separador.h475.fixed { height: 475px; } .separador.h475.mobile { height: 475px; } } .separador.h480 { height: 480px; } .separador.h480.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h480 { height: 240px; } .separador.h480.fixed { height: 480px; } .separador.h480.mobile { height: 480px; } } .separador.h485 { height: 485px; } .separador.h485.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h485 { height: 242.5px; } .separador.h485.fixed { height: 485px; } .separador.h485.mobile { height: 485px; } } .separador.h490 { height: 490px; } .separador.h490.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h490 { height: 245px; } .separador.h490.fixed { height: 490px; } .separador.h490.mobile { height: 490px; } } .separador.h495 { height: 495px; } .separador.h495.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h495 { height: 247.5px; } .separador.h495.fixed { height: 495px; } .separador.h495.mobile { height: 495px; } } .separador.h500 { height: 500px; } .separador.h500.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h500 { height: 250px; } .separador.h500.fixed { height: 500px; } .separador.h500.mobile { height: 500px; } } .separador.h505 { height: 505px; } .separador.h505.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h505 { height: 252.5px; } .separador.h505.fixed { height: 505px; } .separador.h505.mobile { height: 505px; } } .separador.h510 { height: 510px; } .separador.h510.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h510 { height: 255px; } .separador.h510.fixed { height: 510px; } .separador.h510.mobile { height: 510px; } } .separador.h515 { height: 515px; } .separador.h515.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h515 { height: 257.5px; } .separador.h515.fixed { height: 515px; } .separador.h515.mobile { height: 515px; } } .separador.h520 { height: 520px; } .separador.h520.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h520 { height: 260px; } .separador.h520.fixed { height: 520px; } .separador.h520.mobile { height: 520px; } } .separador.h525 { height: 525px; } .separador.h525.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h525 { height: 262.5px; } .separador.h525.fixed { height: 525px; } .separador.h525.mobile { height: 525px; } } .separador.h530 { height: 530px; } .separador.h530.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h530 { height: 265px; } .separador.h530.fixed { height: 530px; } .separador.h530.mobile { height: 530px; } } .separador.h535 { height: 535px; } .separador.h535.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h535 { height: 267.5px; } .separador.h535.fixed { height: 535px; } .separador.h535.mobile { height: 535px; } } .separador.h540 { height: 540px; } .separador.h540.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h540 { height: 270px; } .separador.h540.fixed { height: 540px; } .separador.h540.mobile { height: 540px; } } .separador.h545 { height: 545px; } .separador.h545.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h545 { height: 272.5px; } .separador.h545.fixed { height: 545px; } .separador.h545.mobile { height: 545px; } } .separador.h550 { height: 550px; } .separador.h550.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h550 { height: 275px; } .separador.h550.fixed { height: 550px; } .separador.h550.mobile { height: 550px; } } .separador.h555 { height: 555px; } .separador.h555.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h555 { height: 277.5px; } .separador.h555.fixed { height: 555px; } .separador.h555.mobile { height: 555px; } } .separador.h560 { height: 560px; } .separador.h560.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h560 { height: 280px; } .separador.h560.fixed { height: 560px; } .separador.h560.mobile { height: 560px; } } .separador.h565 { height: 565px; } .separador.h565.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h565 { height: 282.5px; } .separador.h565.fixed { height: 565px; } .separador.h565.mobile { height: 565px; } } .separador.h570 { height: 570px; } .separador.h570.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h570 { height: 285px; } .separador.h570.fixed { height: 570px; } .separador.h570.mobile { height: 570px; } } .separador.h575 { height: 575px; } .separador.h575.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h575 { height: 287.5px; } .separador.h575.fixed { height: 575px; } .separador.h575.mobile { height: 575px; } } .separador.h580 { height: 580px; } .separador.h580.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h580 { height: 290px; } .separador.h580.fixed { height: 580px; } .separador.h580.mobile { height: 580px; } } .separador.h585 { height: 585px; } .separador.h585.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h585 { height: 292.5px; } .separador.h585.fixed { height: 585px; } .separador.h585.mobile { height: 585px; } } .separador.h590 { height: 590px; } .separador.h590.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h590 { height: 295px; } .separador.h590.fixed { height: 590px; } .separador.h590.mobile { height: 590px; } } .separador.h595 { height: 595px; } .separador.h595.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h595 { height: 297.5px; } .separador.h595.fixed { height: 595px; } .separador.h595.mobile { height: 595px; } } .separador.h600 { height: 600px; } .separador.h600.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h600 { height: 300px; } .separador.h600.fixed { height: 600px; } .separador.h600.mobile { height: 600px; } } .separador.h605 { height: 605px; } .separador.h605.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h605 { height: 302.5px; } .separador.h605.fixed { height: 605px; } .separador.h605.mobile { height: 605px; } } .separador.h610 { height: 610px; } .separador.h610.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h610 { height: 305px; } .separador.h610.fixed { height: 610px; } .separador.h610.mobile { height: 610px; } } .separador.h615 { height: 615px; } .separador.h615.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h615 { height: 307.5px; } .separador.h615.fixed { height: 615px; } .separador.h615.mobile { height: 615px; } } .separador.h620 { height: 620px; } .separador.h620.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h620 { height: 310px; } .separador.h620.fixed { height: 620px; } .separador.h620.mobile { height: 620px; } } .separador.h625 { height: 625px; } .separador.h625.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h625 { height: 312.5px; } .separador.h625.fixed { height: 625px; } .separador.h625.mobile { height: 625px; } } .separador.h630 { height: 630px; } .separador.h630.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h630 { height: 315px; } .separador.h630.fixed { height: 630px; } .separador.h630.mobile { height: 630px; } } .separador.h635 { height: 635px; } .separador.h635.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h635 { height: 317.5px; } .separador.h635.fixed { height: 635px; } .separador.h635.mobile { height: 635px; } } .separador.h640 { height: 640px; } .separador.h640.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h640 { height: 320px; } .separador.h640.fixed { height: 640px; } .separador.h640.mobile { height: 640px; } } .separador.h645 { height: 645px; } .separador.h645.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h645 { height: 322.5px; } .separador.h645.fixed { height: 645px; } .separador.h645.mobile { height: 645px; } } .separador.h650 { height: 650px; } .separador.h650.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h650 { height: 325px; } .separador.h650.fixed { height: 650px; } .separador.h650.mobile { height: 650px; } } .separador.h655 { height: 655px; } .separador.h655.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h655 { height: 327.5px; } .separador.h655.fixed { height: 655px; } .separador.h655.mobile { height: 655px; } } .separador.h660 { height: 660px; } .separador.h660.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h660 { height: 330px; } .separador.h660.fixed { height: 660px; } .separador.h660.mobile { height: 660px; } } .separador.h665 { height: 665px; } .separador.h665.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h665 { height: 332.5px; } .separador.h665.fixed { height: 665px; } .separador.h665.mobile { height: 665px; } } .separador.h670 { height: 670px; } .separador.h670.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h670 { height: 335px; } .separador.h670.fixed { height: 670px; } .separador.h670.mobile { height: 670px; } } .separador.h675 { height: 675px; } .separador.h675.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h675 { height: 337.5px; } .separador.h675.fixed { height: 675px; } .separador.h675.mobile { height: 675px; } } .separador.h680 { height: 680px; } .separador.h680.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h680 { height: 340px; } .separador.h680.fixed { height: 680px; } .separador.h680.mobile { height: 680px; } } .separador.h685 { height: 685px; } .separador.h685.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h685 { height: 342.5px; } .separador.h685.fixed { height: 685px; } .separador.h685.mobile { height: 685px; } } .separador.h690 { height: 690px; } .separador.h690.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h690 { height: 345px; } .separador.h690.fixed { height: 690px; } .separador.h690.mobile { height: 690px; } } .separador.h695 { height: 695px; } .separador.h695.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h695 { height: 347.5px; } .separador.h695.fixed { height: 695px; } .separador.h695.mobile { height: 695px; } } .separador.h700 { height: 700px; } .separador.h700.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h700 { height: 350px; } .separador.h700.fixed { height: 700px; } .separador.h700.mobile { height: 700px; } } .separador.h705 { height: 705px; } .separador.h705.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h705 { height: 352.5px; } .separador.h705.fixed { height: 705px; } .separador.h705.mobile { height: 705px; } } .separador.h710 { height: 710px; } .separador.h710.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h710 { height: 355px; } .separador.h710.fixed { height: 710px; } .separador.h710.mobile { height: 710px; } } .separador.h715 { height: 715px; } .separador.h715.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h715 { height: 357.5px; } .separador.h715.fixed { height: 715px; } .separador.h715.mobile { height: 715px; } } .separador.h720 { height: 720px; } .separador.h720.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h720 { height: 360px; } .separador.h720.fixed { height: 720px; } .separador.h720.mobile { height: 720px; } } .separador.h725 { height: 725px; } .separador.h725.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h725 { height: 362.5px; } .separador.h725.fixed { height: 725px; } .separador.h725.mobile { height: 725px; } } .separador.h730 { height: 730px; } .separador.h730.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h730 { height: 365px; } .separador.h730.fixed { height: 730px; } .separador.h730.mobile { height: 730px; } } .separador.h735 { height: 735px; } .separador.h735.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h735 { height: 367.5px; } .separador.h735.fixed { height: 735px; } .separador.h735.mobile { height: 735px; } } .separador.h740 { height: 740px; } .separador.h740.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h740 { height: 370px; } .separador.h740.fixed { height: 740px; } .separador.h740.mobile { height: 740px; } } .separador.h745 { height: 745px; } .separador.h745.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h745 { height: 372.5px; } .separador.h745.fixed { height: 745px; } .separador.h745.mobile { height: 745px; } } .separador.h750 { height: 750px; } .separador.h750.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h750 { height: 375px; } .separador.h750.fixed { height: 750px; } .separador.h750.mobile { height: 750px; } } .separador.h755 { height: 755px; } .separador.h755.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h755 { height: 377.5px; } .separador.h755.fixed { height: 755px; } .separador.h755.mobile { height: 755px; } } .separador.h760 { height: 760px; } .separador.h760.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h760 { height: 380px; } .separador.h760.fixed { height: 760px; } .separador.h760.mobile { height: 760px; } } .separador.h765 { height: 765px; } .separador.h765.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h765 { height: 382.5px; } .separador.h765.fixed { height: 765px; } .separador.h765.mobile { height: 765px; } } .separador.h770 { height: 770px; } .separador.h770.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h770 { height: 385px; } .separador.h770.fixed { height: 770px; } .separador.h770.mobile { height: 770px; } } .separador.h775 { height: 775px; } .separador.h775.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h775 { height: 387.5px; } .separador.h775.fixed { height: 775px; } .separador.h775.mobile { height: 775px; } } .separador.h780 { height: 780px; } .separador.h780.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h780 { height: 390px; } .separador.h780.fixed { height: 780px; } .separador.h780.mobile { height: 780px; } } .separador.h785 { height: 785px; } .separador.h785.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h785 { height: 392.5px; } .separador.h785.fixed { height: 785px; } .separador.h785.mobile { height: 785px; } } .separador.h790 { height: 790px; } .separador.h790.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h790 { height: 395px; } .separador.h790.fixed { height: 790px; } .separador.h790.mobile { height: 790px; } } .separador.h795 { height: 795px; } .separador.h795.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h795 { height: 397.5px; } .separador.h795.fixed { height: 795px; } .separador.h795.mobile { height: 795px; } } .separador.h800 { height: 800px; } .separador.h800.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h800 { height: 400px; } .separador.h800.fixed { height: 800px; } .separador.h800.mobile { height: 800px; } } .separador.h805 { height: 805px; } .separador.h805.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h805 { height: 402.5px; } .separador.h805.fixed { height: 805px; } .separador.h805.mobile { height: 805px; } } .separador.h810 { height: 810px; } .separador.h810.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h810 { height: 405px; } .separador.h810.fixed { height: 810px; } .separador.h810.mobile { height: 810px; } } .separador.h815 { height: 815px; } .separador.h815.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h815 { height: 407.5px; } .separador.h815.fixed { height: 815px; } .separador.h815.mobile { height: 815px; } } .separador.h820 { height: 820px; } .separador.h820.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h820 { height: 410px; } .separador.h820.fixed { height: 820px; } .separador.h820.mobile { height: 820px; } } .separador.h825 { height: 825px; } .separador.h825.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h825 { height: 412.5px; } .separador.h825.fixed { height: 825px; } .separador.h825.mobile { height: 825px; } } .separador.h830 { height: 830px; } .separador.h830.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h830 { height: 415px; } .separador.h830.fixed { height: 830px; } .separador.h830.mobile { height: 830px; } } .separador.h835 { height: 835px; } .separador.h835.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h835 { height: 417.5px; } .separador.h835.fixed { height: 835px; } .separador.h835.mobile { height: 835px; } } .separador.h840 { height: 840px; } .separador.h840.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h840 { height: 420px; } .separador.h840.fixed { height: 840px; } .separador.h840.mobile { height: 840px; } } .separador.h845 { height: 845px; } .separador.h845.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h845 { height: 422.5px; } .separador.h845.fixed { height: 845px; } .separador.h845.mobile { height: 845px; } } .separador.h850 { height: 850px; } .separador.h850.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h850 { height: 425px; } .separador.h850.fixed { height: 850px; } .separador.h850.mobile { height: 850px; } } .separador.h855 { height: 855px; } .separador.h855.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h855 { height: 427.5px; } .separador.h855.fixed { height: 855px; } .separador.h855.mobile { height: 855px; } } .separador.h860 { height: 860px; } .separador.h860.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h860 { height: 430px; } .separador.h860.fixed { height: 860px; } .separador.h860.mobile { height: 860px; } } .separador.h865 { height: 865px; } .separador.h865.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h865 { height: 432.5px; } .separador.h865.fixed { height: 865px; } .separador.h865.mobile { height: 865px; } } .separador.h870 { height: 870px; } .separador.h870.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h870 { height: 435px; } .separador.h870.fixed { height: 870px; } .separador.h870.mobile { height: 870px; } } .separador.h875 { height: 875px; } .separador.h875.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h875 { height: 437.5px; } .separador.h875.fixed { height: 875px; } .separador.h875.mobile { height: 875px; } } .separador.h880 { height: 880px; } .separador.h880.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h880 { height: 440px; } .separador.h880.fixed { height: 880px; } .separador.h880.mobile { height: 880px; } } .separador.h885 { height: 885px; } .separador.h885.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h885 { height: 442.5px; } .separador.h885.fixed { height: 885px; } .separador.h885.mobile { height: 885px; } } .separador.h890 { height: 890px; } .separador.h890.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h890 { height: 445px; } .separador.h890.fixed { height: 890px; } .separador.h890.mobile { height: 890px; } } .separador.h895 { height: 895px; } .separador.h895.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h895 { height: 447.5px; } .separador.h895.fixed { height: 895px; } .separador.h895.mobile { height: 895px; } } .separador.h900 { height: 900px; } .separador.h900.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h900 { height: 450px; } .separador.h900.fixed { height: 900px; } .separador.h900.mobile { height: 900px; } } .separador.h905 { height: 905px; } .separador.h905.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h905 { height: 452.5px; } .separador.h905.fixed { height: 905px; } .separador.h905.mobile { height: 905px; } } .separador.h910 { height: 910px; } .separador.h910.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h910 { height: 455px; } .separador.h910.fixed { height: 910px; } .separador.h910.mobile { height: 910px; } } .separador.h915 { height: 915px; } .separador.h915.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h915 { height: 457.5px; } .separador.h915.fixed { height: 915px; } .separador.h915.mobile { height: 915px; } } .separador.h920 { height: 920px; } .separador.h920.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h920 { height: 460px; } .separador.h920.fixed { height: 920px; } .separador.h920.mobile { height: 920px; } } .separador.h925 { height: 925px; } .separador.h925.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h925 { height: 462.5px; } .separador.h925.fixed { height: 925px; } .separador.h925.mobile { height: 925px; } } .separador.h930 { height: 930px; } .separador.h930.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h930 { height: 465px; } .separador.h930.fixed { height: 930px; } .separador.h930.mobile { height: 930px; } } .separador.h935 { height: 935px; } .separador.h935.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h935 { height: 467.5px; } .separador.h935.fixed { height: 935px; } .separador.h935.mobile { height: 935px; } } .separador.h940 { height: 940px; } .separador.h940.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h940 { height: 470px; } .separador.h940.fixed { height: 940px; } .separador.h940.mobile { height: 940px; } } .separador.h945 { height: 945px; } .separador.h945.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h945 { height: 472.5px; } .separador.h945.fixed { height: 945px; } .separador.h945.mobile { height: 945px; } } .separador.h950 { height: 950px; } .separador.h950.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h950 { height: 475px; } .separador.h950.fixed { height: 950px; } .separador.h950.mobile { height: 950px; } } .separador.h955 { height: 955px; } .separador.h955.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h955 { height: 477.5px; } .separador.h955.fixed { height: 955px; } .separador.h955.mobile { height: 955px; } } .separador.h960 { height: 960px; } .separador.h960.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h960 { height: 480px; } .separador.h960.fixed { height: 960px; } .separador.h960.mobile { height: 960px; } } .separador.h965 { height: 965px; } .separador.h965.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h965 { height: 482.5px; } .separador.h965.fixed { height: 965px; } .separador.h965.mobile { height: 965px; } } .separador.h970 { height: 970px; } .separador.h970.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h970 { height: 485px; } .separador.h970.fixed { height: 970px; } .separador.h970.mobile { height: 970px; } } .separador.h975 { height: 975px; } .separador.h975.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h975 { height: 487.5px; } .separador.h975.fixed { height: 975px; } .separador.h975.mobile { height: 975px; } } .separador.h980 { height: 980px; } .separador.h980.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h980 { height: 490px; } .separador.h980.fixed { height: 980px; } .separador.h980.mobile { height: 980px; } } .separador.h985 { height: 985px; } .separador.h985.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h985 { height: 492.5px; } .separador.h985.fixed { height: 985px; } .separador.h985.mobile { height: 985px; } } .separador.h990 { height: 990px; } .separador.h990.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h990 { height: 495px; } .separador.h990.fixed { height: 990px; } .separador.h990.mobile { height: 990px; } } .separador.h995 { height: 995px; } .separador.h995.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h995 { height: 497.5px; } .separador.h995.fixed { height: 995px; } .separador.h995.mobile { height: 995px; } } .separador.h1000 { height: 1000px; } .separador.h1000.mobile { height: 0; } @media only screen and (max-width: 800px) { .separador.h1000 { height: 500px; } .separador.h1000.fixed { height: 1000px; } .separador.h1000.mobile { height: 1000px; } } .separador.lineal { position: relative; margin: 5px 0; } .separador.lineal:after { display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; background-color: #595b5a; } .separador.lineal.gris:after { background-color: rgba(0, 0, 0, 0.1); } .separador.lineal.grismasclaro:after { background-color: #f2f2f2; } .separador.lineal.grisclaro:after { background-color: #d8d8d8; } .separador.lineal.rojo:after { background-color: #ef3742; } .separador.lineal.azul:after { background-color: #006fb9; } .separador.lineal.verde:after { background-color: #00953a; } .separador.lineal.amarillo:after { background-color: #ffd700; } .separador.lineal.th-1:after { border-radius: 0.5px; height: 1px !important; } .separador.lineal.th-2:after { border-radius: 1px; height: 2px !important; } .separador.lineal.th-3:after { border-radius: 1.5px; height: 3px !important; } .separador.lineal.th-4:after { border-radius: 2px; height: 4px !important; } .separador.lineal.th-5:after { border-radius: 2.5px; height: 5px !important; } .separador.lineal.th-6:after { border-radius: 3px; height: 6px !important; } .separador.lineal.th-7:after { border-radius: 3.5px; height: 7px !important; } .separador.lineal.th-8:after { border-radius: 4px; height: 8px !important; } .separador.lineal.th-9:after { border-radius: 4.5px; height: 9px !important; } .separador.lineal.th-10:after { border-radius: 5px; height: 10px !important; } body { height: 100%; width: 100%; background-color: #f2f2f2; background-size: cover; background-position: center center; background-repeat: no-repeat; } body.raw { background-color: #404141; } html { position: relative; min-height: 100%; } .logotipoBciBlanco { background-image: url('logoBciSeguros_blanco.c4c519cf68bdcd27fb8a.svg'); background-size: auto 100%; background-repeat: no-repeat; background-position: center center; } .scroll-to-top { position: fixed; right: -10px; bottom: 10px; display: none; width: 50px; height: 40px; text-align: center; color: white; background: rgba(242, 242, 242, 0.6); z-index: 100000; transition: all 0.1s linear; line-height: 46px; background-image: url('_bold_up.b90d191d028a5c9924c6.svg'); background-repeat: no-repeat; border-radius: 20px 0 0 20px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); } .scroll-to-top:focus, .scroll-to-top:hover { color: white; right: 0px; } .scroll-to-top:hover { background-color: rgba(255, 255, 255, 0.8); background-image: url('_bold_up.b90d191d028a5c9924c6.svg'); } .scroll-to-top i { font-family: "overpassbold"; } /*botones*/ .btn-seguimiento { width: 100%; min-width: 116px; height: 20px; background-color: #e6e6e6; line-height: 20px !important; padding: 0 2px !important; margin: 5px 0 0 0 !important; display: inline-block; text-align: left; position: relative; color: #006fb9 !important; text-transform: uppercase; font-family: "overpassregular"; font-size: .7rem; overflow-x: hidden; border-radius: 10px; transition: all 0.1s linear; cursor: pointer; } .btn-seguimiento .bci-icon { transition: all 0.1s linear; position: absolute; top: 0; right: 5px; height: 20px; background-size: auto 150%; opacity: 1 !important; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .btn-seguimiento:hover { text-align: center; background-color: #006fb9; color: white !important; } .btn-seguimiento:hover .bci-icon { right: -25px; } .boton-seguimiento { width: 100%; height: 30px; background-color: #e6e6e6; line-height: 30px !important; padding: 0 10px !important; margin: 0 !important; display: inline-block; text-align: left; position: relative; color: #006fb9 !important; text-transform: uppercase; font-family: "overpassregular"; font-size: .7rem; overflow-x: hidden; border-radius: 20px; transition: all 0.1s linear; cursor: pointer; } .boton-seguimiento .bci-icon { transition: all 0.1s linear; position: absolute; top: 0; width: 40px; right: 5px; height: 30px; background-size: auto 150%; opacity: 1 !important; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .boton-seguimiento:hover { text-align: center; background-color: #006fb9; color: white !important; } .boton-seguimiento:hover .bci-icon { right: -25px; } a.action { cursor: pointer; width: 20px; height: 20px; display: inline-block; background-size: auto 90%; background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; position: relative; } a.action .bci-icon { opacity: 0.7; } a.action .bci-icon.color { opacity: 1; } a.action:hover .bci-icon { opacity: 0.5; } a.action.tool-tips[data-tooltip="ok"] { cursor: pointer; z-index: 10001101; } a.action.tool-tips[data-tooltip="ok"]:hover:after { content: ''; position: absolute; bottom: -10px; right: 40px; width: 450px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; font-size: 0.9rem; line-height: 1.2; height: 40px; text-align: center; background: #3a3a3a; color: white; content: attr(data-message); padding: 3px; font-family: "Arial", sans-serif; border-radius: 4px; z-index: 10001101; font-weight: 300; } a.action.tool-tips[data-tooltip="ok"]:hover:before { content: ''; z-index: 100001; position: absolute; display: block; width: 15px; bottom: -10px; height: 40px; right: 30px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; background-image: url('sidetooltip_left.5eaf52fafcec59f5ca01.svg'); filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)); } .boton { border-radius: 2px; font-family: "overpassregular"; text-transform: uppercase; color: #ccc; text-align: center; text-decoration: none; display: inline-block; font-size: 0.9rem; cursor: pointer; background-color: #fafafa; padding: 5px 20px; position: relative; max-width: 250px; min-width: 100px; margin: 5px 5px; height: auto; border: none; } .win .boton { padding: 7px 20px 4px; } .boton.ajustado { font-size: 0.85rem; line-height: 0.9; max-width: 145px; } .boton:focus, .boton:active, .boton:hover { opacity: 0.8; color: white; text-decoration: none; } @media only screen and (max-width: 800px) { .boton { font-size: 0.9rem; } } @media only screen and (max-width: 576px) { .boton { font-size: 0.8rem; min-width: 170px; padding: 4px 20px; } } .boton.flotante { position: fixed; bottom: 10px; right: 10px; } @media only screen and (max-width: 576px) { .boton.descargar { display: none; } } .boton.icono { min-width: 30px; max-width: 30px; height: 30px; padding: 0; } .boton.icono .bci-icon { width: 30px; height: 30px; opacity: 1; filter: grayscale(100%) brightness(30%); -webkit-filter: grayscale(100%) brightness(300%); -ms-filter: grayscale(100%) brightness(300%); } .boton.icono.chico { height: 24px; line-height: 24px; font-size: 0.7rem; } .boton.eliminar { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; color: #ef3742; } .boton.eliminar .bci-icon { margin-right: 5px; } .boton.eliminar:hover { color: #595b5a; } .boton.eliminar:hover .bci-icon { filter: grayscale(100%); -webkit-filter: grayscale(100%); } .boton.chico, .boton.small { font-size: 0.7rem; margin: 4px 0; display: inline-block; } .boton.chico.icon, .boton.small.icon { padding-left: 40px; } .boton.chico.icon .bci-icon, .boton.small.icon .bci-icon { opacity: 1; filter: grayscale(0%) brightness(400%); -webkit-filter: grayscale(0%) brightness(400%); -ms-filter: grayscale(0%) brightness(400%); position: absolute; left: 4px; top: -1px; height: 100%; width: 30px; background-size: auto 85%; } @media only screen and (max-width: 800px) { .boton.chico, .boton.small { padding: 4px 7px; min-width: 10px; } } .boton.grande { font-size: 1rem; padding: 6px 12px 6px 12px; min-width: 130px; max-width: 300px; text-align: center; } .boton.grande.icon { padding-left: 30px; } .boton.grande.icon .bci-icon { opacity: 1; filter: grayscale(0%) brightness(400%); -webkit-filter: grayscale(0%) brightness(400%); position: absolute; left: 5px; top: -1px; height: 100%; width: 20px; background-position: center center; background-size: auto 98%; } @media only screen and (max-width: 576px) { .boton.grande { min-width: 100px; max-width: inherit; } .boton.grande i { display: none; } .card-footer .boton.grande { padding: 6px !important; font-size: 0.65rem; text-align: center; } } .boton.texto { color: #006fb9; font-size: 0.9rem; text-decoration: underline !important; text-align: left; text-transform: capitalize; width: auto; max-width: 100%; padding: 0 0 0 12px; margin: 0 0 0 5px; height: 20px; background-color: transparent; background-image: url('bulletarrow.3121b1deebb86a3c36f7.svg'); background-position: left center; background-repeat: no-repeat; background-size: auto 8px; transition: all 0.1s linear; } .boton.texto:hover { color: #595b5a; background-position: 4px center; } .boton.texto.azul { color: #006fb9 !important; background-image: url('bulletarrow.3121b1deebb86a3c36f7.svg'); } .boton.texto.verde { color: #00953a !important; background-image: url('bulletarrow_verde.94d9f87c915bde94e905.svg'); } .modulos-cobertura .boton.texto { font-size: 0.8rem; color: white !important; background-image: url('bulletarrow_blanco.e8005f0771baaeffa495.svg') !important; } .boton.simple { background: none; box-shadow: none !important; text-transform: inherit; color: #006fb9 !important; position: relative; float: left; } .boton.simple::after { transition: all 0.1s linear; content: ' '; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #595b5a; opacity: 0.05; border-radius: 3px; } .boton.simple::before { transition: all 0.1s linear; content: ' '; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0px; background: #006fb9; z-index: 10; border-radius: 2px; } .boton.simple:hover::after { height: 0px; } .boton.simple:hover::before { height: 6px; } .boton.simple.bg-rojo { color: #ef3742 !important; } .boton.simple.bg-rojo::before { background: #ef3742; } .boton.simple.bg-azul { color: #006fb9 !important; } .boton.simple.bg-azul::before { background: #006fb9; } .boton.simple.bg-verde { color: #00953a !important; } .boton.simple.bg-verde::before { background: #00953a; } .boton.simple.bg-gris { color: #595b5a !important; } .boton.simple.bg-gris::before { background: #595b5a; } .boton.volver { box-shadow: none !important; color: #595b5a; position: relative; max-width: 100px; } .modal-footer > .boton.volver, .card-footer > .boton.volver { position: absolute; top: .75rem; left: 1.25rem; } @media only screen and (max-width: 800px) { .modal-footer > .boton.volver, .card-footer > .boton.volver { min-width: 34px; overflow: hidden; text-indent: -999px; width: 35px; left: 0.5rem; } .modal-footer > .boton.volver::before, .card-footer > .boton.volver::before { left: 0; } } .boton.volver::before { content: ''; display: block; position: absolute; left: -10px; top: 0; height: 100%; width: 20px; background: no-repeat center center url('_lite_back_arrow.374029c051a184c37053.svg'); background-size: auto 60%; } .boton.expandable { width: 120px; position: absolute; top: 0; right: 1%; font-size: 0.6rem; line-height: 0.7rem; text-align: left; padding: 7px 20px 7px 30px; text-indent: 0; z-index: 999; } .boton.expandable .bci-icon { position: absolute; top: 0; height: 100%; left: 3px; } @media only screen and (max-width: 576px) { .boton.expandable { display: block; width: 100%; position: relative; max-width: 100%; margin: 10px; } } .boton.expandable[aria-expanded="false"] .on { display: none; } .boton.expandable[aria-expanded="false"] .off { display: inline-block; } .boton.expandable[aria-expanded="false"] .bci-icon { opacity: 1; } .boton.expandable[aria-expanded="false"] .bci-icon.expand { background-image: url('_lite_expand.6665efa7453ccfb34962.svg'); } .boton.expandable[aria-expanded="true"] { box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.2); background-color: #595b5a; } .boton.expandable[aria-expanded="true"] .off { display: none; } .boton.expandable[aria-expanded="true"] .on { display: inline-block; } .boton.expandable[aria-expanded="true"] .bci-icon { opacity: 1; } .boton.expandable[aria-expanded="true"] .bci-icon.expand { background-image: url('_lite_contract.5b02903d75fa93b53e05.svg'); } .boton.bg-negro { background-color: black !important; color: #f2f2f2 !important; } .boton.bg-gris { background-color: #aeb2af; color: #fafafa !important; } .boton.bg-blanco { background-color: #fafafa; color: #595b5a !important; } .boton.bg-rojo { background-color: #ef3742; color: white !important; } .boton.bg-azul { background-color: #006fb9; color: white !important; } .boton.bg-verde { background-color: #00953a; color: white !important; } .boton.bg-disabled { background-color: #cccccc; color: #f2f2f2 !important; width: auto; cursor: not-allowed; } .boton.borde { background: none !important; border: none; outline: #f2f2f2 3px solid; font-size: 0.8rem; padding: 0 10px; min-width: 100px !important; width: auto; line-height: 30px; height: 30px; } .boton.borde.bg-negro { outline-color: #272727 !important; color: #272727 !important; } .boton.borde.bg-gris { outline-color: #a6a7a7 !important; color: #a6a7a7 !important; } .boton.borde.bg-grisoscuro { outline-color: #727574 !important; color: #727574 !important; } .boton.borde.bg-negro { outline-color: #595b5a !important; color: #595b5a !important; } .boton.borde.bg-rojo { outline-color: #ef3742 !important; color: #ef3742 !important; } .boton.borde.bg-azul { outline-color: #006fb9 !important; color: #006fb9 !important; } .boton.borde.bg-verde { outline-color: #00953a !important; color: #00953a !important; } .boton.borde.icono { min-width: 200px; max-width: 500px; padding-right: 5px; padding-left: 30px; } .boton.borde.icono .bci-icon { opacity: .7; filter: brightness(100%); -webkit-filter: brightness(100%); position: absolute; left: 0; top: 0; height: 100%; width: 30px; margin: 0; background-size: auto 70%; } a.text-link { color: #595b5a; text-decoration: none; font-size: 0.8rem; font-family: "overpassregular", sans-serif; line-height: 35px; cursor: pointer; } a.text-link.icon { position: relative; padding-left: 30px; } a.text-link.icon:hover, a.text-link.icon:active, a.text-link.icon:focus { color: #006fb9 !important; opacity: 0.5; } a.text-link.icon i { position: absolute; top: 0; left: 0; height: 100%; margin: 0; padding: 0; background-size: auto 150%; } a.text-link u { text-decoration: none; border-bottom: 3px solid #595b5a; } a.text-link:hover, a.text-link:active, a.text-link:focus { color: #006fb9; text-decoration: none; } a.text-link:hover u, a.text-link:active u, a.text-link:focus u { border-bottom: 3px solid #006fb9; } @media only screen and (max-width: 800px) { a.text-link { font-size: 0.8rem; display: block; margin: 0 10px; } } @media only screen and (max-width: 576px) { a.text-link { font-size: 0.75rem; } } .solo-descargar { position: absolute; top: 0; text-align: right; width: 82px; display: block; line-height: 1; padding-right: 22px; color: #aeb2af !important; } .solo-descargar:hover { color: #595b5a !important; } .solo-descargar:hover .bci-icon { opacity: 1; } .solo-descargar .bci-icon { position: absolute; top: 0; right: 0; } .solo-icono { padding: 0 5px; margin: 0 5px; height: 25px; min-width: 25px; width: 25px; display: inline-block; box-shadow: none !important; position: relative; } @media only screen and (max-width: 800px) { .solo-icono { margin: 0 2px; padding: 0 2px; height: 20px; min-width: 20px; width: 20px; } } .solo-icono.disabled { cursor: not-allowed !important; } .solo-icono.disabled .bci-icon { opacity: 0.15 !important; } .solo-icono .dato-flotante { position: absolute; top: 0%; left: 50%; transform: translate(-50%, 0%); background-color: #006fb9; top: -4px; color: white; height: 10px; font-size: 0.5rem; padding: 1px 5px; line-height: 9px; border-radius: 5px; } .solo-icono .dato-flotante.block { background-color: #ef3742; } .solo-icono[data-tooltip="ok"] { cursor: pointer; } .solo-icono[data-tooltip="ok"]:hover:after { content: ''; position: absolute; bottom: -15px; right: 40px; width: 200px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; font-size: 0.9rem; line-height: 1.2; height: 60px; text-align: center; background: #3a3a3a; color: white; content: attr(data-tooltiptext); padding: 10px; font-family: "Arial", sans-serif; border-radius: 4px; z-index: 100001; } .solo-icono[data-tooltip="ok"]:hover:before { content: ''; z-index: 100001; position: absolute; display: block; width: 20px; bottom: 0px; height: 30px; right: 24px; background-repeat: no-repeat; background-size: auto 100%; background-position: center top; background-image: url('sidetooltip_left.5eaf52fafcec59f5ca01.svg'); filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)); } .solo-icono .bci-icon { position: relative; height: 25px; width: 25px; display: inline-block; opacity: 0.5; background-size: 120% auto; } .solo-icono .bci-icon:hover { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } @media only screen and (max-width: 800px) { .solo-icono .bci-icon { height: 20px; width: 20px; } } /*tarjetas*/ .card { position: relative; margin-top: 5px; margin-bottom: 5px; border: none; min-height: 150px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); min-width: 300px; max-width: 600px; width: 100%; background: none; } @media only screen and (max-width: 576px) { .card { width: 98%; } } .row .card { min-width: 100%; max-width: 100%; } .card.pequena { min-width: 310px; max-width: 400px; } .card.mediana { min-width: 450px; max-width: 450px; } @media only screen and (max-width: 800px) { .card.mediana { width: 98%; min-width: 400px; } } .card.normal { min-width: 600px; width: 98%; max-width: 600px; } @media only screen and (max-width: 800px) { .card.normal { width: 98%; } } .card.intermedia { min-width: 890px; width: 98%; max-width: 890px; } @media only screen and (max-width: 1145px) { .card.intermedia { min-width: 768px; width: 98%; } } @media only screen and (max-width: 800px) { .card.intermedia { min-width: 600px; width: 98%; } } .card.grande { min-width: 900px; width: 98%; max-width: 1280px; } @media only screen and (max-width: 1145px) { .card.grande { min-width: 768px; width: 98%; } } @media only screen and (max-width: 800px) { .card.grande { min-width: 600px; width: 98%; } } .card.extensa { min-width: 1000px; width: 98%; max-width: 1440px; } @media only screen and (max-width: 800px) { .card.extensa { min-width: 600px; width: 98%; } } @media only screen and (max-width: 576px) { .card.normal, .card.pequena, .card.mediana, .card.grande, .card.intermedia, .card.extensa { min-width: 290px; width: 98%; } } .card > .card-header { background-color: white; position: relative; border-bottom: 1px solid #f2f2f2; text-transform: uppercase; color: #595b5a; font-size: 0.8rem; font-family: "overpassbold"; } .card > .card-header.bg-azul { background-color: #006fb9; } .card > .card-header.bg-azul h1, .card > .card-header.bg-azul h2, .card > .card-header.bg-azul h3, .card > .card-header.bg-azul h4, .card > .card-header.bg-azul h5 { color: white; } .card > .card-header.bg-verde { background-color: #00953a; } .card > .card-header.bg-verde h1, .card > .card-header.bg-verde h2, .card > .card-header.bg-verde h3, .card > .card-header.bg-verde h4, .card > .card-header.bg-verde h5 { color: white; } .card > .card-body { background-color: #f2f2f2; height: auto; } .ie .card > .card-body { background-color: #e5e5e5; } .card > .card-body.scroll { max-height: 200px; overflow-y: scroll; } .card > .card-body > .formulario-bloque { padding-bottom: 2px; } .card > .card-footer { background-color: white; border-top: 1px solid #f2f2f2; height: auto; min-height: 60px; position: relative; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } @media only screen and (max-width: 800px) { .card > .card-footer { justify-content: center; align-items: center; } } .card > .card-footer > .anexo { flex: 1 1 50%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .card > .card-footer > .anexo > * { flex: 1 1 32%; } .card > .card-footer > .anexo .alerta { flex: 1 1 58%; } .card > .card-footer .alert { position: absolute; right: 0; bottom: -70px; } .card > .card-footer.flotante { background: #595b5a; width: 100%; padding: 0; position: absolute; top: 105%; border: none; left: 0; border-radius: 0 0 5px 5px; } .card > .card-footer.flotante h3 { width: 100%; text-align: left; font-size: 1.1rem; flex: 100%; color: white; } .card > .card-footer.flotante .content { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .card > .card-footer.flotante .content h3 { flex: 0 0 50%; } .card > .card-footer.flotante .content .boton { flex: 0 0 50%; } .card.login { max-width: 500px; width: 98%; display: block; } .card.tablaDatos { border: none; background: none; box-shadow: none !important; } .card.tablaDatos .card-footer { background: #f2f2f2; margin: 0; padding: 10px 0; text-align: right; } .card.tablaDatos .card-footer .pagination { margin: 0; padding: 0; } .card.simple { padding: 5px 5px 10px; background: white; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .card .card-deck { margin-bottom: 15px; margin-top: 0; } .card.dummy { opacity: 0.4; } .card.dummy .tablaDatos { width: 100%; } .card.dummy .tablaDatos table { width: 100%; } .card.dummy .tablaDatos table .dummy-image { width: 90%; opacity: 0.5; } .card.dummy .tablaDatos table tr td { color: rgba(0, 0, 0, 0) !important; } /*tablas*/ tr.data-table-activate { display: none; } tr.data-table-activate.active { display: table-row; } .span-vigencia i.bci-icon { display: inline-block; width: 20px; height: 10px; } .table-content { width: 100%; } .table-content h3 { text-align: left; font-weight: 700; margin-top: 10px; margin-bottom: 10px; } .table-content .datos { margin-bottom: 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; border-bottom: 1px solid #eee; } .table-content .datos:last-child { border: none; } .table-content .datos h5 { flex: 0 0 30px; height: 20px; font-family: "overpassbold"; margin-right: 10px; font-style: normal; } .table-content .datos p { flex: 1; font-size: 0.9rem; line-height: 1.5; text-align: left !important; } /* tablas */ .tablas { background-color: white; padding: 5px; margin: 5px 5px 15px 5px; } .tablas.no-margin { margin: 1px 5px 1px 5px !important; } .tablas.no-margin table { margin-bottom: 1px; } .tablas .content-fixer { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .tablas.nobg { background-color: transparent; } .tablas.nobg .tablaDatos { background-color: transparent; } .tablas.nobg .tablaDatos td { background-color: white; } .tablas .totales { margin: 0; } .tablas .totales thead tr th { color: white !important; background-color: #006fb9 !important; } .tablas .totales thead tr th .th-inner { line-height: 2rem; } .tablas .totales thead tr th .th-inner.total { font-size: 1rem !important; } .resultados-datos .tablas { background-color: rgba(0, 0, 0, 0); padding: 0; margin: 0; } .tablas .tablaDatos { margin: 5px; padding: 5px; background: white; min-width: 0px; max-width: 100%; } .resultados-datos .tablas .tablaDatos { padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); } @media only screen and (max-width: 800px) { .tablas .tablaDatos { overflow: hidden; overflow-x: auto; } .tablas .tablaDatos .no-records-found td { text-align: left !important; text-indent: 10px; } } .tablas .tablaDatos .inline-href { text-decoration: underline; color: #006fb9; } .tablas .tablaDatos .floating-href { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; display: block; } .tablas .tablaDatos table tr.data-switching { display: none !important; } .tablas .tablaDatos table tr.data-switching.active { width: 100%; display: table-row !important; } .tablas .tablaDatos table tr.compacta { height: 12px; padding: 0 2px 0 4px; } .tablas .tablaDatos table tr.compacta th, .tablas .tablaDatos table tr.compacta td { height: 12px; padding: 0 2px 0 4px !important; } .tablas .tablaDatos table tr th, .tablas .tablaDatos table tr td { padding: 2px 2px 2px 2px; text-indent: 0px; position: relative; } .tablas .tablaDatos table tr th:last-child, .tablas .tablaDatos table tr td:last-child { border: none; max-width: 160px; width: auto; text-align: right; padding-right: 10px; } @media only screen and (max-width: 1145px) { .tablas .tablaDatos table tr th:last-child, .tablas .tablaDatos table tr td:last-child { min-width: 90px; } } .tablas .tablaDatos table tr th.inner-datos.datos-padre, .tablas .tablaDatos table tr td.inner-datos.datos-padre { height: 15px; background-color: #f8f8f8; } .tablas .tablaDatos table tr th.inner-datos.datos-padre.destacado, .tablas .tablaDatos table tr td.inner-datos.datos-padre.destacado { background-color: #ebebeb; font-size: 0.8rem; } .tablas .tablaDatos table tr th.inner-datos.datos-hijos, .tablas .tablaDatos table tr td.inner-datos.datos-hijos { font-family: "overpasslight"; color: #aeb2af; background-color: #f8f8f8; } .tablas .tablaDatos table tr th.inner-datos.datos-relacionado, .tablas .tablaDatos table tr td.inner-datos.datos-relacionado { border-left: 2px solid #f2f2f2 !important; border-right: 2px solid #f2f2f2 !important; } .tablas .tablaDatos table thead tr { border-bottom: 5px solid #f2f2f2; } .tablas .tablaDatos table thead tr th { border: none; font-family: "overpassbold"; font-size: 0.75rem; line-height: 1; color: #006fb9; } @media only screen and (min-width: 1201px) { .tablas .tablaDatos table thead tr th { font-size: 0.85rem; } } @media only screen and (max-width: 1290px) { .tablas .tablaDatos table thead tr th { font-size: 0.75rem; } } @media only screen and (max-width: 1145px) { .tablas .tablaDatos table thead tr th { font-size: 0.7rem; } } @media only screen and (max-width: 800px) { .tablas .tablaDatos table thead tr th { font-size: 0.6rem; } } @media only screen and (max-width: 576px) { .tablas .tablaDatos table thead tr th { font-size: 0.8rem; } } .tablas .tablaDatos table tbody tr { border-bottom: 5px solid #f2f2f2; } .tablas .tablaDatos table tbody tr.separador-tabla { background: none !important; } .tablas .tablaDatos table tbody tr.separador-tabla td { height: 10px; margin: 0; } .tablas .tablaDatos table tbody tr.total { background: #f2f2f2; } .tablas .tablaDatos table tbody tr.total td { background: #e5e5e5; border: none !important; font-family: "overpassbold"; } .tablas .tablaDatos table tbody tr td { border-left: 2px solid rgba(242, 242, 242, 0.2) !important; line-height: 1.1; } .tablas .tablaDatos table tbody tr td:first-child { border: none !important; } .resultados-datos .tablas .tablaDatos table tbody tr { border: none; background: white; border-bottom: 5px solid #f1f1f1; } .resultados-datos .tablas .tablaDatos table tbody tr:hover { background: #f7f7f7; } .tablas .tablaDatos table tbody tr.editar .status { background-color: #006fb9; } .tablas .tablaDatos table tbody tr.editar td { background-color: #ecf5ff; } .tablas .tablaDatos table tbody tr.editar td .action { position: absolute; top: 3%; left: 50%; transform: translate(-50%, -3%); } .tablas .tablaDatos table tbody tr.block .status { background-color: #ef3742; } .tablas .tablaDatos table tbody tr.block td { background-color: #fff5f5; } .tablas .tablaDatos table tbody tr.warning .status { background-color: #ffd700; } .tablas .tablaDatos table tbody tr.warning td { background-color: #fffbe8; } .tablas .tablaDatos table tbody tr td { min-height: 30px; font-family: "overpassregular"; color: #484848; font-size: 0.75rem; vertical-align: middle; } .tablas .tablaDatos table tbody tr td.icono-solo { width: 24px; position: relative; } .tablas .tablaDatos table tbody tr td.icono-solo .bci-icon { height: 26px; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -40%); } .tablas .tablaDatos table tbody tr td.lupa { width: 30px; text-indent: 0; } .tablas .tablaDatos table tbody tr td.valores { text-indent: 0; border-right: 2px solid #f2f2f2 !important; } .tablas .tablaDatos table tbody tr td.valores .bci-icon { opacity: 1; background-size: auto 22px; } .tablas .tablaDatos table tbody tr td.estados { border-right: 2px solid #f2f2f2 !important; border-left: 2px solid #f2f2f2 !important; max-width: 90px; padding-left: 5px; text-indent: 0; line-height: 1 !important; } .tablas .tablaDatos table tbody tr td.estados.borderless { border: none !important; } .tablas .tablaDatos table tbody tr td.estados .estado-setup { font-size: 0.8rem; font-family: "overpassregular"; position: relative; text-indent: 0; display: inline-block; padding-left: 12px; } .tablas .tablaDatos table tbody tr td.estados .estado-setup:after { width: 8px; height: 8px; display: block; content: ''; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); border-radius: 8px; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.verde:after { background-color: #00953a; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.azul:after { background-color: #006fb9; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.amarillo:after { background-color: #ffd700; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.rojo:after { background-color: #ef3742; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.celeste:after { background-color: #0071ce; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.rosado:after { background-color: #f25774; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.grisaseo:after { background-color: #acacac; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.morado:after { background-color: #9c67d2; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.mostaza:after { background-color: #d7b401; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.verdeclarooscuro:after { background-color: #028b38; } .tablas .tablaDatos table tbody tr td.estados .estado-setup.verdeOscuro:after { background-color: #02742f; } .tablas .tablaDatos table tbody tr td .corredorIcono { padding: 0; margin: 0 5px 0 0; width: 16px; height: 16px; line-height: 16px; text-indent: 2px; text-align: center; } .tablas .tablaDatos table tbody tr td.FC { width: 22px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .tablas .tablaDatos table tbody tr td.FC .FC-setup { font-weight: bolder; height: 12px; background-color: #595b5a; color: white; display: inline-block; font-size: 0.6rem; line-height: 12px; text-align: left; border-radius: 6px; padding: 0 7px 0 6px; width: 100%; text-indent: 0; margin: 1px; opacity: 0.2; } .tablas .tablaDatos table tbody tr td.FC .FC-setup.active { opacity: 1; } .tablas .tablaDatos table tbody tr td .original { height: 30px; width: 30px; background-size: auto 100%; margin: 0 10px 0 0; } .tablas .tablaDatos table tbody tr td a { cursor: pointer; } .tablas .tablaDatos table tbody tr td a:hover .original { opacity: 0.6; } @media only screen and (min-width: 1201px) { .tablas .tablaDatos table tbody tr td { font-size: 0.85rem; } } @media only screen and (max-width: 1290px) { .tablas .tablaDatos table tbody tr td { font-size: 0.75rem; } } @media only screen and (max-width: 1145px) { .tablas .tablaDatos table tbody tr td { font-size: 0.7rem; } } .tablas .tablaDatos table tbody tr td.estado-on { color: #00953a; } .tablas .tablaDatos table tbody tr td.estado-off { color: #bfbfbf; } .resultados-datos .tablas .tablaDatos table tbody tr td { border: none; } .tablas .tablaDatos table tbody tr.no-records-found td { text-align: center; font-family: "overpassbold"; font-size: 1rem; } .tablas .tablaDatos.pequena table thead th { font-size: 0.65rem; } .tablas .tablaDatos.pequena table tbody tr { background-color: #fcfcfc; border: 5px solid #f2f2f2; line-height: 1.4rem; } .tablas .tablaDatos.pequena table tbody tr td { font-size: 0.65rem; } .archivos-lista { width: 100%; } .archivos-lista .fixed-file-modules { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; } .archivos-lista .fixed-file-modules .modulo-archivo { overflow: hidden; flex: 0 1 23%; background: white; padding: 5px; margin: 1%; min-height: 140px; position: relative; border-radius: 5px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 1145px) { .archivos-lista .fixed-file-modules .modulo-archivo { flex: 0 1 31%; margin: 0.5%; } } .archivos-lista .fixed-file-modules .modulo-archivo article { padding: 5px; } .archivos-lista .fixed-file-modules .modulo-archivo article h3 { padding: 0; } .archivos-lista .fixed-file-modules .modulo-archivo article p { color: #aeb2af; } .archivos-lista .fixed-file-modules .modulo-archivo article span { display: block; height: 40px; width: 100%; position: absolute; bottom: 0; left: 0; color: #aeb2af; font-size: 0.8rem; padding-left: 30px; line-height: 40px; font-family: "overpassbold"; } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono { display: block; position: absolute; top: 0; left: 0; height: 40px; width: 40px; background-repeat: no-repeat; background-position: 3px 75%; background-size: auto 25px; background-image: url('_file_default.7ea4f3080f17041230d9.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_pdf { background-image: url('_file_pdf.df8c8265207a34ac53ef.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_PDF { background-image: url('_file_pdf.df8c8265207a34ac53ef.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_php { background-image: url('_file_code.c2027a170c6c2c6161e4.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_html { background-image: url('_file_code.c2027a170c6c2c6161e4.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_doc { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_docx { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_DOC { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_DOCX { background-image: url('_file_doc.bda889ac37133470badc.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_JPG { background-image: url('_file_image.afff1c0997cd859fc744.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_jpg { background-image: url('_file_image.afff1c0997cd859fc744.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_PNG { background-image: url('_file_image.afff1c0997cd859fc744.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_png { background-image: url('_file_image.afff1c0997cd859fc744.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_svg { background-image: url('_file_vector.d71e54c1c530bc66eb70.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_ai { background-image: url('_file_vector.d71e54c1c530bc66eb70.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_txt { background-image: url('_file_txt.ea76536c25557b0a5dbe.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_xls { background-image: url('_file_xls.4ff352fd4f3ec60fadcf.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_xlsx { background-image: url('_file_xls.4ff352fd4f3ec60fadcf.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_eps { background-image: url('_file_vector.d71e54c1c530bc66eb70.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_csv { background-image: url('_file_csv.169cd5215599c305e42a.svg'); } .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_CSV { background-image: url('_file_csv.169cd5215599c305e42a.svg'); } .formulario-bloque .archivos-lista .fixed-file-modules .modulo-archivo article span .icono { background-position: 3px 50%; } .archivos-lista .fixed-file-modules .modulo-archivo article .tipoarchivo { position: absolute; display: block; bottom: -1px; right: -1px; border-radius: 20px 0 0 0; height: 40px; width: 40px; background: white; background-image: url('_bold_download.c202d7d0faa4485a8ab4.svg'); background-size: 90%; background-position: center; background-repeat: center center; } .archivos-lista .fixed-file-modules .modulo-archivo article .tipoarchivo:hover { opacity: 0.5; } .pagination-detail { width: 50%; height: 30px; display: block; text-align: left; } @media only screen and (max-width: 576px) { .pagination-detail { display: none; } } .pagination-detail .page-list, .pagination-detail .pagination-info { height: 35px; font-size: 1rem !important; font-family: "overpasslight"; color: #595b5a; display: inline-block; line-height: 35px; } @media only screen and (max-width: 576px) { .pagination-detail .page-list, .pagination-detail .pagination-info { font-size: 0.7rem !important; } } .pagination-detail .page-list .btn-group, .pagination-detail .page-list .dropup, .pagination-detail .pagination-info .btn-group, .pagination-detail .pagination-info .dropup { height: 30px; margin: 0; padding: 0; line-height: 35px; vertical-align: top; display: inline; } .pagination-detail .page-list .btn-group button, .pagination-detail .page-list .dropup button, .pagination-detail .pagination-info .btn-group button, .pagination-detail .pagination-info .dropup button { font-size: 1rem !important; font-family: "overpassbold"; color: #595b5a; padding: 0; line-height: 25px; height: 25px; margin: 0; display: inline-block; width: 50px; background: #eaeaea; border-radius: 2px; } .pagination-detail .page-list .btn-group button.btn-secondary, .pagination-detail .page-list .dropup button.btn-secondary, .pagination-detail .pagination-info .btn-group button.btn-secondary, .pagination-detail .pagination-info .dropup button.btn-secondary { border: none; margin: 0 5px; } .pagination-detail .page-list .btn-group button .page-size, .pagination-detail .page-list .dropup button .page-size, .pagination-detail .pagination-info .btn-group button .page-size, .pagination-detail .pagination-info .dropup button .page-size { display: inline-block; width: auto; margin: 0; padding: 0; } .pagination-detail .page-list .btn-group button .caret, .pagination-detail .page-list .dropup button .caret, .pagination-detail .pagination-info .btn-group button .caret, .pagination-detail .pagination-info .dropup button .caret { margin: 0; display: inline-block; padding: 0; font-size: 0.7rem !important; } @media only screen and (max-width: 800px) { .pagination-detail .pagination-info { display: none; } } .pagination-detail .dropdown-menu { width: 50px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; border: none; padding: 5px; } .pagination-detail .dropdown-menu a, .pagination-detail .dropdown-menu li { text-align: center; } .pagination-detail .dropdown-menu a:hover, .pagination-detail .dropdown-menu li:hover { background-color: #f2f2f2; } .pagination-detail .dropdown-menu a.active, .pagination-detail .dropdown-menu li.active { background-color: #006fb9; color: white; } .pagination-detail .dropdown-menu a.active:hover, .pagination-detail .dropdown-menu li.active:hover { background-color: #006fb9; color: white; } .pagination-detail .dropdown-menu a { font-size: 1.2rem !important; font-family: "overpasslight"; color: #595b5a; text-align: center; cursor: pointer; text-decoration: none; } .pagination-detail .dropdown-menu a:hover { color: #006fb9; } .fixed-table-pagination { margin-bottom: 20px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 10px; width: 100%; } .fixed-table-pagination .boton { width: 10%; } @media only screen and (max-width: 1145px) { .fixed-table-pagination .pagination-detail { display: none; } } .fixed-table-pagination .pagination, .fixed-table-pagination .pagination-detail { flex: 1 1 49%; } @media only screen and (max-width: 800px) { .fixed-table-pagination { justify-content: center; align-items: center; } } .fixed-table-loading { font-size: 1rem !important; color: #595b5a; line-height: 5rem; font-family: "overpassbold"; } .pagination { width: 50%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } .pagination ul.pagination { margin: 0; } @media only screen and (max-width: 1145px) { .pagination { justify-content: center; align-items: center; width: 100%; } } .pagination .page-first, .pagination .page-pre, .pagination .page-first-separator, .pagination .page-last-separator, .pagination .page-number, .pagination .page-next, .pagination .page-last { padding: 8px 0px; } .pagination .page-first.disabled a, .pagination .page-pre.disabled a, .pagination .page-first-separator.disabled a, .pagination .page-last-separator.disabled a, .pagination .page-number.disabled a, .pagination .page-next.disabled a, .pagination .page-last.disabled a { cursor: auto; background: none !important; color: #b7bab8; } .pagination .page-first.disabled a:hover, .pagination .page-first.disabled a:focus, .pagination .page-first.disabled a:active, .pagination .page-pre.disabled a:hover, .pagination .page-pre.disabled a:focus, .pagination .page-pre.disabled a:active, .pagination .page-first-separator.disabled a:hover, .pagination .page-first-separator.disabled a:focus, .pagination .page-first-separator.disabled a:active, .pagination .page-last-separator.disabled a:hover, .pagination .page-last-separator.disabled a:focus, .pagination .page-last-separator.disabled a:active, .pagination .page-number.disabled a:hover, .pagination .page-number.disabled a:focus, .pagination .page-number.disabled a:active, .pagination .page-next.disabled a:hover, .pagination .page-next.disabled a:focus, .pagination .page-next.disabled a:active, .pagination .page-last.disabled a:hover, .pagination .page-last.disabled a:focus, .pagination .page-last.disabled a:active { cursor: auto; background: none !important; color: #b7bab8; } .pagination .page-first a, .pagination .page-pre a, .pagination .page-first-separator a, .pagination .page-last-separator a, .pagination .page-number a, .pagination .page-next a, .pagination .page-last a { background: none; border: none; margin-left: 1px; margin-right: 1px; color: #595b5a; font-family: "overpasslight"; padding: 8px 15px; text-decoration: none; } .pagination .page-first a:hover, .pagination .page-first a:focus, .pagination .page-first a:active, .pagination .page-pre a:hover, .pagination .page-pre a:focus, .pagination .page-pre a:active, .pagination .page-first-separator a:hover, .pagination .page-first-separator a:focus, .pagination .page-first-separator a:active, .pagination .page-last-separator a:hover, .pagination .page-last-separator a:focus, .pagination .page-last-separator a:active, .pagination .page-number a:hover, .pagination .page-number a:focus, .pagination .page-number a:active, .pagination .page-next a:hover, .pagination .page-next a:focus, .pagination .page-next a:active, .pagination .page-last a:hover, .pagination .page-last a:focus, .pagination .page-last a:active { text-decoration: none; } @media only screen and (max-width: 800px) { .pagination .page-first a, .pagination .page-pre a, .pagination .page-first-separator a, .pagination .page-last-separator a, .pagination .page-number a, .pagination .page-next a, .pagination .page-last a { margin: 0; font-size: 0.8rem; padding: 8px; } } @media only screen and (max-width: 576px) { .pagination .page-first a, .pagination .page-pre a, .pagination .page-first-separator a, .pagination .page-last-separator a, .pagination .page-number a, .pagination .page-next a, .pagination .page-last a { padding: 8px 5px; } } .pagination .page-first.active a, .pagination .page-pre.active a, .pagination .page-first-separator.active a, .pagination .page-last-separator.active a, .pagination .page-number.active a, .pagination .page-next.active a, .pagination .page-last.active a { color: white; background: #00953a; border-radius: 35px; font-family: "overpassbold"; } .pagination .page-first.active a:hover, .pagination .page-first.active a:focus, .pagination .page-first.active a:active, .pagination .page-pre.active a:hover, .pagination .page-pre.active a:focus, .pagination .page-pre.active a:active, .pagination .page-first-separator.active a:hover, .pagination .page-first-separator.active a:focus, .pagination .page-first-separator.active a:active, .pagination .page-last-separator.active a:hover, .pagination .page-last-separator.active a:focus, .pagination .page-last-separator.active a:active, .pagination .page-number.active a:hover, .pagination .page-number.active a:focus, .pagination .page-number.active a:active, .pagination .page-next.active a:hover, .pagination .page-next.active a:focus, .pagination .page-next.active a:active, .pagination .page-last.active a:hover, .pagination .page-last.active a:focus, .pagination .page-last.active a:active { color: white; } .pagination .page-first a:hover, .pagination .page-first a:focus, .pagination .page-pre a:hover, .pagination .page-pre a:focus, .pagination .page-next a:hover, .pagination .page-next a:focus, .pagination .page-number a:hover, .pagination .page-number a:focus, .pagination .page-last a:hover, .pagination .page-last a:focus { color: #595b5a; background: #ccc; border-radius: 35px; } .pagination .page-first a:active, .pagination .page-pre a:active, .pagination .page-next a:active, .pagination .page-number a:active, .pagination .page-last a:active { background: black; color: white; } .pagination .page-first.active a, .pagination .page-pre.active a, .pagination .page-next.active a, .pagination .page-number.active a, .pagination .page-last.active a { background: #00953a; } .pagination .page-pre a, .pagination .page-next a { font-family: "overpassbold"; } .pagination li .page-link { background: none; border: none; margin-left: 5px; margin-right: 5px; color: #595b5a; font-family: "overpasslight"; padding: 8px 15px; } .pagination li .page-link:hover, .pagination li .page-link:focus, .pagination li .page-link:active { color: #595b5a; background: #ccc; border-radius: 35px; } .pagination li .page-link:active { color: white; background: black; } @media only screen and (max-width: 800px) { .pagination li .page-link { margin: 0; font-size: 0.8rem; padding: 8px; } } @media only screen and (max-width: 576px) { .pagination li .page-link { padding: 8px 5px; } } .pagination li:first-child .page-link { font-family: "overpassbold"; } .pagination li:last-child .page-link { font-family: "overpassbold"; } .pagination li.disabled .page-link { background: none; color: #b7bab8; } .pagination li.active .page-link { background: #00953a; border-radius: 35px; font-family: "overpassbold"; } .pagination li.active .page-link:hover, .pagination li.active .page-link:focus, .pagination li.active .page-link:active { color: white; } .tabla-seleccionable { width: 100%; max-height: 300px; overflow-x: hidden; overflow-y: auto; background-color: #f2f2f2; padding: 4px; } @media only screen and (max-width: 576px) { .tabla-seleccionable { max-height: 280px; } } .tabla-seleccionable > ul { margin: 0 0; padding: 0; } .tabla-seleccionable > ul > li { position: relative; height: 105px; list-style: none; margin: 0 0 0 0; padding: 5px 1px; border-bottom: 1px solid #eaeaea; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } @media only screen and (max-width: 576px) { .tabla-seleccionable > ul > li { height: 115px; } } .tabla-seleccionable > ul > li.active { position: relative; } .tabla-seleccionable > ul > li.active a.switch { cursor: default; background: #006fb9; } .tabla-seleccionable > ul > li.active a.switch .bci-icon { opacity: 1; filter: grayscale(0%) brightness(500%); -webkit-filter: grayscale(0%) brightness(500%); } .tabla-seleccionable > ul > li:last-child { border-bottom: none; } .tabla-seleccionable a.switch { z-index: 100; display: block; cursor: pointer; position: absolute; top: 5px; right: 8px; height: 44px; width: 44px; background: #eaeaea; border-radius: 100%; } .tabla-seleccionable a.switch:hover { background: #dddddd; } .tabla-seleccionable a.switch .bci-icon { opacity: 0.2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 28px; width: 28px; } @media only screen and (max-width: 576px) { .tabla-seleccionable a.switch { height: 30px; width: 30px; } .tabla-seleccionable a.switch .bci-icon { height: 30px; width: 25px; } } .tabla-seleccionable a.descarga { position: absolute; bottom: 5px; right: 8px; background: #f2f2f2; height: 44px; width: 44px; border-radius: 100%; text-align: center; } .tabla-seleccionable a.descarga .bci-icon { opacity: 1; height: 44px; width: 32px; } .tabla-seleccionable a.descarga:hover { background: white; } .tabla-seleccionable a.descarga:hover .bci-icon { filter: grayscale(0%); } @media only screen and (max-width: 576px) { .tabla-seleccionable a.descarga { height: 30px; width: 30px; } .tabla-seleccionable a.descarga .bci-icon { height: 30px; width: 25px; } } .tabla-seleccionable section.superior { position: relative; flex: 0 0 100%; padding-left: 5%; margin-bottom: 4px; } @media only screen and (max-width: 576px) { .tabla-seleccionable section.superior { padding-left: 35px; } } .tabla-seleccionable section.superior .bci-icon { position: absolute; left: 0; top: 0; height: 30px; width: 40px; opacity: 1; margin: 0; filter: grayscale(0%); } @media only screen and (max-width: 576px) { .tabla-seleccionable section.superior .bci-icon { width: 37px; height: 35px; left: -5px; } } .tabla-seleccionable section.superior h1, .tabla-seleccionable section.superior p { margin: 0; padding: 0; } .tabla-seleccionable section.superior h1 { color: #006fb9; font-size: 1.2rem; } @media only screen and (max-width: 576px) { .tabla-seleccionable section.superior h1 { font-size: 0.8rem; } } .tabla-seleccionable section.superior p { font-family: "overpassbold"; } @media only screen and (max-width: 576px) { .tabla-seleccionable section.superior p { font-size: 0.8rem !important; } } .tabla-seleccionable section.inferior { flex: 0 0 100%; padding-left: 5%; } @media only screen and (max-width: 576px) { .tabla-seleccionable section.inferior { flex: 1 0 90%; padding-left: 0px; } } .tabla-seleccionable section.inferior ul { margin: 0; padding: 0; width: 98%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .tabla-seleccionable section.inferior ul li { flex: 1 1 15%; margin: 0; padding: 0; list-style: none; display: inline-block; font-size: 0.6rem; font-family: "overpassregular"; border-left: 1px solid rgba(174, 178, 175, 0.6); padding-left: 5px; color: #aeb2af; } @media only screen and (max-width: 576px) { .tabla-seleccionable section.inferior ul li { font-size: 0.4rem; flex: 1 1 5%; } .tabla-seleccionable section.inferior ul li:nth-child(4), .tabla-seleccionable section.inferior ul li:nth-child(5) { display: none; } } .tabla-seleccionable section.inferior ul li span { font-family: "overpassbold"; color: #595b5a; display: block; font-size: 0.8rem; } .tabla-seleccionable section.inferior ul li span small { font-family: "overpassregular"; } /*DATOS*/ .card.formulario-bloque { box-shadow: none !important; } .card.datos-generales { width: 100% !important; min-height: 0px; border: none; background: none; box-shadow: none !important; } .card.datos-generales .down-data, .card.datos-generales .side-data { width: 100%; max-width: 100%; min-width: 0; min-height: 0; margin-left: 5px; margin-right: 5px; } .card.datos-generales .down-data .bci-icon, .card.datos-generales .side-data .bci-icon { width: 20px; height: 10px; margin: 0; padding: 0; margin-right: 3px; } .card.datos-generales .down-data.data-switching, .card.datos-generales .side-data.data-switching { position: relative; display: none; } .card.datos-generales .down-data.data-switching.active, .card.datos-generales .side-data.data-switching.active { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .card.datos-generales .down-data.data-switching .formularios, .card.datos-generales .side-data.data-switching .formularios { width: 100%; } .card.datos-generales .down-data .action, .card.datos-generales .side-data .action { position: absolute; bottom: 5px; right: 0; display: block; cursor: pointer; z-index: 1000; } .card.datos-generales .down-data .action .bci-icon, .card.datos-generales .side-data .action .bci-icon { height: 18px; width: 18px; } .card.datos-generales .down-data .action.aceptar, .card.datos-generales .down-data .action.cancelar, .card.datos-generales .side-data .action.aceptar, .card.datos-generales .side-data .action.cancelar { bottom: -26px; } .card.datos-generales .down-data .action.aceptar .bci-icon, .card.datos-generales .side-data .action.aceptar .bci-icon { background-size: auto 12px; } .card.datos-generales .down-data .action.cancelar, .card.datos-generales .side-data .action.cancelar { right: 22px; } .card.datos-generales .card-body { background: none; padding: 5px; } @media only screen and (max-width: 576px) { .card.datos-generales .card-body { margin: 0; padding: 5px; } } .card.datos-generales .card-deck { margin: 0 0 5px 0; } .card.datos-generales .interior { border: none; width: 100% !important; box-shadow: none !important; } .card.datos-generales .interior h2 { margin-bottom: 10px; } .card.datos-generales .interior .card-deck { width: 100%; flex-direction: row; -moz-flex-direction: row; } @media only screen and (max-width: 576px) { .card.datos-generales .interior .card-deck { flex-direction: column; -moz-flex-direction: column; } } .card.datos-generales .interior .card-deck .checkbox-simple { flex-basis: 50%; margin: 0 0 5px 0 !important; padding: 0; height: auto; } .card.datos-generales .interior .card-deck .checkbox-simple label span { font-size: 0.8rem; line-height: 28px; } .card.datos-generales .interior .card { width: 100%; background: none; box-shadow: none !important; } .card.datos-generales .interior .card.side-data { border: none; padding-left: 19px; margin-bottom: 0; margin-top: 0; min-width: 100px; max-width: 500px; flex: 1 1 49%; margin: 0; } .card.datos-generales .interior .card.side-data ul { padding: 0; } .card.datos-generales .interior .card.side-data ul li { font-size: 0.8rem; list-style: none; margin: 0 0 15px 0; padding: 0 0 0 15px; position: relative; color: #aeb2af; font-family: "overpassregular"; } .card.datos-generales .interior .card.side-data ul li::before { content: ' '; display: block; height: 8px; width: 8px; background-color: #00953a; position: absolute; top: calc(50% - 8px / 2); left: 0; border-radius: 4px; } @media only screen and (max-width: 800px) { .card.datos-generales .interior .card { margin: 0; padding: 0; } .card.datos-generales .interior .card .card-deck { justify-content: flex-start; align-items: center; } .card.datos-generales .interior .card.side-data { width: 50% !important; display: inline-block; } .card.datos-generales .interior .card.side-data.card-xl { width: 100% !important; } } .card.datos-generales .card-footer { background: #f2f2f2; margin: 0; padding: 10px 0; text-align: right; } .card.datos-generales .card-footer.pasos { position: relative; justify-content: flex-end; align-items: center; } .card.datos-generales .card-footer.pasos .volver { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); margin: 0 0 0 30px; } .card.datos-generales .card-footer .pagination { margin: 0; padding: 0; } .card.datos-generales.tabla-datos { border-radius: 10px; } .card.datos-generales.tabla-datos table { margin: 5px; } .card.datos-generales.tabla-datos table thead tr th { font-size: 0.7rem; font-weight: bold; color: #595b5a; font-family: "Arial", sans-serif; height: 20px; padding: 0 3px 0 10px; vertical-align: middle; } .card.datos-generales.tabla-datos table tbody tr td { padding: 0 3px 0 10px; font-size: 0.80rem; font-weight: normal; color: #595b5a; font-family: "overpassregular"; height: 30px; vertical-align: middle; background-color: #e0e0e0; } .card.datos-generales.tabla-datos .modulo-simple { background-color: #e0e0e0; height: 30px; width: 100%; padding: 0 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .card.datos-generales.tabla-datos .modulo-simple p { margin: 0; padding: 0; font-size: 0.7rem !important; line-height: 1; } .card.datos-generales.tabla-datos .modulo-simple .bci-icon { margin: 0; padding: 0; height: 20px; width: 20px; } .card.datos-generales.tabla-datos.light table { width: 100%; margin: 10px 0 5px 0; } .card.datos-generales.tabla-datos.light table th { color: #006fb9; } .card.datos-generales.tabla-datos.light table tbody td { font-family: "overpassbold"; padding: 3px 3px 3px 13px; border: 3px solid #f2f2f2; background-color: white; } .card.datos-generales.tabla-datos.light table tbody td input { margin: 5px 0; background-color: #f2f2f2 !important; } .card.down-data { border: none; background: none; box-shadow: none !important; border-bottom: 3px solid #e5e5e5; border-radius: 0px; padding-left: 0px; } .card.down-data.disabled .side-data-extended { color: #b2b4b3; cursor: not-allowed; } .card.side-data { border: none; background: none; box-shadow: none !important; border-left: 3px solid #e5e5e5; border-radius: 0px; padding-left: 5px; } .card.side-data.disabled .side-data-extended { color: #b2b4b3; cursor: not-allowed; } .dummy .card.side-data { border-left: 3px solid #f5f5f5; } .card.side-data p.side-data-extended { max-height: 80px; overflow-x: hidden; width: 95%; display: block; overflow-y: scroll; font-size: 0.8rem; padding: 3px 10px; background: #e5e5e5; border-radius: 5px; box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 1145px) { .card.side-data h3 { font-size: 0.8rem; } .card.side-data h4 { font-size: 0.7rem; } } @media only screen and (max-width: 800px) { .card.side-data { width: 100%; min-height: 50px; } .card.side-data h3 { font-size: 0.9rem; } .card.side-data h4 { font-size: 0.8rem; } } .row.side-data { position: relative; margin-bottom: 40px; } @media only screen and (max-width: 576px) { .row.side-data { padding-bottom: 20px; } } @media only screen and (max-width: 800px) { .row.side-data .boton { top: auto; top: initial; bottom: -30px; } } @media only screen and (max-width: 576px) { .row.side-data .boton { right: 15%; width: 70%; } } /*lateral*/ .menu-compuesto { display: block; flex: 0 0 240px; width: 240px; box-shadow: -1px 2px 6px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: -1px 2px 6px 1px rgba(0, 0, 0, 0.2); position: fixed; left: 0; top: 60px; z-index: 5; background-color: white; min-height: calc(100vh - 56px); } .menu-compuesto section#menuCabecera { border-bottom: 1px solid #eaeaea; margin-left: 20px; padding: 5px; width: calc(100% - 30px); } .menu-compuesto section#menuCabecera .volver { margin-left: 0px; } .menu-compuesto section#menuCabecera .datos { border-top: 1px solid #eaeaea; padding: 10px 0; } .menu-compuesto section#menuCabecera .datos h4 { color: #006fb9; font-size: 1.1rem; text-indent: 0; padding: 0; border: 0; margin: 0; } .menu-compuesto section#menuCabecera .datos h2 { color: #006fb9; font-size: 1.3rem; text-indent: 0; padding: 0; border: 0; margin: 0; } .menu-compuesto section#menuCabecera .datos p { margin: 10px 0 5px 0; text-transform: uppercase; font-size: 0.7rem; line-height: 1; } .menu-compuesto section#menuCabecera .datos p strong { display: block; } .menu-compuesto section#menuCabecera .datos .chipdata { height: 20px; width: 100%; display: inline-block; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; border-radius: 10px; } .menu-compuesto section#menuCabecera .datos .chipdata span { color: white; font-size: 0.7rem; font-family: "overpassregular"; text-transform: uppercase; } .menu-compuesto section#menuCabecera .datos .chipdata span.tiempo { margin-left: 6px; } .menu-compuesto section#menuCabecera .datos .chipdata span.dias { margin-right: 6px; font-family: "overpassbold"; } .menu-compuesto section#menuCabecera .datos .chipdata.rojo { background-color: #ef3742; } .menu-compuesto section#menuCabecera .datos .chipdata.verde { background-color: #00953a; } .menu-compuesto section#menuCabecera .datos .chipdata.amarillo { background-color: #ffd700; } .menu-compuesto section#menuCabecera .datos .chipdata.azul { background-color: #006fb9; } .menu-compuesto ul#Main-menu { box-shadow: none !important; position: static; flex: 0 0 240px; width: 240px; } ul#Main-menu { box-shadow: -1px 2px 6px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: -1px 2px 6px 1px rgba(0, 0, 0, 0.2); z-index: 5; width: 240px; flex: 0 0 200px; width: 200px; background-color: white; min-height: calc(100vh - 56px); padding-top: 5px; position: fixed; top: 60px; } ul#Main-menu + #content-wrapper { margin-left: 200px; } @media only screen and (max-width: 800px) { ul#Main-menu { display: none; width: 50%; } ul#Main-menu + #content-wrapper { margin-left: 0; } } ul#Main-menu.fixed-top { top: 56px; height: calc(100vh - 56px); overflow-y: auto; } ul#Main-menu > .nav-item { min-height: 35px; } ul#Main-menu > .nav-item.active > .nav-link { background-color: #f2f2f2; color: #595b5a; font-family: "overpassbold"; } ul#Main-menu > .nav-item.active > .nav-link .barra { display: block; width: 4px; background-color: #00953a; height: 100%; position: absolute; top: 0; right: 0; } ul#Main-menu > .nav-item.active > .nav-link .bci-icon { filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1; } ul#Main-menu > .nav-item > .nav-link { font-family: "overpasslight"; font-size: 0.9rem; color: #595b5a; display: inline; position: relative; padding: 10px 20px 10px 32px !important; background-color: none; position: relative; font-size: 0.81rem; min-height: 40px; line-height: 130%; display: block; width: 100%; } @media only screen and (max-width: 800px) { ul#Main-menu > .nav-item > .nav-link { font-size: 1rem; } } .collapse + ul#Main-menu > .nav-item > .nav-link { background-color: black !important; } ul#Main-menu > .nav-item > .nav-link .barra { display: none; } ul#Main-menu > .nav-item > .nav-link > i.bci-icon { position: absolute; top: 7px; left: 5px; } ul#Main-menu > .nav-item > .nav-link::before { font-size: 0.4rem; width: 10px; color: #d9dada; position: absolute; line-height: 40px; position: absolute; top: 0; left: 92%; } @media only screen and (max-width: 800px) { ul#Main-menu > .nav-item > .nav-link::before { left: inherit; right: 20px; } } ul#Main-menu > .nav-item > .nav-link[data-toggle="collapse"]::before { content: "\25BC"; } ul#Main-menu > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"] { color: #00953a; } ul#Main-menu > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"]::before { content: "\25B2"; color: #00953a; } ul#Main-menu > .nav-item > .nav-link[aria-expanded="false"]::before { content: "\25BC"; } ul#Main-menu > .nav-item > .nav-link[aria-expanded="true"] { color: #00953a; font-family: "overpassbold"; background-color: #f2f2f2; } ul#Main-menu > .nav-item > .nav-link[aria-expanded="true"]::before { content: "\25B2"; color: #00953a; } ul#Main-menu > .nav-item > .nav-link:hover, ul#Main-menu > .nav-item > .nav-link:active { background-color: #f2f2f2; color: #595b5a; } ul#Main-menu > .nav-item > .nav-link:hover .barra, ul#Main-menu > .nav-item > .nav-link:active .barra { display: block; width: 4px; background-color: #00953a; height: 100%; position: absolute; top: 0; right: 0; } ul#Main-menu > .nav-item > div { background-color: #f7f7f7; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } ul#Main-menu > .nav-item > div > .nav > .nav-item { position: relative; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link { text-align: right; color: #595b5a; font-size: 0.6rem; text-transform: uppercase; text-indent: 10px; height: auto; width: 100%; margin: 0 0 0 0; padding: 0.5rem 1.8rem 0.5rem 0rem; font-family: "overpassbold"; position: relative; } @media only screen and (max-width: 800px) { ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link { padding: 0.5rem 2.5rem 0.5rem 0rem; font-size: 0.8rem; } } @media only screen and (max-width: 576px) { ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link { font-size: 0.7em; } } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link::before { font-size: 0.4rem; height: 100%; width: auto; line-height: 30px; color: #a6a7a7; position: absolute; top: 0; right: 11px; } @media only screen and (max-width: 800px) { ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link::before { left: inherit; right: 23px; } } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[data-toggle="collapse"]::before { content: "\25BC"; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"] { color: #00953a; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"]::before { content: "\25B2"; color: #00953a; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[aria-expanded="false"]::before { content: "\25BC"; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[aria-expanded="true"] { color: #00953a; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[aria-expanded="true"]::before { content: "\25B2"; color: #00953a; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link.activo, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:hover, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:active, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:focus { color: #00953a; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:not([data-toggle="collapse"]):hover, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:not([data-toggle="collapse"]).activo { color: #00953a; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:not([data-toggle="collapse"]):hover::after, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:not([data-toggle="collapse"]).activo::after { position: absolute; right: 28px; bottom: 2px; display: block; height: 2px; width: 20px; background: #00953a; content: ' '; } ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link.collapsed { color: #595b5a; } ul#Main-menu > .nav-item > div > .nav > .nav-item > div { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link { text-align: right; font-family: "overpassregular"; color: #595b5a; padding: 0.5rem 12px 0.5rem 0.1rem; font-size: 0.8rem; margin-right: 20px; position: relative; } ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link.activo, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:hover, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:active, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:focus { font-family: "overpassbold"; } ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link.activo::after, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:hover::after, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:active::after, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:focus::after { position: absolute; right: 12px; bottom: 5px; content: ''; width: 20px; background-color: #00953a; height: 2px; } @media only screen and (max-width: 800px) { ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link { padding: 1rem 20px 1rem 0.1rem; font-size: 1rem; } } @media only screen and (max-width: 576px) { ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link { font-size: 0.9em; } } ul#Main-menu.toggled { width: 0 !important; overflow: hidden; } @media only screen and (max-width: 800px) { ul#Main-menu { display: none; width: 200px !important; } ul#Main-menu .nav-item .nav-link { display: block; width: 100%; text-align: left; padding: 0.4rem; } ul#Main-menu .nav-item .dropdown-menu { position: static !important; margin: 0 0.1rem; top: 0; border: 0; } ul#Main-menu .nav-item .dropdown-menu .dropdown-item { font-size: 0.7rem; background-color: #f2f2f2; } ul#Main-menu .nav-item.dropdown .dropdown-toggle::after { display: block; } ul#Main-menu.toggled { overflow: visible; width: 240px !important; } ul#Main-menu.toggled .nav-item:last-child { margin-bottom: 1rem; } ul#Main-menu.toggled .nav-item .nav-link { text-align: center; width: 240px; } ul#Main-menu.toggled .nav-item .nav-link span { font-size: 0.65rem; display: block; } ul#Main-menu.toggled .nav-item .dropdown-menu { position: absolute !important; transform: none !important; left: calc(240px+0.5rem) !important; margin: 0; } ul#Main-menu.toggled .nav-item .dropdown-menu.dropup { bottom: 0; top: auto !important; } ul#Main-menu.toggled .nav-item.dropdown .dropdown-toggle::after { display: none; } ul#Main-menu.active-mobile { display: block; position: fixed; top: 60px; left: 0px; z-index: 1000; width: 40% !important; height: 100px; overflow: hidden; overflow-y: auto; } } @media only screen and (max-width: 576px) { ul#Main-menu.active-mobile { width: 80% !important; } } /*Cabecera*/ a.tooltip-av:hover:before { display: block; min-width: 120px; content: attr(data-tooltip); background-color: black; padding: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); top: 64px; height: auto; z-index: 101; color: white; font-size: 0.7rem; text-align: center; font-family: "overpassregular"; } table a.tooltip-av:hover:before { top: 36px; } @media only screen and (max-width: 800px) { a.tooltip-av:hover:after, a.tooltip-av:hover:before { display: none; } } nav.navbar { text-align: right; width: 100%; background-color: #4c4e4d; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2); height: 60px; z-index: 1040; position: fixed; padding: 0 10px 0 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; } @media only screen and (max-width: 800px) { nav.navbar { padding-left: 2px; padding-right: 2px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } } nav.navbar .nav-mobile { display: none; } @media only screen and (max-width: 800px) { nav.navbar .nav-mobile { display: block; border-right: 1px solid rgba(0, 0, 0, 0.1); height: 50px; width: 50px; cursor: pointer; position: fixed; top: 5px; left: 0; z-index: 100; } nav.navbar .nav-mobile .bci-icon { height: 50px; width: 50px; background-size: 90% auto; opacity: 1; } nav.navbar .nav-mobile.active { width: 60%; height: 100%; background-color: rgba(0, 0, 0, 0.7); background-position: right center; border: none; margin: 0; padding: 0; left: auto; left: initial; top: 0px; right: 0; z-index: 101; } nav.navbar .nav-mobile.active .bci-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); } nav.navbar .nav-mobile.active.full { width: 100%; } } @media only screen and (max-width: 800px) { nav.navbar .nav-mobile + .navbar-brand { left: 60px; } } @media only screen and (max-width: 576px) { nav.navbar .nav-mobile.active { width: 20%; } nav.navbar .nav-mobile + .navbar-brand { left: 60px; } } nav.navbar .cabecera-divisas { margin-top: 10px; margin-right: 15px; } nav.navbar #userDropdown { font-size: 0.9rem; color: white; } nav.navbar #userDropdown .bci-icon { display: none; } nav.navbar #userDropdown > span { font-family: "overpasslight"; font-size: 0.6rem; color: #aeb2af; } nav.navbar #userDropdown > span small { margin: 0 10px 0 10px; } nav.navbar #userDropdown > span strong { font-family: "overpassbold"; } @media only screen and (max-width: 1145px) { nav.navbar #userDropdown { width: 40px; color: rgba(0, 0, 0, 0); display: block; height: 40px; display: block; } nav.navbar #userDropdown span { color: rgba(0, 0, 0, 0); } nav.navbar #userDropdown .bci-icon { display: block; } } @media only screen and (max-width: 800px) { nav.navbar #userDropdown { font-size: 0.1rem; line-height: 0; color: rgba(0, 0, 0, 0); } } nav.navbar.oficina { height: 48px; background-color: white; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; padding-right: 0; } nav.navbar.oficina.login .marca { flex: 1 0 20%; } nav.navbar.oficina.login .acciones { flex: 1 0 75%; margin-right: 2%; } nav.navbar.oficina.login .acciones ul li { margin: 0; padding: 0 5px; } nav.navbar.oficina.login .acciones ul li:last-child .vinculos.simple::after { display: none; } nav.navbar.oficina.login .acciones ul li .vinculos.simple { height: auto; padding: 0 5px; } nav.navbar.oficina.login .acciones ul li .vinculos.simple::after { height: 30%; } nav.navbar.oficina.login .acciones ul li .vinculos.simple:hover { color: #aeb2af; opacity: 1; } nav.navbar.oficina .marca { flex: 1 0 30%; height: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } @media only screen and (max-width: 1290px) { nav.navbar.oficina .marca { flex: 1 0 20%; } } @media only screen and (max-width: 1145px) { nav.navbar.oficina .marca { flex: 1; } } @media only screen and (max-width: 576px) { nav.navbar.oficina .marca figure { flex: 1; } } nav.navbar.oficina .marca figure { display: inline-block; padding: 0 30px; margin: 0; } @media only screen and (max-width: 1145px) { nav.navbar.oficina .marca figure { padding: 0 5px; } } nav.navbar.oficina .marca figure:first-child { border-right: 1px solid #ccc; } nav.navbar.oficina .marca figure img { height: 30px; width: auto; margin: 0; padding: 0; } @media only screen and (max-width: 1290px) { nav.navbar.oficina .marca figure img { height: 24px; } } @media only screen and (max-width: 1145px) { nav.navbar.oficina .marca figure img { height: 18px; } } @media only screen and (max-width: 800px) { nav.navbar.oficina .marca figure img { height: 13px; } } @media only screen and (max-width: 576px) { nav.navbar.oficina .marca figure img { height: 15px; } } nav.navbar.oficina .marca.no-border figure { border: none; } @media only screen and (max-width: 576px) { nav.navbar.oficina .marca { flex: 1 0 50%; } nav.navbar.oficina .marca figure { margin: 0; min-height: 0px; height: auto; padding: 0 6px; text-align: left; } } nav.navbar.oficina .acciones { position: relative; height: 48px !important; flex: 1 0 30%; height: 60px; display: block; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; } nav.navbar.oficina .acciones h2 { border-left: none !important; position: absolute; top: 50%; left: 95%; transform: translate(-95%, -50%); font-size: 1rem; width: 200px; margin: 0; padding: 0; line-height: 1rem; } nav.navbar.oficina .acciones .currElemSel { display: block; width: 130px; } nav.navbar.oficina .acciones .currElemSel span { position: absolute; bottom: 100%; left: 0; font-size: 0.55rem; color: #aeb2af; } nav.navbar.oficina .acciones .currElemSel section { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 8px; font-size: 0.65rem; height: 16px; line-height: 16px; background-color: #aeb2af; padding: 0 0px 0 6px; } nav.navbar.oficina .acciones .currElemSel a { cursor: pointer; border-radius: 8px; width: 19px; height: 16px; display: inline-block; background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-size: auto 20px; background-position: right center; background-repeat: no-repeat; } nav.navbar.oficina .acciones .currElemSel a:hover { background-color: #595b5a; opacity: 0.7; } @media only screen and (max-width: 576px) { nav.navbar.oficina .acciones { flex: 1; } } nav.navbar.oficina .acciones > ul { height: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; margin: 0; padding: 0; } nav.navbar.oficina .acciones > ul > li { height: 48px !important; list-style: none; height: 60px; margin: 0; padding: 0 15px; position: relative; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } @media only screen and (max-width: 800px) { nav.navbar.oficina .acciones > ul > li { display: none; } nav.navbar.oficina .acciones > ul > li.profile { display: inline-block; } } nav.navbar.oficina .acciones > ul > li > .perfil-desplegado { display: none; position: absolute; right: 0; top: 100%; } nav.navbar.oficina .acciones > ul > li:last-child { padding: 0; } nav.navbar.oficina .acciones > ul > li > .vinculos { margin: 0; padding: 0; height: 40px; width: 40px; background-position: center center; background-size: auto 40px; background-repeat: no-repeat; display: block; cursor: pointer; transition: opacity 0.2s linear; } nav.navbar.oficina .acciones > ul > li > .vinculos:after { position: absolute; position: absolute; top: 50%; left: 100%; transform: translate(-100%, -50%); width: 1px; height: 40px; content: ''; background-color: #ccc; } nav.navbar.oficina .acciones > ul > li > .vinculos.active { opacity: 0.3; } nav.navbar.oficina .acciones > ul > li > .vinculos.roles { background-image: url('oficina-roles.49ce56f595dba9833b16.svg'); } nav.navbar.oficina .acciones > ul > li > .vinculos.notificaciones { background-image: url('notificacion.79baefb36eeee7930c9e.svg'); } nav.navbar.oficina .acciones > ul > li > .vinculos.notificaciones span { width: 60%; height: 10px; position: absolute; top: 5%; left: 50%; transform: translate(-50%, -5%); } nav.navbar.oficina .acciones > ul > li > .vinculos.notificaciones span:after { border-radius: 9px; position: absolute; top: 0px; right: 0px; height: 16px; width: 16px; background-color: #ef3742; color: white; font-family: "overpassregular", sans-serif; text-align: center; line-height: 16px; font-size: 0.7rem; content: attr(data-ref); } nav.navbar.oficina .acciones > ul > li > .vinculos.tutorial { background-image: url('tutorial.32781f3369a0a6f46bd0.svg'); } nav.navbar.oficina .acciones > ul > li > .vinculos.buscador { background-image: url('buscador.08ef3814eeaf1b9fab8f.svg'); } nav.navbar.oficina .acciones > ul > li > .vinculos.acceso { background-image: url('accesos.2c3b5e5d23d14be1948b.svg'); } nav.navbar.oficina .acciones > ul > li > .vinculos:active, nav.navbar.oficina .acciones > ul > li > .vinculos:hover { opacity: 0.6; } @media only screen and (max-width: 800px) { nav.navbar.oficina .acciones > ul > li > .vinculos { display: none; } } nav.navbar.oficina .acciones > ul > li > .vinculos.simple { width: auto; color: #595b5a; font-family: "overpassregular"; font-size: 0.8rem; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado { background-color: #0060a0; min-width: 280px; margin: 0; padding: 0; border-radius: 0 0 0 15px; border-top: 3px solid rgba(0, 0, 0, 0.1); } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li { width: 100%; list-style: none; margin: 0; padding: 0; cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li:last-child { border-bottom: none !important; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li:hover { background-color: rgba(0, 0, 0, 0.05); } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li form a, nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li > a { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; height: 50px; font-family: "overpasslight"; padding: 0 4px 0 10px; width: 100%; font-size: 1rem; color: white; text-decoration: none; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li form a .bci-icon, nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li > a .bci-icon { width: 30px; height: 30px; opacity: 0.5; margin-right: 10px; background-size: auto 90%; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li form a .bci-icon.logout_2, nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li > a .bci-icon.logout_2 { width: 30px; height: 19px; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li:hover a .bci-icon { opacity: 1; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon { width: 100%; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul { display: block; width: 98%; margin: 0 auto; background-color: white; padding: 0; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li { list-style: none; border-bottom: 1px solid #ececec; position: relative; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo { cursor: auto; margin: 0; padding: 0; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption { display: block; width: 100%; background-color: white; margin: 0; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption section { min-height: 48px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; padding: 0 10px; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption section p { text-align: left; margin-bottom: 0; font-size: 0.68rem; padding: 0; margin: 0; flex: 0 0 100%; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption section h4 { color: #006fb9; text-align: left; font-size: 0.75rem; padding: 0; margin: 0; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption > ul { display: none; width: 100%; margin: 0 0 0 0%; padding: 0; border-top: 1px solid #ececec; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption > ul > li { cursor: auto; flex: 1 0 90%; list-style: none; margin: 0 5px 5px 5px; background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); background-repeat: no-repeat; background-position: left center; background-size: auto 16px; padding: 0 0 0 18px; text-align: left; font-size: 0.8rem; color: #595b5a; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption > ul > li > a { cursor: pointer; text-align: left; color: #595b5a; text-decoration: underline; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo.active { background-color: #f2f2f2; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo.active figcaption { background-color: #f2f2f2 !important; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo.active ul { background-color: #f2f2f2; display: block; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo.active a.open { background: url('perfilup.29e0a047f56227ae3564.svg') no-repeat 98% 20px; background-size: auto 8px; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo a.open { position: absolute; top: 0; right: 0; height: 48px; width: 100%; display: block; background: url('perfilnext.e5dd6c5fba7988129ba3.svg') no-repeat 98% 16px; background-size: auto 20px; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo { cursor: auto; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption { display: block; width: 96%; padding: 5px; background-color: white; margin: 5px auto; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption section { padding: 5px 0; margin-bottom: 10px; border-bottom: 2px solid #e5e5e5; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption section p { flex: 0 0 100%; text-align: left; margin-bottom: 0; font-size: 0.7rem; padding: 0; margin: 0; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption section h4 { flex: 0 0 100%; color: #006fb9; text-align: left; font-size: 0.85rem; padding: 0; margin: 0; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption > ul { width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption > ul > li { cursor: auto; flex: 0 0 100%; list-style: none; margin: 0 0 5px 0; background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); background-repeat: no-repeat; background-position: left center; background-size: auto 16px; padding: 0 0 0 18px; text-align: left; font-size: 0.8rem; color: #595b5a; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption > ul > li > a { cursor: pointer; text-align: left; color: #595b5a; text-decoration: underline; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption a.more { width: 100%; background-color: #e5e5e5; height: 24px; line-height: 24px; text-align: center; display: inline-block; margin-top: 10px; font-size: 0.75rem; cursor: pointer; } nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption a.more:hover { background-color: #cccccc; } nav.navbar.oficina .acciones > ul > li .perfil { height: 100%; min-width: 100px; max-width: 250px; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; cursor: pointer; } @media only screen and (max-width: 800px) { nav.navbar.oficina .acciones > ul > li .perfil { display: none; } } nav.navbar.oficina .acciones > ul > li .perfil figure { cursor: pointer; margin: 0 10px 0 10px; padding: 0; height: 40px; width: 40px; position: relative; display: inline-block; background-size: cover; border-radius: 20px; /* &:after { content: ''; background-image: $dropdownarrow; background-repeat: no-repeat; @include centrar(50%, 130%); height: 8px; width: 8px; background-position: center; background-size: 100% auto; }*/ } nav.navbar.oficina .acciones > ul > li .perfil .nombre { flex: 1; padding-left: 10px; display: inline-block; font-family: "overpassregular"; font-size: 0.8rem; color: #595b5a; line-height: 1; } nav.navbar.oficina .acciones > ul > li .perfil .nombre strong { display: block; } nav.navbar.oficina .acciones > ul > li.active .perfil { background-color: #006fb9; } nav.navbar.oficina .acciones > ul > li.active .perfil .nombre { color: white; } nav.navbar.oficina .acciones > ul > li.active .perfil figure:after { filter: brightness(300%); -webkit-filter: brightness(300%); } nav.navbar.oficina .acciones > ul > li.active .perfil-desplegado { display: block; } nav.navbar.oficina .acciones.corredor { flex: 1 0 40%; } nav.navbar.oficina .acciones.corredor .perfil-corredor { justify-content: center; align-items: flex-end; } nav.navbar.oficina .acciones.corredor .perfil-corredor ul { right: 55px; width: 270px; display: block; margin: 0; padding: 0; } nav.navbar.oficina .acciones.corredor .perfil-corredor ul li { position: relative; list-style: none; display: inline-block; } nav.navbar.oficina .acciones.corredor .perfil-corredor ul li > a { display: block; font-family: "overpassregular"; text-decoration: none; padding: 4px 5px; color: #006fb9; font-size: 0.7rem; } nav.navbar.oficina .acciones.corredor .perfil-corredor ul li > a.hide { display: none; } nav.navbar.oficina .acciones.corredor .perfil-corredor ul li > a:hover { color: #aeb2af; } nav.navbar.oficina .acciones.corredor .perfil-corredor ul li > a.active { background-color: #006fb9; color: white; border-radius: 8px 8px 0 0; } nav.navbar.oficina .acciones.corredor .perfil { margin: 0; min-width: 50px; padding: 0; justify-content: center; align-items: center; position: relative; } nav.navbar.oficina .acciones.corredor .perfil figure { margin: 0; } nav.navbar.oficina .acciones.corredor .perfil .nombre { position: absolute; top: 0; right: 60px; margin-bottom: 25px; width: 250px; color: #595b5a !important; } nav.navbar.oficina .acciones.corredor .perfil .nombre strong { display: inline-block; } nav.navbar.sponsor { background-color: white; padding: 0; margin: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; height: 60px; overflow-y: hidden; } nav.navbar.sponsor .marca { position: absolute; top: 0; left: 0; z-index: 12; height: 100%; width: 200px; display: block; } nav.navbar.sponsor .marca figure { position: absolute; top: 0; left: 0; z-index: 10; height: 100%; width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } nav.navbar.sponsor .marca figure img { height: 60%; width: auto; } nav.navbar.sponsor .marca section { display: block; position: absolute; z-index: 2; top: 0; right: 0; filter: drop-shadow(5px 0px 4px rgba(0, 0, 0, 0.1)); width: 100%; height: 100%; } nav.navbar.sponsor .marca section svg { height: 100%; width: auto; z-index: 2; position: absolute; top: 0; right: 0; } nav.navbar.sponsor .barra_titular { height: 100%; position: absolute; top: 0; z-index: 10; width: calc(100% - 200px); right: 200px; display: block; } @media only screen and (max-width: 1145px) { nav.navbar.sponsor .barra_titular { width: calc(100% - 150px); right: 150px; } } @media only screen and (max-width: 800px) { nav.navbar.sponsor .barra_titular { width: calc(100% - 100px); right: 100px; } } nav.navbar.sponsor .barra_titular .barra { z-index: 10; position: absolute; top: 0; right: 0; display: block; height: 100%; width: 100%; filter: drop-shadow(5px 0px 4px rgba(0, 0, 0, 0.1)); overflow-x: hidden; } nav.navbar.sponsor .barra_titular .barra svg { position: absolute; top: 0; right: 0; height: 100%; width: auto; } nav.navbar.sponsor .barra_titular h1 { z-index: 20; color: white; text-transform: none; font-family: "overpasslight"; position: absolute; top: 0; left: 220px; line-height: 60px; font-size: 1.7rem; display: block; } nav.navbar.sponsor .barra_titular h1 strong { font-family: "overpassbold"; } @media only screen and (max-width: 1145px) { nav.navbar.sponsor .barra_titular h1 { font-size: 1.3rem; } } @media only screen and (max-width: 800px) { nav.navbar.sponsor .barra_titular h1 { font-size: 1rem; } } @media only screen and (max-width: 576px) { nav.navbar.sponsor .barra_titular h1 { display: none; } } nav.navbar.sponsor .logotipoBciBlanco { display: inline-block; width: 210px; height: 50px; background-size: auto 70%; } @media only screen and (max-width: 1145px) { nav.navbar.sponsor .logotipoBciBlanco { width: 140px; background-size: 90% auto; } } @media only screen and (max-width: 800px) { nav.navbar.sponsor .logotipoBciBlanco { width: 110px; } } .navbar-brand { position: absolute; top: 0; left: 10px; height: 100%; display: block; width: 300px; } @media only screen and (max-width: 800px) { .navbar-brand { width: 285px; } .active + .navbar-brand { left: 5px !important; } } @media only screen and (max-width: 576px) { .navbar-brand { left: 60px; width: 60%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .navbar-brand img { width: 100%; height: auto; } .active + .navbar-brand { display: none; } } .header-search { height: 60px; position: relative; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; } .header-search .collapse, .header-search .collapsing { min-width: 0px; } .ie .header-search .collapse, .ie .header-search .collapsing { min-width: 50%; max-width: 100%; } @media only screen and (max-width: 1145px) { .header-search .collapse .formularios, .header-search .collapsing .formularios { flex: 1; } } .header-search > span { margin: 9px 0 0 0; padding: 0; position: relative; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .header-search > span#collapse-search > .formularios { margin-right: 5px; } .header-search > span .boton { display: block; position: absolute; right: 0px; top: 0px; height: 35px; padding: 0; min-width: 35px; margin: 2px 6px 2px 5px; } .header-search > span .boton .bci-icon { height: 35px; background-size: auto 100%; width: 35px; } .header-search > span .formularios { flex: 1 0 15%; margin: 0 5px 0 0; min-width: 130px; padding: 0; position: relative; text-indent: 0; font-size: 0.9rem; display: inline-block; } .header-search > span .formularios:last-of-type { margin-right: 45px; } .header-search > span .formularios input, .header-search > span .formularios select { width: 100%; padding: 0; max-width: inherit; min-width: inherit; margin: 0; } .header-search > span .formularios select { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; } .header-search > span > section { margin-right: 45px; } .header-search > span > section.show { flex: 1 1 35%; min-width: 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } .header-search > span > section.show > .formularios { flex: 1 1 15%; min-width: 10px; } .header-search > span > section.show > .formularios:last-of-type { margin-right: 0; } @media only screen and (max-width: 800px) { .header-search > span { position: fixed; display: block; background-color: #272727; width: 100%; left: 0; top: 50px; padding: 4px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } .header-search > span.collapsing .formularios, .header-search > span.collapsed .formularios, .header-search > span.collapse .formularios { width: auto; flex: 1 1 20%; min-width: 0px !important; margin: 5px; display: inline-block; } .header-search > span.collapsing .formularios:last-of-type, .header-search > span.collapsed .formularios:last-of-type, .header-search > span.collapse .formularios:last-of-type { margin: 5px; } .header-search > span.collapsing .formularios input[type="text"], .header-search > span.collapsing .formularios select, .header-search > span.collapsed .formularios input[type="text"], .header-search > span.collapsed .formularios select, .header-search > span.collapse .formularios input[type="text"], .header-search > span.collapse .formularios select { min-width: 0; width: 100%; } .header-search > span.collapsing .boton, .header-search > span.collapsed .boton, .header-search > span.collapse .boton { position: relative; min-width: 35px; max-width: 35px; flex: 0 0 35px; margin: 5px; display: inline-block; margin-right: 45px; } } @media only screen and (max-width: 576px) { .header-search > span.collapsing .boton, .header-search > span.collapsed .boton, .header-search > span.collapse .boton { margin-right: 0; } } .header-search button { background: none; border: none; margin: 10px 1px 0px 5px; padding: 0; outline: none; display: block; position: relative; cursor: pointer; } .header-search button[aria-expanded="true"] .bci-icon.cerrar { display: inline-block; } @media only screen and (max-width: 800px) { .header-search button[aria-expanded="true"] .bci-icon.cerrar { position: fixed; top: 60px; right: 8px; margin: 8px 0; } } @media only screen and (max-width: 576px) { .header-search button[aria-expanded="true"] .bci-icon.cerrar { position: static; top: 60px; right: 8px; margin: 0 0; } } .header-search button[aria-expanded="true"] .bci-icon.search { display: none; } .header-search button[aria-expanded="false"] .bci-icon.search { display: inline-block; } .header-search button[aria-expanded="false"] .bci-icon.cerrar { display: none; } .header-search .bci-icon { opacity: 1; height: 36px; width: 36px; } .header-search.active-mobile { display: none !important; position: static; top: 0; right: 10%; width: 20%; height: 60px; z-index: 203; } .header-search.active-mobile button { display: none; } .header-search.active-mobile #collapse-search { display: none; } .cabecera-seccion-interna { position: absolute; z-index: 1020; top: 48px; left: 0; width: 100%; height: 32px; display: block; text-align: left; } .cabecera-seccion-interna .flotante-cambio-seccion { position: absolute; top: 2px; right: 20px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; height: 38px; } .cabecera-seccion-interna .flotante-cambio-seccion li { color: rgba(255, 255, 255, 0.5); font-family: "overpasslight"; list-style: none; height: 30px; padding: 3px 10px; } .cabecera-seccion-interna .flotante-cambio-seccion li a { color: rgba(255, 255, 255, 0.5); } .cabecera-seccion-interna .flotante-cambio-seccion li a:hover { color: white; text-decoration: none; } .cabecera-seccion-interna .flotante-cambio-seccion li.activo { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); font-family: "overpassbold"; background-color: white; border-radius: 2px; margin: 0 5px; } .cabecera-seccion-interna .flotante-cambio-seccion li.activo a { color: #00953a; } .cabecera-seccion-interna .flotante-cambio-seccion li.activo a:hover { color: #595b5a; } .cabecera-seccion-interna h1 { display: inline-block; font-family: "overpasslight"; text-transform: inherit; padding: 0 0 0 10px; margin: 0; line-height: 30px; text-align: left; color: white; font-size: 1.1rem; } .cabecera-seccion-interna h1 strong { font-family: "overpassbold"; } .cabecera-seccion-interna h2 { display: inline-block; padding: 0 10px; margin: 0; border: none; color: white; font-family: "overpassregular"; font-size: 0.9rem; border-right: 1px solid rgba(255, 255, 255, 0.3); } .cabecera-seccion-interna h2 + h1 { font-size: 0.9rem; } .cabecera-seccion-interna a.cab-volver { position: absolute; height: 100%; width: 85px; background: url('backarrow.e17682344776a285fe3a.svg') 8px center no-repeat rgba(0, 0, 0, 0.05); display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; color: white; text-transform: uppercase; font-size: 0.8rem; } .cabecera-seccion-interna a.cab-volver + h1 { margin-left: 90px; } @media only screen and (max-width: 576px) { .cabecera-seccion-interna a.cab-volver { color: rgba(0, 0, 0, 0); background-size: auto 16px; background-position: center center; width: 50px; } .cabecera-seccion-interna a.cab-volver + h1 { margin-left: 50px; } } .cabecera-seccion-interna.bg-celeste { background-color: #0071ce; } .cabecera-seccion-interna.bg-amarillo { background-color: #ffd700; } .cabecera-seccion-interna.bg-amarillo h1 { color: #595b5a; } .cabecera-seccion-interna.bg-verde { background-color: #00953a; } .cabecera-seccion-interna.bg-gris { background-color: #aeb2af; } .cabecera-seccion-interna.bg-naranjo, .cabecera-seccion-interna.bg-naranja { background-color: #f58a27; } .cabecera-seccion-interna.bg-rosado { background-color: #f25774; } .cabecera-seccion-interna.bg-morado { background-color: #9c67d2; } .cabecera-seccion-interna.bg-rojo { background-color: #ef3742; } .cabecera-seccion-interna.bg-azul { background-color: #006fb9; } .header-bar { flex: 0 0 auto; background-color: #4c4e4d; margin: 0; padding: 0; height: auto; } .header-bar.control-header { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } @media only screen and (max-width: 576px) { .header-bar { display: none; } .header-bar.active-mobile { display: block; position: absolute; top: 0px; left: 0; width: 80%; height: 60px; z-index: 201; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .header-bar.active-mobile > li { flex: 1 1 15%; text-align: center; height: 40px; margin: 0; padding: 0; position: static; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; border-left: 1px solid rgba(0, 0, 0, 0.1); } .header-bar.active-mobile .dropdown-menu { position: fixed; z-index: 301; top: 59px !important; border-radius: 0px; left: 0; bottom: auto; bottom: initial; height: calc(100% - 59px) !important; overflow-y: auto; width: 80.3%; margin: 0; padding: 0; } .header-bar.active-mobile .dropdown-menu .dropdown-item { line-height: 150%; font-size: 0.75rem !important; position: relative; } .header-bar.active-mobile .dropdown-menu[aria-labelledby="doDropdown"] { height: auto; } .header-bar.active-mobile .dropdown-menu[aria-labelledby="doDropdown"] .dropdown-item { font-size: 1rem !important; height: 50px; } .header-bar.active-mobile .dropdown-menu[aria-labelledby="doDropdown"] .dropdown-item::before { content: ' '; display: block; height: 2px; width: 25px; position: absolute; bottom: 2px; left: 5px; background: #d9d9d9; } .header-bar.active-mobile .dropdown-menu[aria-labelledby="alertDropdown"] { height: auto; } .header-bar.active-mobile .dropdown-menu[aria-labelledby="alertDropdown"] .dropdown-item { font-size: 1rem !important; height: 50px; } .header-bar.active-mobile .dropdown-menu[aria-labelledby="userDropdown"] { height: calc(100% - 70px); } .header-bar.active-mobile .dropdown-menu[aria-labelledby="userDropdown"] .dropdown-divider { display: none; } .header-bar.active-mobile .dropdown-menu[aria-labelledby="userDropdown"] .dropdown-item { width: 50% !important; line-height: 150%; font-size: 1rem !important; position: relative; height: 50px; } .header-bar.active-mobile .dropdown-menu[aria-labelledby="userDropdown"] .dropdown-item::before { content: ' '; display: block; height: 2px; width: 25px; position: absolute; bottom: 2px; left: 5px; background: #d9d9d9; } .header-bar.active-mobile .dropdown-menu .dropdown-item { line-height: 200%; } .header-bar.active-mobile .nav-link { border: none !important; position: relative; width: 36px; height: 36px; min-width: 0px; max-width: none; background: none; display: inline-block; margin: 0; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .header-bar.active-mobile .nav-link .fas { display: none !important; } .header-bar.active-mobile .nav-link .bci-icon { top: 0 !important; left: 2px !important; padding: 0; opacity: 1; height: 40px !important; margin: 0 auto !important; } } .header-bar .form-inline .input-group { width: 100%; } .header-bar .nav-item.active .nav-link { color: white; } .header-bar .nav-item.dropdown .dropdown-menu { top: 80%; } .header-bar .nav-item.dropdown .dropdown-menu .soporte { padding: 0 10px; margin: 0; width: 480px; box-shadow: none !important; border-radius: 0px; background: white; } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo .bci-icon { flex: 1; height: 100px; background-size: auto 100%; opacity: 0.8 !important; } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article { flex: 4; padding: 0 0 0 10px; } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article h1 { font-size: 1.64rem; color: #00953a; } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article h2 { border: none; margin: 0; padding: 0; color: #b2b4b3; font-size: 1rem; margin: 10px auto; } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article a { color: #006fb9; font-size: 0.9rem; display: block; line-height: 200%; background-size: auto 27px; background-position: left center; background-repeat: no-repeat; padding-left: 30px; } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article a.email { background-image: url('_bold_email.7e396dca9cb68a5bce36.svg'); } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article a.telefono { background-image: url('_bold_contacto.071d3af6d5e10cc8cbcf.svg'); } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article a.telefono.titulo { padding: 0; background: none; font-size: 1.64rem; margin-bottom: 20px; color: #00953a; line-height: 100%; } .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article p { font-family: "overpassregular", sans-serif; } .header-bar .nav-item.dropdown .dropdown-menu .dropdown-item { text-align: left; margin: 0; padding: 5px 10px; font-family: "overpassregular", sans-serif; color: #595b5a; font-size: 0.8rem; } .header-bar .nav-item.dropdown .dropdown-menu .dropdown-item .cant-push { background-color: #ef3742; color: white; font-size: 0.8rem; width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 24px; } .header-bar .nav-item.dropdown .dropdown-toggle::after { width: 1rem; text-align: center; float: right; vertical-align: 0; border: 0; font-family: "overpassbold"; } .header-bar .nav-item.dropdown.show .bci-icon { opacity: 0.3; } .header-bar .nav-item.dropdown.no-arrow { font-family: "overpassregular", sans-serif; font-size: 0.7rem; text-align: right; line-height: 1.1rem; } .header-bar .nav-item.dropdown.no-arrow .fas { position: absolute; top: 45%; right: -5px; height: 20%; } .header-bar .nav-item.dropdown.no-arrow span { font-family: "overpassbold"; color: white; } .header-bar .nav-item.dropdown.no-arrow .dropdown-toggle::after { display: none; } .header-bar .nav-item .nav-link { position: relative; margin: 5px 5px; padding: 0 5px; min-width: 40px; height: 40px; background-color: none; border-left: 1px solid rgba(0, 0, 0, 0.1); } .header-bar .nav-item .nav-link .bci-icon { position: absolute; top: 0.4rem; left: 6px; display: block; margin: 0 0 0 0; opacity: 1; height: 36px; width: 36px; } .header-bar .nav-item .nav-link:focus { outline: none; } .header-bar .nav-item .nav-link .badge { position: absolute; right: 0px; top: 0.4rem; font-family: "overpassregular"; font-size: 0.6rem; } @media only screen and (max-width: 576px) { .header-bar .form-inline .input-group { width: auto; } } .accordion-heading { width: 240px !important; min-height: calc(100vh - 56px); padding: 0.5rem; color: white !important; } .accordion-heading span { color: rgba(255, 255, 255, 0.5); font-family: "overpasslight"; font-size: 0.9rem; color: #595b5a; display: inline; position: relative; } .accordion-heading:active span, .accordion-heading:focus span, .accordion-heading:hover span { color: rgba(255, 255, 255, 0.75); } .cabecera-divisas { height: 90%; max-height: 36px; min-width: 100px; z-index: 1111; display: block; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; } .cabecera-divisas .divisa { margin-left: 12px; min-width: 110px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; background-color: white; border-radius: 6px 3px 3px 6px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); } .cabecera-divisas .divisa span.tipo { color: #595b5a; font-size: 0.6rem; padding: 0 5px; background-color: #e5e5e5; height: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .cabecera-divisas .divisa span.valor { color: #484848; font-family: "overpassbold"; font-size: 0.8rem; padding: 0 10px; } .cabecera-divisas .divisa span.icon { width: 30px; height: 100%; background-color: #595b5a; border-radius: 5px 0 0 5px; text-align: center; } .cabecera-divisas .divisa span .bci-icon { opacity: 1; filter: brightness(200%); -webkit-filter: brightness(200%); width: 30px; height: 100%; } .cabecera-divisas .divisa.aumento span.icon { background-color: #00953a; } .cabecera-divisas .divisa.aumento span .bci-icon { background-image: url('_bold_up.b90d191d028a5c9924c6.svg'); } .cabecera-divisas .divisa.disminucion span.icon { background-color: #ef3742; } .cabecera-divisas .divisa.disminucion span .bci-icon { background-image: url('_bold_down.a5d5c223f4a5bf96300d.svg'); } .cabecera-divisas .divisa.sincambios span.icon, .cabecera-divisas .divisa.sincambio span.icon { background-color: #ffd700; } .cabecera-divisas .divisa.sincambios span .bci-icon, .cabecera-divisas .divisa.sincambio span .bci-icon { filter: brightness(20%); -webkit-filter: brightness(20%); background-image: url('_lite_contract.5b02903d75fa93b53e05.svg'); } @media only screen and (max-width: 800px) { .cabecera-divisas { justify-content: center; align-items: stretch; position: fixed; bottom: 0; width: 100%; left: 0; background-color: rgba(89, 91, 90, 0.8); padding: 5px; } .cabecera-divisas .divisa { margin: 0 2px; } } /*cabecerainterior*/ .resultados-busqueda { flex: 0 0 100%; background-color: #d9d9d9; margin-bottom: 1rem; min-height: 60px; padding: 5px 0 0 0; margin-top: 60px; } @media only screen and (max-width: 800px) { .resultados-busqueda { margin-top: 0px; } } @media only screen and (max-width: 576px) { .resultados-busqueda { margin-bottom: 0.1rem; } } .resultados-busqueda h1 { margin: 0.7rem 0 0; font-size: 1.3rem; } @media only screen and (max-width: 1145px) { .resultados-busqueda h1 { font-size: 1rem; } } @media only screen and (max-width: 800px) { .resultados-busqueda h1 { font-size: 0.95rem; margin-bottom: 10px; } } @media only screen and (max-width: 576px) { .resultados-busqueda h1 { font-size: 0.9rem; } } .resultados-busqueda form { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } @media only screen and (max-width: 576px) { .resultados-busqueda form { justify-content: center; align-items: center; } } .resultados-busqueda form .formularios { margin-right: 10px; min-width: 100px; width: auto; height: 34px; margin: 5px; } @media only screen and (max-width: 1145px) { .resultados-busqueda form .formularios { min-width: 90px; margin-right: 2px; max-width: 130px; } } .resultados-busqueda form .formularios input[type="radio"] { margin-top: 8px; } .resultados-busqueda form .formularios input[type="text"], .resultados-busqueda form .formularios select { min-width: 100%; max-width: 100%; width: 100%; height: 34px; } .resultados-busqueda form .formularios.especial { min-width: 260px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .resultados-busqueda form .formularios.especial input { flex: 1 1 60%; max-width: 100%; min-width: 0; } .resultados-busqueda form .formularios.especial a { flex: 0 0 34px; } @media only screen and (max-width: 800px) { .resultados-busqueda form { text-align: left; justify-content: space-around; align-items: flex-end; } .resultados-busqueda form .boton { flex: 0 0 10%; } .resultados-busqueda form .formulario-seccion { flex: 1 1 42%; justify-content: flex-end; align-items: center; } .resultados-busqueda form .formulario-seccion .formularios { flex: 1 1 40%; max-width: 100%; } .resultados-busqueda form .formulario-seccion .formularios:only-child { flex: 1 1 40%; max-width: 40%; } .resultados-busqueda form > .formularios { min-width: 150px; flex: 1 1 50%; } .resultados-busqueda form > .formularios input { width: 100% !important; } } @media only screen and (max-width: 576px) { .resultados-busqueda form .boton { flex: 0 0 50%; max-width: 100%; } .resultados-busqueda form .formulario-seccion { flex: 1 1 100%; justify-content: flex-start; align-items: center; } .resultados-busqueda form .formulario-seccion .formularios { flex: 1 1 40%; max-width: 100%; } .resultados-busqueda form .formulario-seccion .formularios:only-child { flex: 1 1 100%; max-width: 100%; } .resultados-busqueda form > .formularios { flex: 1 1 100%; max-width: 100%; } } .resultados-busqueda .formularios { min-width: 50px; } @media only screen and (max-width: 1145px) { .resultados-busqueda .formularios { font-size: 1rem; } .resultados-busqueda .formularios .form-check-label { font-size: 0.8rem; margin: 0; } } .resultados-busqueda .formularios.checkbox-simple { min-width: 100px; } .resultados-busqueda .formularios.checkbox-simple .checkbox { margin-left: 30px; height: 30px; } .resultados-busqueda .formularios.checkbox-simple .checkbox span { font-size: 0.8rem; line-height: 30px; } .resultados-busqueda .formularios.checkbox-simple .checkbox::before { width: 20px; height: 20px; top: 5px; left: -30px; } .resultados-busqueda .formularios.checkbox-simple .checkbox::after { top: -5px; height: 30px; left: -30px; } .resultados-busqueda .formularios select { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 120px; padding-right: 20px; } @media only screen and (max-width: 1145px) { .resultados-busqueda .formularios input[type="text"]::-webkit-input-placeholder { font-size: 0.7rem; } .resultados-busqueda .formularios input[type="text"]:-moz-placeholder { font-size: 0.7rem; } .resultados-busqueda .formularios input[type="text"]::-moz-placeholder { font-size: 0.7rem; } .resultados-busqueda .formularios input[type="text"]:-ms-input-placeholder { font-size: 0.7rem; } } @media only screen and (max-width: 800px) { .resultados-busqueda .formularios input[type="text"]::-webkit-input-placeholder { font-size: 0.8rem; } .resultados-busqueda .formularios input[type="text"]:-moz-placeholder { font-size: 0.8rem; } .resultados-busqueda .formularios input[type="text"]::-moz-placeholder { font-size: 0.8rem; } .resultados-busqueda .formularios input[type="text"]:-ms-input-placeholder { font-size: 0.8rem; } } .resultados-busqueda .formularios.largo { min-width: 200px; } .cabecera-interior-pasos { height: 60px; background: #404141; width: 100%; position: absolute; top: 60px; left: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 20px; z-index: 2; } @media only screen and (max-width: 800px) { .cabecera-interior-pasos { top: 0px; } } @media only screen and (max-width: 576px) { .cabecera-interior-pasos { padding: 0 8px; } } .cabecera-interior-pasos ~ .card { margin-top: 60px; z-index: 0; } .cabecera-interior-pasos ~ .card ~ .card { margin-top: 2px; } .cabecera-interior-pasos h1 { margin: 0; padding: 0; font-size: 1.4rem; font-family: "overpassregular", sans-serif; color: white; } @media only screen and (max-width: 1290px) { .cabecera-interior-pasos h1.importante { font-size: 1rem; } } @media only screen and (max-width: 1145px) { .cabecera-interior-pasos h1.importante { display: none; } } .cabecera-interior-pasos .resumen { border-radius: 2px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); background-color: white; border-left: 5px solid #00953a; border-right: 5px solid #00953a; height: 80%; font-family: "overpassregular", sans-serif; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; flex: 1 1 50%; margin-left: 5%; } @media only screen and (max-width: 1145px) { .cabecera-interior-pasos .resumen { margin: 0; } } @media only screen and (max-width: 800px) { .cabecera-interior-pasos .resumen { height: 75%; width: 100%; } } .cabecera-interior-pasos .resumen > a { flex: 0 0 45px; height: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; background-color: #bfbfbf; border-left: 5px solid #404141; cursor: pointer; } .cabecera-interior-pasos .resumen > a i { height: 30px; width: 30px; background-size: auto 100%; } .cabecera-interior-pasos .resumen > a:hover { background: #f2f2f2; } .cabecera-interior-pasos .resumen > a:hover i { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .cabecera-interior-pasos .resumen .data { flex: 1 1 50%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .cabecera-interior-pasos .resumen .data .items { width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; height: 100%; } .cabecera-interior-pasos .resumen .data .items .item { flex: 1 1 50%; margin: 0; padding: 0; list-style: none; display: inline-block; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; height: 100%; border-right: 2px solid #f2f2f2; } .ie .cabecera-interior-pasos .resumen .data .items .item { flex: 0 0 45%; } .cabecera-interior-pasos .resumen .data .items .item:last-child { border: none; } @media only screen and (max-width: 576px) { .cabecera-interior-pasos .resumen .data .items .item { padding-left: 3px; } } .cabecera-interior-pasos .resumen .data .items .item > i { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); flex: 0 0 40px; height: 30px; background-size: auto 100%; } @media only screen and (max-width: 576px) { .cabecera-interior-pasos .resumen .data .items .item > i { display: none; } } .cabecera-interior-pasos .resumen .data .items .item a { flex: 0 0 40px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; background: #f2f2f2; height: 100%; cursor: pointer; } .cabecera-interior-pasos .resumen .data .items .item a i { height: 30px; width: 30px; background-size: auto 100%; } .cabecera-interior-pasos .resumen .data .items .item a:hover i { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .cabecera-interior-pasos .resumen .data .items .item span { flex: 1 1 50%; } .cabecera-interior-pasos .resumen .data .items .item span h4 { margin: 0; padding: 0; line-height: 1; } @media only screen and (max-width: 800px) { .cabecera-interior-pasos .resumen .data .items .item span h4 { display: none; } } .cabecera-interior-pasos .resumen .data .items .item span ul { line-height: 1; margin: 0; padding: 0; } .cabecera-interior-pasos .resumen .data .items .item span ul > li { color: #7f8280; font-size: 0.7rem; margin: 0; padding: 0; list-style: none; display: inline-block; } @media only screen and (max-width: 576px) { .cabecera-interior-pasos .resumen .data .items .item span ul > li { font-size: 0.6rem; } } .cabecera-interior-pasos .detalles { border-radius: 2px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); background-color: white; border-left: 5px solid #006fb9; border-right: 5px solid #006fb9; height: 80%; font-family: "overpassregular"; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } @media only screen and (max-width: 800px) { .cabecera-interior-pasos .detalles { justify-content: space-around; align-items: center; height: 70%; width: 100%; } } .cabecera-interior-pasos .detalles h2 { font-size: 1.3rem; border: none; margin: 0; padding: 0 10px 0 10px; color: #595b5a; height: auto; font-style: normal; font-family: "overpasslight"; color: #006fb9; } .cabecera-interior-pasos .detalles .dato { height: auto; font-family: "overpassregular", sans-serif; font-size: 1.3rem; margin: 0; padding: 0; } .cabecera-interior-pasos .detalles .dato span { font-size: 1rem; } .cabecera-interior-pasos .detalles article { height: auto; margin: 0 10px; } .cabecera-interior-pasos .detalles article p { font-size: 0.6rem; margin: 0 10px; padding: 0; font-family: "overpassregular"; color: #aeb2af; } @media only screen and (max-width: 576px) { .cabecera-interior-pasos .detalles article { display: none; } } .cabecera-interior-pasos .detalles article.acciones { height: auto; margin-left: 40px; } .cabecera-interior-pasos .detalles article.acciones a { cursor: pointer; } .cabecera-interior-pasos .detalles article.acciones a .bci-icon { opacity: 1; height: 35px; width: 35px; } .cabecera-interior-pasos .detalles article.acciones a .bci-icon.eliminar-usuario { height: 31px; width: 31px; opacity: 0.8; } .cabecera-interior-pasos .detalles article.acciones a:hover .bci-icon { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .cabecera-interior-pasos > ul { max-height: 30px; margin: 0; } .cabecera-interior-pasos > ul li { display: inline-block; padding-right: 40px; position: relative; } .cabecera-interior-pasos > ul li::after { display: block; content: ' '; height: 3px; background: #595959; width: 28px; position: absolute; top: 45%; right: 5px; } .cabecera-interior-pasos > ul li a { color: white; font-family: "overpassregular", sans-serif; font-size: 1.4rem; color: #595b5a; cursor: pointer; text-decoration: none; } .cabecera-interior-pasos > ul li a:hover { color: #aeb2af; } .cabecera-interior-pasos > ul li:last-child { padding: 0; } .cabecera-interior-pasos > ul li:last-child::after { display: none; } .cabecera-interior-pasos > ul li.active a { color: #f2f2f2; cursor: inherit; display: block; } .cabecera-interior-pasos > ul li.active a:hover { color: #f2f2f2; } .cabecera-interior-pasos > ul li.active::after { background: #f2f2f2; } .modulo-ejecutivo-flotante { width: 100%; overflow-y: hidden; height: 0; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.1s linear; } .modulo-ejecutivo-flotante.active { opacity: 1; display: block; z-index: 1030; width: 100%; height: 100%; } .modulo-ejecutivo-flotante.active .modulo-back { display: block; } .modulo-ejecutivo-flotante .modulo-back { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1020; opacity: 1; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.7); } .modulo-ejecutivo-flotante .modulo-content { max-width: 300px; height: calc(100% - 60px); width: 96%; overflow-y: hidden; display: block; background-color: #f2f2f2; position: absolute; top: 60px; right: 0px; z-index: 2001; border-radius: 0; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); } .modulo-ejecutivo-flotante .modulo-content .head { background-color: #006fb9; padding: 0; height: 30px; } .modulo-ejecutivo-flotante .modulo-content .head h3 { color: white; line-height: 30px; margin: 0; padding-left: 10px; } .modulo-ejecutivo-flotante .modulo-content .head > a { position: absolute; top: 6px; right: 0; filter: brightness(400%); -webkit-filter: brightness(400%); height: 20px; width: 20px; } .modulo-ejecutivo-flotante .modulo-content .head > a i { width: 16px; height: 16px; } .modulo-ejecutivo-flotante .modulo-content .content { display: block; width: 100%; height: calc(100% - 57px); overflow-y: auto; overflow-x: hidden; } .modulo-ejecutivo-flotante .modulo-content .content ul { margin: 0; padding: 0 5px; } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption { display: block; width: 100%; padding: 5px; background-color: white; margin: 5px auto 12px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption section { padding: 5px 0; margin-bottom: 10px; border-bottom: 2px solid #e5e5e5; } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption section p { text-align: left; margin-bottom: 0; font-size: 0.7rem; padding: 0; margin: 0; } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption section h4 { color: #006fb9; text-align: left; font-size: 0.85rem; padding: 0; margin: 0; } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption > ul { width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption > ul > li { cursor: auto; flex: 0 0 100%; list-style: none; margin: 0 0 5px 0; background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); background-repeat: no-repeat; background-position: left center; background-size: auto 16px; padding: 0 0 0 18px; text-align: left; font-size: 0.8rem; color: #595b5a; } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption > ul > li > a { cursor: pointer; text-align: left; color: #595b5a; text-decoration: underline; } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption a.more { width: 100%; background-color: #e5e5e5; height: 24px; line-height: 24px; text-align: center; display: inline-block; margin-top: 10px; font-size: 0.75rem; cursor: pointer; } .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption a.more:hover { background-color: #cccccc; } .modulo-corredor-flotante { width: 100%; overflow-y: hidden; height: 0; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.1s linear; } .modulo-corredor-flotante.active { opacity: 1; display: block; z-index: 1030; width: 100%; height: 100%; } .modulo-corredor-flotante .modulo-back { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1020; opacity: 1; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.5); } .modulo-corredor-flotante .modulo-content { max-width: 500px; height: calc(100% - 60px); width: 96%; overflow-y: hidden; display: block; background-color: #f2f2f2; position: absolute; top: 60px; right: 0px; z-index: 2001; border-radius: 0; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); } .modulo-corredor-flotante .modulo-content .head { background-color: #006fb9; padding: 10px; height: 57px; } .modulo-corredor-flotante .modulo-content .head .formularios { margin: 0; } .modulo-corredor-flotante .modulo-content .head .formularios.especial label { left: 10px; color: #aeb2af; padding-left: 0; font-size: 0.8rem; } .modulo-corredor-flotante .modulo-content .head .formularios.especial input { font-size: 1rem; } .modulo-corredor-flotante .modulo-content .content { display: block; width: 100%; height: calc(100% - 57px); overflow-y: auto; overflow-x: hidden; } .modulo-corredor-flotante .modulo-content .content ul { margin: 0; padding: 0 10px; } .modulo-corredor-flotante .modulo-content .content ul li { width: 100%; list-style: none; margin: 0; padding: 10px; border-bottom: 1px solid rgba(89, 91, 90, 0.2); display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .modulo-corredor-flotante .modulo-content .content ul li p { margin: 0; font-size: 0.85rem; font-family: "overpassregular"; } .modulo-corredor-flotante .modulo-content .content ul li a { margin: 0; } .modulo-corredor-flotante .modulo-content .content ul li:hover { background-color: rgba(255, 255, 255, 0.1); } .modulo-informacion-flotante { width: 100%; overflow-y: hidden; height: 0; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.1s linear; } .modulo-informacion-flotante.active { opacity: 1; display: block; z-index: 1030; width: 100%; height: 100%; } .modulo-informacion-flotante .modulo-content { max-width: 500px; min-height: 200px; width: 96%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; background-color: #f2f2f2; position: absolute; top: 70px; right: 10px; z-index: 2001; border-radius: 18px 6px 6px 6px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 800px) { .modulo-informacion-flotante .modulo-content { right: 2%; } } .modulo-informacion-flotante .modulo-content .head { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; border-radius: 18px 6px 0px 0px; flex: 0 0 100%; height: 40px; background-color: white; } .modulo-informacion-flotante .modulo-content .head h4 { font-size: 1rem; padding: 0 0 0 5px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .modulo-informacion-flotante .modulo-content .head h4 .bci-icon { margin-right: 10px; height: 30px; width: 30px; } .modulo-informacion-flotante .modulo-content .head h4 span.notificacion { line-height: 14px; width: 14px; font-family: "overpassregular"; color: white; font-size: 0.5rem; display: inline-block; background-color: #ef3742; text-align: center; border-radius: 9px; position: absolute; top: 2px; left: 28px; } .modulo-informacion-flotante .modulo-content .head .cerrar { cursor: pointer; width: 40px; height: 20px; padding-left: 13px; border-left: 1px solid rgba(174, 178, 175, 0.5); } .modulo-informacion-flotante .modulo-content .head .cerrar .bci-icon { height: 15px; width: 15px; } .modulo-informacion-flotante .modulo-content .head .cerrar:hover { opacity: 0.4; } .modulo-informacion-flotante .modulo-content .content { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; border-radius: 0 0 10px 10px; flex: 0 0 100%; height: 80%; } .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones { width: 100%; display: block; margin: 0; padding: 0; } .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li { min-height: 0px; padding: 0 10px 0 10px !important; margin: 5px 0 !important; width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; } .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li h4 { margin: 0; font-weight: 400; line-height: 1; } .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li h4 span { font-size: 0.7rem; font-family: "overpasslight"; color: #aeb2af; } .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li:last-child { border-bottom: none; } .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li .boton { margin: 0; } .modulo-informacion-flotante .modulo-content .content.center { justify-content: center; align-items: flex-start; } .modulo-informacion-flotante .modulo-content .content.right { justify-content: flex-end; align-items: flex-start; } .modulo-informacion-flotante .modulo-content .content > h4 { padding: 10px 10px 0 10px; } .modulo-informacion-flotante .modulo-content .content .divisor { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex: 0 0 98%; } .modulo-informacion-flotante .modulo-content .content .divisor.left { justify-content: flex-start; align-items: flex-start; } .modulo-informacion-flotante .modulo-content .content .divisor.center { justify-content: center; align-items: flex-start; } .modulo-informacion-flotante .modulo-content .content .divisor.right { justify-content: flex-end; align-items: flex-start; } .modulo-informacion-flotante .modulo-content .content .accesos { flex: 0 0 100%; width: 100%; box-shadow: none !important; margin: 0; padding: 0; } .modulo-informacion-flotante .modulo-content .content > .formularios { padding: 10px; flex: 0 0 100%; border-bottom: 1px solid #d9d9d9; } .modulo-informacion-flotante .modulo-content .content > .formulario-bloque { flex: 0 0 96%; margin: 0; padding: 0; } .modulo-informacion-flotante .modulo-content .content > .formulario-bloque .formularios { margin: 0; padding: 0; } .modulo-informacion-flotante .modulo-content .content .content-busqueda { padding: 0; justify-content: flex-start; align-items: flex-end; align-content: flex-end; -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; } .modulo-informacion-flotante .modulo-content .content .content-busqueda.active { padding: 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .modulo-informacion-flotante .modulo-content .content .boton { flex: 0 0 90px; min-width: 0px; margin-left: 20px; margin-bottom: 20px; } .modulo-informacion-flotante .modulo-content .content .boton.extendido { text-align: center; flex: 0 0 190px; } .modulo-informacion-flotante .modulo-content .content .formulario-seccion { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; flex: 1 0 50%; } .modulo-informacion-flotante .modulo-content .content .formulario-seccion .formularios { min-width: 0px; } .modulo-informacion-flotante .modulo-content .content .formulario-seccion .formularios input { min-width: 0px; } .modulo-informacion-flotante.principal .modulo-back { display: none; } .modulo-informacion-flotante .modulo-back { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1020; opacity: 1; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.7); } #menu-desplegable-principal { display: none; height: 100%; width: 0; transition: width 0.2s linear; } #menu-desplegable-principal.active { z-index: 1030; position: absolute; top: 0; left: 0; z-index: 1030; width: 100%; height: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } #menu-desplegable-principal .menu-content { border-top: 5px solid #00953a; max-height: 100%; width: 355px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; background-color: rgba(0, 0, 0, 0.65); z-index: 1030; padding-top: 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } #menu-desplegable-principal .menu-content.scroll { overflow-y: auto; } #menu-desplegable-principal .menu-content::-webkit-scrollbar { width: 4px; } #menu-desplegable-principal .menu-content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } #menu-desplegable-principal .menu-content::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.4); } @media only screen and (max-width: 576px) { #menu-desplegable-principal .menu-content { max-height: 800px; height: 800px; } } #menu-desplegable-principal .menu-content h1, #menu-desplegable-principal .menu-content h2, #menu-desplegable-principal .menu-content h4 { margin: 5px 0 5px 20px; } #menu-desplegable-principal .menu-content h1 { margin-top: 60px; margin-right: 40px; margin-bottom: 20px; flex-basis: 100%; font-size: 1.2rem; color: white; text-transform: none; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #menu-desplegable-principal .menu-content h2 { height: 22px; flex-basis: 100%; color: white; font-weight: 300; font-style: normal; } #menu-desplegable-principal .menu-content h4 { height: 16px; flex-basis: 100%; color: #00953a; font-size: 1rem; font-weight: 700; font-style: normal; } #menu-desplegable-principal .menu-content > ul { flex-basis: 100%; width: 100%; display: block; margin: 0 0 30px 0; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } #menu-desplegable-principal .menu-content > ul > li { flex-basis: 100%; min-height: 44px; margin: 0; padding: 0 10px 0 30px; list-style: none; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; position: relative; font-family: "overpassregular"; } #menu-desplegable-principal .menu-content > ul > li > ul { display: none; background-color: rgba(0, 0, 0, 0.95); position: absolute; top: 0; left: 100%; min-width: 360px; width: 100%; padding-right: 20px; margin: 0; padding: 10px; } #menu-desplegable-principal .menu-content > ul > li > ul:after { position: absolute; right: 0; top: 0; height: 100%; width: 5px; display: block; content: ''; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-celeste:after { background-color: #0071ce; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-celeste li:before { background-color: #0071ce; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-amarillo:after { background-color: #ffd700; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-amarillo li:before { background-color: #ffd700; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-mostaza:after { background-color: #d7b401; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-mostaza li:before { background-color: #00953a; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-verde:after { background-color: #00953a; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-verde li:before { background-color: #00953a; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-naranjo:after { background-color: #f58a27; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-naranjo li:before { background-color: #f58a27; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-gris:after { background-color: #aeb2af; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-gris li:before { background-color: #aeb2af; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-rosado:after { background-color: #f25774; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-rosado li:before { background-color: #f25774; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-morado:after { background-color: #9c67d2; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-morado li:before { background-color: #9c67d2; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-rojo:after { background-color: #ef3742; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-rojo li:before { background-color: #ef3742; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-azul:after { background-color: #006fb9; } #menu-desplegable-principal .menu-content > ul > li > ul li { margin: 0 0 5px 0; padding: 0; position: relative; padding-left: 20px; min-height: 30px; list-style: none; } #menu-desplegable-principal .menu-content > ul > li > ul li:last-child { margin: 0; } #menu-desplegable-principal .menu-content > ul > li > ul li:before { content: ''; position: absolute; top: 8px; left: 0; height: 8px; width: 8px; display: block; border-radius: 4px; } #menu-desplegable-principal .menu-content > ul > li > ul li a { color: #c4c4c4; text-decoration: none; } #menu-desplegable-principal .menu-content > ul > li > ul li a:hover { color: white; } #menu-desplegable-principal .menu-content > ul > li:hover > ul { display: block; } #menu-desplegable-principal .menu-content > ul > li > a { width: 100%; font-weight: normal; color: rgba(255, 255, 255, 0.6); font-size: 1.0rem; position: relative; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; font-family: "overpasslight"; } #menu-desplegable-principal .menu-content > ul > li > a:hover { color: white; text-decoration: none; } #menu-desplegable-principal .menu-content > ul > li > a strong { margin-left: 4px; font-family: "overpassbold"; } #menu-desplegable-principal .menu-content > ul > li > a .notificacion { position: absolute; top: 50%; left: 100%; transform: translate(-100%, -50%); color: white; font-size: 1rem; text-align: center; padding: 0 2px 0 0; margin: 0; border-radius: 11px 11px 11px 2px; height: 22px; width: 22px; display: inline-block; background-color: #ef3742; } #menu-desplegable-principal .menu-content.scroll > ul > li:hover { padding-top: 2px; } #menu-desplegable-principal .menu-content.scroll > ul > li:hover > ul { display: none; } #menu-desplegable-principal .menu-content.scroll > ul > li > ul { position: static; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; min-width: 200px !important; } #menu-desplegable-principal .menu-content.scroll > ul > li.activo { padding-top: 5px; background-color: rgba(0, 0, 0, 0.95); } #menu-desplegable-principal .menu-content.scroll > ul > li.activo > ul { background-color: rgba(0, 0, 0, 0.95); display: block; position: static; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; min-width: 200px !important; } #menu-desplegable-principal .menu-content .menu { min-height: 60%; } #menu-desplegable-principal .menu-content .menu > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; } #menu-desplegable-principal .menu-content .menu > li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } #menu-desplegable-principal .menu-content .menu > li.sub { background: url('dropdown-arrow.7fd345b8c2ef43dfd30b.svg') no-repeat 96% center; background-size: auto 6px; } #menu-desplegable-principal .menu-content .menu > li.sub:hover:after { display: none; } #menu-desplegable-principal .menu-content .menu > li:hover { background-color: rgba(0, 0, 0, 0.95); } #menu-desplegable-principal .menu-content .menu > li:hover.sub { background-color: rgba(0, 0, 0, 0.95); } #menu-desplegable-principal .menu-content .menu > li:hover:after { content: ''; position: absolute; top: 50%; left: 100%; transform: translate(-100%, -50%); height: 100%; width: 4px; display: block; background: #f2f2f2; } #menu-desplegable-principal .menu-content .menu > li:hover > a { color: white; } #menu-desplegable-principal .menu-content .menu > li .bci-icon { height: 32px; width: 32px; border-radius: 16px; display: inline-block; margin-right: 10px; background-position: center center; background-size: 70% auto; background-repeat: no-repeat; } #menu-desplegable-principal .menu-content .menu > li.active { background-color: rgba(255, 255, 255, 0.1); } #menu-desplegable-principal .menu-content .menu > li.active:after { content: ''; position: absolute; top: 50%; left: 100%; transform: translate(-100%, -50%); height: 100%; width: 4px; display: block; background: #595b5a; } #menu-desplegable-principal .menu-content .menu > li.active a { color: white; } #menu-desplegable-principal .menu-content .indicadores { min-height: 10%; } #menu-desplegable-principal .menu-content .indicadores li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } #menu-desplegable-principal .menu-content .indicadores li:last-child { border-bottom: none; } #menu-desplegable-principal .menu-content .indicadores li span { color: white; font-size: 1.0rem; } #menu-desplegable-principal .menu-content .indicadores li span.divisa { font-family: "overpassbold"; } #menu-desplegable-principal .menu-content .indicadores li span.valor { font-family: "overpasslight"; background-position: right center; background-repeat: no-repeat; padding-right: 20px; } #menu-desplegable-principal .menu-content .indicadores li span.valor.mas { background-image: url('valor-up.4f514135351fb18df35f.svg'); } #menu-desplegable-principal .menu-content .indicadores li span.valor.menos { background-image: url('valor-down.ee75a98e4a1c7e4d59da.svg'); } #menu-desplegable-principal .menu-content .indicadores li span.valor.none { background-image: url('valor-steady.d575a055cbe0ad9eec18.svg'); background-size: 10px 2px; } #menu-desplegable-principal.agrupaciones .menu-back { background-color: rgba(0, 0, 0, 0); } #menu-desplegable-principal .menu-back { position: absolute; width: 100%; left: 0; top: 0; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.34); z-index: 1028; } nav.navbar.oficina #menu-desplegable { height: 100%; display: inline-block; flex: 0 0 85px; background-color: #f1f1f1; background-image: url('icono-menu-new.3aa301adc53c5fce6bd9.svg'); background-size: auto 70px; background-position: center center; background-repeat: no-repeat; cursor: pointer; } @media only screen and (max-width: 800px) { nav.navbar.oficina #menu-desplegable { flex: 0 0 64px; } } @media only screen and (max-width: 576px) { nav.navbar.oficina #menu-desplegable { flex: 0 0 50px; background-size: auto 24px; } } nav.navbar.oficina #menu-desplegable.active, nav.navbar.oficina #menu-desplegable:hover { background-image: url('icono-menu-new-white.01187de5e9f476fa699d.svg'); background-color: #00953a; } /*Modales*/ .modal { overflow-y: auto; } .modal .modal-dialog { max-width: 600px; width: 98%; } .modal.pequena .modal-dialog { max-width: 450px; width: 98%; } .modal.media .modal-dialog { max-width: 580px !important; width: 98%; } .modal.mediana .modal-dialog { max-width: 650px !important; width: 98%; } .modal.intermedia .modal-dialog { max-width: 815px !important; width: 98%; } .modal.normal .modal-dialog { max-width: 1000px; width: 98%; } .modal.grande .modal-dialog { max-width: 1280px; width: 98%; } .modal.w-0 .modal-dialog { max-width: 0px; width: 98%; } .modal.w-10 .modal-dialog { max-width: 10px; width: 98%; } .modal.w-20 .modal-dialog { max-width: 20px; width: 98%; } .modal.w-30 .modal-dialog { max-width: 30px; width: 98%; } .modal.w-40 .modal-dialog { max-width: 40px; width: 98%; } .modal.w-50 .modal-dialog { max-width: 50px; width: 98%; } .modal.w-60 .modal-dialog { max-width: 60px; width: 98%; } .modal.w-70 .modal-dialog { max-width: 70px; width: 98%; } .modal.w-80 .modal-dialog { max-width: 80px; width: 98%; } .modal.w-90 .modal-dialog { max-width: 90px; width: 98%; } .modal.w-100 .modal-dialog { max-width: 100px; width: 98%; } .modal.w-110 .modal-dialog { max-width: 110px; width: 98%; } .modal.w-120 .modal-dialog { max-width: 120px; width: 98%; } .modal.w-130 .modal-dialog { max-width: 130px; width: 98%; } .modal.w-140 .modal-dialog { max-width: 140px; width: 98%; } .modal.w-150 .modal-dialog { max-width: 150px; width: 98%; } .modal.w-160 .modal-dialog { max-width: 160px; width: 98%; } .modal.w-170 .modal-dialog { max-width: 170px; width: 98%; } .modal.w-180 .modal-dialog { max-width: 180px; width: 98%; } .modal.w-190 .modal-dialog { max-width: 190px; width: 98%; } .modal.w-200 .modal-dialog { max-width: 200px; width: 98%; } .modal.w-210 .modal-dialog { max-width: 210px; width: 98%; } .modal.w-220 .modal-dialog { max-width: 220px; width: 98%; } .modal.w-230 .modal-dialog { max-width: 230px; width: 98%; } .modal.w-240 .modal-dialog { max-width: 240px; width: 98%; } .modal.w-250 .modal-dialog { max-width: 250px; width: 98%; } .modal.w-260 .modal-dialog { max-width: 260px; width: 98%; } .modal.w-270 .modal-dialog { max-width: 270px; width: 98%; } .modal.w-280 .modal-dialog { max-width: 280px; width: 98%; } .modal.w-290 .modal-dialog { max-width: 290px; width: 98%; } .modal.w-300 .modal-dialog { max-width: 300px; width: 98%; } .modal.w-310 .modal-dialog { max-width: 310px; width: 98%; } .modal.w-320 .modal-dialog { max-width: 320px; width: 98%; } .modal.w-330 .modal-dialog { max-width: 330px; width: 98%; } .modal.w-340 .modal-dialog { max-width: 340px; width: 98%; } .modal.w-350 .modal-dialog { max-width: 350px; width: 98%; } .modal.w-360 .modal-dialog { max-width: 360px; width: 98%; } .modal.w-370 .modal-dialog { max-width: 370px; width: 98%; } .modal.w-380 .modal-dialog { max-width: 380px; width: 98%; } .modal.w-390 .modal-dialog { max-width: 390px; width: 98%; } .modal.w-400 .modal-dialog { max-width: 400px; width: 98%; } .modal.w-410 .modal-dialog { max-width: 410px; width: 98%; } .modal.w-420 .modal-dialog { max-width: 420px; width: 98%; } .modal.w-430 .modal-dialog { max-width: 430px; width: 98%; } .modal.w-440 .modal-dialog { max-width: 440px; width: 98%; } .modal.w-450 .modal-dialog { max-width: 450px; width: 98%; } .modal.w-460 .modal-dialog { max-width: 460px; width: 98%; } .modal.w-470 .modal-dialog { max-width: 470px; width: 98%; } .modal.w-480 .modal-dialog { max-width: 480px; width: 98%; } .modal.w-490 .modal-dialog { max-width: 490px; width: 98%; } .modal.w-500 .modal-dialog { max-width: 500px; width: 98%; } .modal.w-510 .modal-dialog { max-width: 510px; width: 98%; } .modal.w-520 .modal-dialog { max-width: 520px; width: 98%; } .modal.w-530 .modal-dialog { max-width: 530px; width: 98%; } .modal.w-540 .modal-dialog { max-width: 540px; width: 98%; } .modal.w-550 .modal-dialog { max-width: 550px; width: 98%; } .modal.w-560 .modal-dialog { max-width: 560px; width: 98%; } .modal.w-570 .modal-dialog { max-width: 570px; width: 98%; } .modal.w-580 .modal-dialog { max-width: 580px; width: 98%; } .modal.w-590 .modal-dialog { max-width: 590px; width: 98%; } .modal.w-600 .modal-dialog { max-width: 600px; width: 98%; } .modal.w-610 .modal-dialog { max-width: 610px; width: 98%; } .modal.w-620 .modal-dialog { max-width: 620px; width: 98%; } .modal.w-630 .modal-dialog { max-width: 630px; width: 98%; } .modal.w-640 .modal-dialog { max-width: 640px; width: 98%; } .modal.w-650 .modal-dialog { max-width: 650px; width: 98%; } .modal.w-660 .modal-dialog { max-width: 660px; width: 98%; } .modal.w-670 .modal-dialog { max-width: 670px; width: 98%; } .modal.w-680 .modal-dialog { max-width: 680px; width: 98%; } .modal.w-690 .modal-dialog { max-width: 690px; width: 98%; } .modal.w-700 .modal-dialog { max-width: 700px; width: 98%; } .modal.w-710 .modal-dialog { max-width: 710px; width: 98%; } .modal.w-720 .modal-dialog { max-width: 720px; width: 98%; } .modal.w-730 .modal-dialog { max-width: 730px; width: 98%; } .modal.w-740 .modal-dialog { max-width: 740px; width: 98%; } .modal.w-750 .modal-dialog { max-width: 750px; width: 98%; } .modal.w-760 .modal-dialog { max-width: 760px; width: 98%; } .modal.w-770 .modal-dialog { max-width: 770px; width: 98%; } .modal.w-780 .modal-dialog { max-width: 780px; width: 98%; } .modal.w-790 .modal-dialog { max-width: 790px; width: 98%; } .modal.w-800 .modal-dialog { max-width: 800px; width: 98%; } .modal.w-810 .modal-dialog { max-width: 810px; width: 98%; } .modal.w-820 .modal-dialog { max-width: 820px; width: 98%; } .modal.w-830 .modal-dialog { max-width: 830px; width: 98%; } .modal.w-840 .modal-dialog { max-width: 840px; width: 98%; } .modal.w-850 .modal-dialog { max-width: 850px; width: 98%; } .modal.w-860 .modal-dialog { max-width: 860px; width: 98%; } .modal.w-870 .modal-dialog { max-width: 870px; width: 98%; } .modal.w-880 .modal-dialog { max-width: 880px; width: 98%; } .modal.w-890 .modal-dialog { max-width: 890px; width: 98%; } .modal.w-900 .modal-dialog { max-width: 900px; width: 98%; } .modal.w-910 .modal-dialog { max-width: 910px; width: 98%; } .modal.w-920 .modal-dialog { max-width: 920px; width: 98%; } .modal.w-930 .modal-dialog { max-width: 930px; width: 98%; } .modal.w-940 .modal-dialog { max-width: 940px; width: 98%; } .modal.w-950 .modal-dialog { max-width: 950px; width: 98%; } .modal.w-960 .modal-dialog { max-width: 960px; width: 98%; } .modal.w-970 .modal-dialog { max-width: 970px; width: 98%; } .modal.w-980 .modal-dialog { max-width: 980px; width: 98%; } .modal.w-990 .modal-dialog { max-width: 990px; width: 98%; } .modal.w-1000 .modal-dialog { max-width: 1000px; width: 98%; } .modal.w-1010 .modal-dialog { max-width: 1010px; width: 98%; } .modal.w-1020 .modal-dialog { max-width: 1020px; width: 98%; } .modal.w-1030 .modal-dialog { max-width: 1030px; width: 98%; } .modal.w-1040 .modal-dialog { max-width: 1040px; width: 98%; } .modal.w-1050 .modal-dialog { max-width: 1050px; width: 98%; } .modal.w-1060 .modal-dialog { max-width: 1060px; width: 98%; } .modal.w-1070 .modal-dialog { max-width: 1070px; width: 98%; } .modal.w-1080 .modal-dialog { max-width: 1080px; width: 98%; } .modal.w-1090 .modal-dialog { max-width: 1090px; width: 98%; } .modal.w-1100 .modal-dialog { max-width: 1100px; width: 98%; } .modal.w-1110 .modal-dialog { max-width: 1110px; width: 98%; } .modal.w-1120 .modal-dialog { max-width: 1120px; width: 98%; } .modal.w-1130 .modal-dialog { max-width: 1130px; width: 98%; } .modal.w-1140 .modal-dialog { max-width: 1140px; width: 98%; } .modal.w-1150 .modal-dialog { max-width: 1150px; width: 98%; } .modal.w-1160 .modal-dialog { max-width: 1160px; width: 98%; } .modal.w-1170 .modal-dialog { max-width: 1170px; width: 98%; } .modal.w-1180 .modal-dialog { max-width: 1180px; width: 98%; } .modal.w-1190 .modal-dialog { max-width: 1190px; width: 98%; } .modal.w-1200 .modal-dialog { max-width: 1200px; width: 98%; } .modal.w-1210 .modal-dialog { max-width: 1210px; width: 98%; } .modal.w-1220 .modal-dialog { max-width: 1220px; width: 98%; } .modal.w-1230 .modal-dialog { max-width: 1230px; width: 98%; } .modal.w-1240 .modal-dialog { max-width: 1240px; width: 98%; } .modal.w-1250 .modal-dialog { max-width: 1250px; width: 98%; } .modal.w-1260 .modal-dialog { max-width: 1260px; width: 98%; } .modal.w-1270 .modal-dialog { max-width: 1270px; width: 98%; } .modal.w-1280 .modal-dialog { max-width: 1280px; width: 98%; } .modal.w-1290 .modal-dialog { max-width: 1290px; width: 98%; } .modal.w-1300 .modal-dialog { max-width: 1300px; width: 98%; } .modal.w-1310 .modal-dialog { max-width: 1310px; width: 98%; } .modal.w-1320 .modal-dialog { max-width: 1320px; width: 98%; } .modal.w-1330 .modal-dialog { max-width: 1330px; width: 98%; } .modal.w-1340 .modal-dialog { max-width: 1340px; width: 98%; } .modal.w-1350 .modal-dialog { max-width: 1350px; width: 98%; } .modal.w-1360 .modal-dialog { max-width: 1360px; width: 98%; } .modal.w-1370 .modal-dialog { max-width: 1370px; width: 98%; } .modal.w-1380 .modal-dialog { max-width: 1380px; width: 98%; } .modal.w-1390 .modal-dialog { max-width: 1390px; width: 98%; } .modal.w-1400 .modal-dialog { max-width: 1400px; width: 98%; } .modal.w-1410 .modal-dialog { max-width: 1410px; width: 98%; } .modal.w-1420 .modal-dialog { max-width: 1420px; width: 98%; } .modal.w-1430 .modal-dialog { max-width: 1430px; width: 98%; } .modal.w-1440 .modal-dialog { max-width: 1440px; width: 98%; } .modal.w-1450 .modal-dialog { max-width: 1450px; width: 98%; } .modal.w-1460 .modal-dialog { max-width: 1460px; width: 98%; } .modal.w-1470 .modal-dialog { max-width: 1470px; width: 98%; } .modal.w-1480 .modal-dialog { max-width: 1480px; width: 98%; } .modal.w-1490 .modal-dialog { max-width: 1490px; width: 98%; } .modal.w-1500 .modal-dialog { max-width: 1500px; width: 98%; } .modal .modal-dialog .modal-content { border-radius: 15px 15px 5px 5px; padding-bottom: 0px; height: auto; overflow: hidden; } .modal .modal-dialog .modal-content .modal-header { position: relative; border: none; display: block; background-color: white; border-bottom: 1px solid #f2f2f2; padding-top: 4px; } .modal .modal-dialog .modal-content .modal-header h2, .modal .modal-dialog .modal-content .modal-header h1, .modal .modal-dialog .modal-content .modal-header h3 { padding: 15px 0 0 0; line-height: 3rem; } .modal .modal-dialog .modal-content .modal-header h2 span, .modal .modal-dialog .modal-content .modal-header h1 span, .modal .modal-dialog .modal-content .modal-header h3 span { display: block; font-size: 0.8rem; line-height: 240%; } .modal .modal-dialog .modal-content .modal-header h2 u, .modal .modal-dialog .modal-content .modal-header h1 u, .modal .modal-dialog .modal-content .modal-header h3 u { line-height: 1.3rem; text-decoration: none; font-family: "overpasslight"; font-size: 1.7rem; color: #006fb9; border-bottom: 3px solid #006fb9; } .modal .modal-dialog .modal-content .modal-header .boton.flotante { position: absolute; bottom: 5px; } .modal .modal-dialog .modal-content .modal-header .text-link { border-right: rgba(255, 255, 255, 0.2); display: inline-block; position: relative; height: 20px; margin: 0; padding: 0; width: 20px; } .modal .modal-dialog .modal-content .modal-header .text-link .bci-icon { opacity: 1; width: 23px; height: 20px; top: 5px; } .modal .modal-dialog .modal-content .modal-header .text-link + h3 { border: none !important; } .modal .modal-dialog .modal-content .modal-header .modal-title { font-family: "overpassregular", sans-serif; text-transform: uppercase; color: #595b5a; font-size: 0.8rem; font-family: "overpassbold"; line-height: 1rem; display: inline-block; margin-right: 15px; } .modal .modal-dialog .modal-content .modal-header .modal-title:nth-child(n + 2) { border-left: 1px solid #cccccc; padding-left: 15px; } .modal .modal-dialog .modal-content .modal-header .modal-title.normal { color: #595b5a; font-size: 1.4rem; font-family: "overpassregular"; } @media only screen and (max-width: 576px) { .modal .modal-dialog .modal-content .modal-header .modal-title.normal { font-size: 1.0rem; } } .modal .modal-dialog .modal-content .modal-header .modal-title.grande { margin: 5px 0; color: #006fb9; font-size: 2.3rem; font-family: "overpasslight"; } .modal .modal-dialog .modal-content .modal-header .modal-title.grande span { color: #595b5a; font-size: 1rem; } .modal .modal-dialog .modal-content .modal-header button { position: absolute; top: 5px; right: 5px; min-width: 30px; height: 30px; padding: 0; margin: 0; border-radius: 15px; } .modal .modal-dialog .modal-content .modal-header button:focus, .modal .modal-dialog .modal-content .modal-header button.active { outline: none; } .modal .modal-dialog .modal-content .modal-header .bci-icon { width: 30px; height: 30px; background-size: 130%; } .modal .modal-dialog .modal-content .modal-body { padding: 10px; min-height: 100px; max-height: 90%; height: auto; position: static; background-color: #f2f2f2; } .modal .modal-dialog .modal-content .modal-body .card { box-shadow: none !important; } .modal .modal-dialog .modal-content .modal-body.no-padding { padding: 0; } .modal .modal-dialog .modal-content .modal-body > .modulos-informacion { width: 100%; } .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .acciones { padding: 0 5px; min-height: 60px; background: none; } .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .acciones input, .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .acciones select { background-color: white; } .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .resultados { background-color: #e5e5e5; padding: 5px; } .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .resultados .tablas { background-color: none; } .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .resultados .tablas tr { border-bottom-color: #e5e5e5 !important; } .modal .modal-dialog .modal-content .modal-body p.data_general { font-size: 0.8rem; padding: 0px 3px; } .modal .modal-dialog .modal-content .modal-body .formularios select, .modal .modal-dialog .modal-content .modal-body .formularios input { background-color: #f9f9f9; } .modal .modal-dialog .modal-content .modal-footer { border: none; justify-content: flex-end; align-items: flex-end; background-color: white; border-top: 1px solid #f2f2f2; padding-bottom: 22px; } .modal .modal-dialog .modal-content .modal-footer.flex { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .modal .modal-dialog .modal-content .modal-footer.angosta { padding: 10px; } .modal .modal-dialog .modal-content .modal-footer.extremos { justify-content: space-between; align-items: center; } .modal .modal-dialog .modal-content .modal-footer.extremos section { justify-content: flex-end; align-items: center; } .modal .modal-dialog .modal-content .modal-footer.data-related { padding: 0; } @media only screen and (max-width: 576px) { .modal .modal-dialog .modal-content .modal-footer { justify-content: space-between; align-items: flex-end; } .modal .modal-dialog .modal-content .modal-footer .boton { min-width: 40%; } } .modal .modal-dialog .modal-content .modal-footer .alertas { flex-grow: 2; padding-left: 25px; } .modal .modal-dialog .modal-content .modal-footer .alertas .bci-icon { width: 20px; } .modal .modal-dialog .modal-content .modal-footer .boton { margin-bottom: 0px; margin-top: 0px; } .modal .modal-dialog .modal-content .modal-footer > .formulario-area { height: 42px; flex: 1 1 50%; margin: 0 2% 0 0; padding: 0; background: none; } .modal .modal-dialog .modal-content .modal-footer > .formulario-area.anexo { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .modal .modal-dialog .modal-content .modal-footer > .formulario-area.anexo .formularios { flex: 1 1 30%; min-width: 10px; width: auto; margin-right: 1%; } .modal .modal-dialog .modal-content .modal-footer > .formulario-area.anexo .formularios input, .modal .modal-dialog .modal-content .modal-footer > .formulario-area.anexo .formularios select { background-color: #f2f2f2; } .modal .modal-dialog .modal-content.color { background: none; } .modal .modal-dialog .modal-content.color .modal-header { padding-bottom: 5px; } .modal .modal-dialog .modal-content.color .modal-header .modal-title { color: white; text-transform: none; font-family: "overpasslight"; font-size: 1.1rem; } .modal .modal-dialog .modal-content.color .modal-header .modal-title strong { font-family: "overpassbold"; } .modal .modal-dialog .modal-content.color.azul .modal-header { background-color: #006fb9; } .modal .modal-dialog .modal-content.color.azul .modal-header .modulo-tabs a { color: white; } .modal .modal-dialog .modal-content.color.azul .modal-header .modulo-tabs li.activo a { color: #006fb9; } .modal .modal-dialog .modal-content.color.azul .modal-header .modulo-tabs li.activo a:hover { color: #006fb9; } .modal .modal-dialog .modal-content.color.verde .modal-header { background-color: #00953a; } .modal .modal-dialog .modal-content.color.verde .modal-header .modulo-tabs a { color: white; } .modal .modal-dialog .modal-content.color.verde .modal-header .modulo-tabs li.activo a { color: #00953a; } .modal .modal-dialog .modal-content.color.verde .modal-header .modulo-tabs li.activo a:hover { color: #00953a; } .modal .modal-dialog .modal-content.color.rojo .modal-header { background-color: #ef3742; } .modal .modal-dialog .modal-content.color.rojo .modal-header .modulo-tabs a { color: white; } .modal .modal-dialog .modal-content.color.rojo .modal-header .modulo-tabs li.activo a { color: #ef3742; } .modal .modal-dialog .modal-content.color.rojo .modal-header .modulo-tabs li.activo a:hover { color: #ef3742; } .modal .modal-dialog .modal-content.color.grisclaro .modal-header { background-color: #bfbfbf; } .modal .modal-dialog .modal-content.color.grisclaro .modal-header h3 { color: #595b5a; } .modal .modal-dialog .modal-content.color.grisclaro .modal-header h3 .bci-icon { opacity: 1; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .modal .modal-dialog .modal-content.color.grisclaro .modal-header .modulo-tabs a { color: white; } .modal .modal-dialog .modal-content.color.grisclaro .modal-header .modulo-tabs li.activo a { color: #bfbfbf; } .modal .modal-dialog .modal-content.color.grisclaro .modal-header .modulo-tabs li.activo a:hover { color: #bfbfbf; } .modal .modal-dialog .modal-content.color.gris .modal-header { background-color: #909090; } .modal .modal-dialog .modal-content.color.gris .modal-header .modulo-tabs a { color: white; } .modal .modal-dialog .modal-content.color.gris .modal-header .modulo-tabs li.activo a { color: #909090; } .modal .modal-dialog .modal-content.color.gris .modal-header .modulo-tabs li.activo a:hover { color: #909090; } @media only screen and (max-width: 576px) { .modal .modal-dialog.informacion { margin: 0 auto; } } .modal .modal-dialog.informacion .modal-content .card { margin-bottom: 0; } .modal .modal-dialog.informacion .modal-content .modal-header { padding-top: 4px; } .modal .modal-dialog.informacion .modal-content .modal-header h3 { padding: 0; line-height: 2.1rem; } .modal .modal-dialog.informacion .modal-content .modal-header h3 span { display: block; } .modal .modal-dialog.informacion .modal-content .modal-header h3 u { line-height: 1.3rem; text-decoration: none; font-family: "overpasslight"; color: #006fb9; border-bottom: 3px solid #006fb9; } .modal .modal-dialog.informacion .modal-content .modal-header .boton.flotante { position: absolute; bottom: 5px; } .modal .modal-dialog.informacion .modal-body { overflow-x: hidden; overflow-y: auto; } .ie .modal .modal-dialog.informacion .modal-body { overflow: inherit; } .modal .modal-dialog.informacion .modal-body .datos-generales { min-height: 0 !important; height: auto !important; } .modal .modal-dialog.informacion .modal-body > .card { max-width: 100%; min-width: 100%; margin: 0; padding: 0; } .modal .modal-dialog.informacion .modal-body .nav-tabs .nav-link.active { background-color: white; } .modal.scrolling .modal-dialog { height: 98%; } .modal.scrolling .modal-dialog .modal-content { max-height: 100%; } .modal.tabs .modal-header { padding-bottom: 0 !important; } .modal.tabs .modal-header > .modulo-tabs { margin-top: 15px; margin-bottom: -1px; } .modal.tabs .modal-header > .modulo-tabs ul { margin: 0; padding: 0; } .modal.tabs .modal-header > .modulo-tabs ul li { list-style: none; margin: 0; padding: 0 10px; display: inline-block; font-size: 1rem; font-family: "overpasslight"; } .modal.tabs .modal-header > .modulo-tabs ul li a { cursor: pointer; display: inline-block; text-decoration: none; height: 40px; line-height: 39px; } .modal.tabs .modal-header > .modulo-tabs ul li.activo { background-color: #f2f2f2; border-radius: 3px 3px 0 0; } .modal.tabs .modal-header > .modulo-tabs ul li.activo a { font-family: "overpassbold"; } .modal.tabs .modal-body { display: none; } .modal.tabs .modal-body.activo { display: block; background: #f2f2f2; } .modal.tabs .modal-footer { display: none; } .modal.tabs .modal-footer.activo { background-color: white; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .modal.tabs .modal-footer.transversal { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .modal.dinamico .modal-dialog { top: 0%; padding: 0; margin: 0 auto; } .modal.dinamico .modal-dialog .modal-content { margin: 10px 0; max-height: 100%; } .modal.exito .modal-dialog { max-width: 500px; } .modal.exito .modal-content { background-color: #00953a; } .modal.exito .modal-content .modal-header { border-radius: 5px 14px 0px 0px; background-color: #00953a; padding-bottom: 2px; } .modal.exito .modal-content .modal-header .modal-title { color: white; font-size: 1.5rem; font-family: "overpasslight"; position: relative; height: 30px; margin-bottom: 0; margin-bottom: 20px; } @media only screen and (max-width: 576px) { .modal.exito .modal-content .modal-header .modal-title { height: auto; font-size: 1.3rem; } } .modal.exito .modal-content .modal-header button { position: absolute; top: 5px; right: 5px; min-width: 30px; height: 30px; padding: 0; margin: 0; background-color: white !important; border-radius: 15px; box-shadow: none !important; opacity: 1; } .ie .modal.exito .modal-content .modal-header button { background: black !important; } .modal.exito .modal-content .modal-header button:focus, .modal.exito .modal-content .modal-header button.active { outline: none; } .modal.exito .modal-content .modal-header button .bci-icon { width: 30px; height: 30px; background-size: 130%; opacity: 1; filter: grayscale(100%) brightness(30%); -webkit-filter: grayscale(100%) brightness(30%); } .modal.exito .modal-content .modal-body p { font-size: 1.2rem; font-family: "overpasslight"; } .modal.exito .modal-content .modal-body p strong { font-family: "overpassbold"; } .modal.exito .modal-content .modal-body p small { display: block; font-size: 0.8rem; margin: 10px 0; } @media only screen and (max-width: 576px) { .modal.exito .modal-content .modal-body p { font-size: 1.1rem; } } .modal.informativo .modal-dialog { max-width: 500px; } .modal.informativo .modal-content { background-color: #006fb9; border-radius: 5px 14px 0px 0px; } .modal.informativo .modal-content .modal-header { border-radius: 5px 14px 0px 0px; background-color: #006fb9; padding-bottom: 0px; min-height: 0px; } .modal.informativo .modal-content .modal-header .modal-title { color: white; font-size: 1.5rem; font-family: "overpasslight"; position: relative; height: 30px; padding-left: 0px; } .ie .modal.informativo .modal-content .modal-header .modal-title { padding-left: 10px; } .modal.informativo .modal-content .modal-header .modal-title .bci-icon { margin-right: 10px; opacity: 1; filter: grayscale(0%) brightness(500%); -webkit-filter: grayscale(0%) brightness(500%); background-size: auto 24px; position: absolute; top: 0px; left: 0; height: 100%; width: 40px; } .ie .modal.informativo .modal-content .modal-header .modal-title .bci-icon { display: none; } .modal.informativo .modal-content .modal-header .modal-title .bci-icon + strong { margin-left: 40px; } @media only screen and (max-width: 576px) { .modal.informativo .modal-content .modal-header .modal-title { height: auto; font-size: 1.3rem; } } .modal.informativo .modal-content .modal-header button { position: absolute; top: 5px; right: 5px; min-width: 30px; height: 30px; padding: 0; margin: 0; background-color: rgba(255, 255, 255, 0); border-radius: 15px; box-shadow: none !important; opacity: 1; } .ie .modal.informativo .modal-content .modal-header button { background: black; } .modal.informativo .modal-content .modal-header button:focus, .modal.informativo .modal-content .modal-header button.active { outline: none; } .modal.informativo .modal-content .modal-header button .bci-icon { width: 30px; height: 30px; background-size: 130%; opacity: 0.2; filter: grayscale(100%) brightness(100%); -webkit-filter: grayscale(100%) brightness(100%); } .modal.informativo .modal-content .modal-header button:hover { background-color: rgba(255, 255, 255, 0.5); } .modal.informativo .modal-content .modal-body p { font-size: 1.2rem; font-family: "overpasslight"; } .modal.informativo .modal-content .modal-body p small { display: block; font-size: 0.8rem; margin: 10px 0; } @media only screen and (max-width: 576px) { .modal.informativo .modal-content .modal-body p { font-size: 1.1rem; } } .modal.informativo .modal-content .modal-footer { background: white; } .modal.error .modal-dialog { max-width: 500px; } .modal.error .modal-content { background-color: #ef3742; border-radius: 5px 14px 0px 0px; } .modal.error .modal-content .modal-header { border-radius: 5px 14px 0px 0px; background-color: #ef3742; } .modal.error .modal-content .modal-header .modal-title { color: white; font-size: 1.5rem; font-family: "overpasslight"; position: relative; height: 30px; padding-left: 50px; } .ie .modal.error .modal-content .modal-header .modal-title { padding-left: 10px; } .modal.error .modal-content .modal-header .modal-title .bci-icon { margin-right: 10px; opacity: 1; filter: grayscale(0%) brightness(500%); -webkit-filter: grayscale(0%) brightness(500%); background-size: auto 100%; position: absolute; top: 6px; left: 0; height: 100%; width: 40px; } .ie .modal.error .modal-content .modal-header .modal-title .bci-icon { display: none; } @media only screen and (max-width: 576px) { .modal.error .modal-content .modal-header .modal-title { height: auto; font-size: 1.3rem; } } .modal.error .modal-content .modal-header button { position: absolute; top: 5px; right: 5px; min-width: 30px; height: 30px; padding: 0; margin: 0; background-color: white; border-radius: 15px; box-shadow: none !important; opacity: 1; } .ie .modal.error .modal-content .modal-header button { background: black; } .modal.error .modal-content .modal-header button:focus, .modal.error .modal-content .modal-header button.active { outline: none; } .modal.error .modal-content .modal-header button .bci-icon { width: 30px; height: 30px; background-size: 130%; opacity: 1; filter: grayscale(100%) brightness(30%); -webkit-filter: grayscale(100%) brightness(30%); } .modal.error .modal-content .modal-body p { font-size: 1.2rem; font-family: "overpasslight"; } .modal.error .modal-content .modal-body p small { display: block; font-size: 0.8rem; margin: 10px 0; } @media only screen and (max-width: 576px) { .modal.error .modal-content .modal-body p { font-size: 1.1rem; } } .modal.error .modal-content .modal-footer { background: white; } .modal#modalIngresoColaborador .autocomplete { width: 100% !important; } .modal#modalIngresoColaborador .modal-content { overflow: visible !important; } .modal#modalIngresoColaborador .modal-body { overflow: visible !important; } @media only screen and (max-width: 576px) { .modal#modalIngresoColaborador .modal-body { padding: 5px; } .modal#modalIngresoColaborador .modal-body .card-body { padding: 5px; } } .modal#modal-rol-admin .formularios { width: 100%; } .modal#confirmacionModal .modal-content { overflow-x: visible; overflow-y: visible; } .modal#confirmacionModal .modal-content .modal-body { overflow-x: visible; overflow-y: visible; } .modal#ModalEditarUsuario .modal-content { overflow: auto; } .modal#ModalEditarUsuario .modal-content .modal-body { overflow: auto; } .modal#ModalEditarUsuario .modal-content .modal-body .chosen-results { max-height: 120px; } .modal-descarga { position: absolute; right: 5px; top: 0px; } @media only screen and (max-width: 576px) { .modal-descarga { display: none; } } .bloque-destacado { width: 100%; height: 45px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; background-color: rgba(255, 255, 255, 0.5); border-radius: 4px; margin: 5px 0; padding: 0 10px; } .bloque-destacado .bci-icon { opacity: 1; filter: grayscale(0%); height: 25px; margin: 0; padding: 0; width: 40px; margin-right: 10px; } .bloque-destacado p { font-family: "overpasslight"; margin: 0; padding: 0; display: block; color: #595b5a; font-size: 1.5rem; height: auto; } .modal-stack { border-radius: 10px 10px 5px 5px; z-index: 999; position: fixed; top: 5px; left: 5px; width: calc(100% - 10px); min-height: 300px; margin-bottom: 5px; display: none; background: white; opacity: 0; transition: opacity 0.5s linear; } .modal-stack.show { display: block; opacity: 1; transition: opacity 0.5s linear; box-shadow: 0px 0px 50px 2px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0px 0px 50px 2px rgba(0, 0, 0, 0.6); } .modal-stack .stack-header { border-radius: 10px 10px 0px 0px; width: 100%; display: block; padding: 10px; line-height: 35px; font-family: "overpassbold"; text-transform: uppercase; color: #595b5a; font-size: 0.8rem; background: #f2f2f2; } .modal-stack .stack-header .text-link { font-family: "overpasslight"; } .modal-stack .stack-body { width: 100%; display: block; height: auto; align-self: flex-start; background: #f2f2f2; } .modal-stack .stack-body .filtros { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; } .modal-stack .stack-body .filtros .boton { flex: 0 0 100px; } .modal-stack .stack-body .filtros .formularios { flex: 1; margin: 0; } .modal-stack .stack-body > .card { min-width: 100%; max-width: 100%; } .modal-stack .stack-body > .card .card-body { background: #f2f2f2; } .modal-stack .stack-body .card { box-shadow: none !important; } .modal-stack.scroll { /* .stack-header { height: 60px; position: absolute; top: 0; left: 0; width: 100%; } .stack-body { position: absolute; top: 60px; height: calc(100% - 60px); width: 100%; overflow-y: auto; }*/ } .modal-stack .stack-footer { position: absolute; bottom: 0; left: 0; width: 100%; display: block; background: #f2f2f2; min-height: 30px; padding: 10px 5px; text-align: right; } .cabecera-agrupacion { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; height: 50px; } .cabecera-agrupacion .formularios { flex: 0 0 300px; } .cabecera-agrupacion .formularios label { position: absolute; top: 50%; left: 2%; transform: translate(-2%, -50%); font-size: 1rem; margin: 0; padding: 0; line-height: 1; z-index: 1; } .cabecera-agrupacion .formularios input { flex: 1; text-align: right; padding: 0 10px 0 0; } .cabecera-agrupacion h3 { flex: 1; font-family: "overpassbold"; font-size: 1.2rem; } .selector-comunas { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; position: relative; } .selector-comunas .content { flex: 1; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; border-right: 1px solid #ccc; margin: 5px 0; } .selector-comunas .content .formulario-seccion { width: 100%; padding: 0 7px 0 5px; } .selector-comunas .content .formulario-seccion .formularios { flex: 1; } .selector-comunas .content .formulario-seccion .nuevo-elemento { flex: 0 0 15px !important; line-height: 12px !important; height: 22px !important; background-size: auto 90% !important; } .selector-comunas .content ul { width: 100%; margin: 0; padding: 0 10px; margin: 10px 0 5px; } .selector-comunas .content ul li { list-style: none; margin: 0 0 5px 0; padding: 0; min-height: 0px; height: auto; height: 20px; line-height: 20px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; } .selector-comunas .content ul li p { margin: 0 0 0 0; flex: 1; margin-right: 5px; height: 20px; line-height: 20px; font-family: "overpassregular"; font-size: 0.7rem !important; border-bottom: 1px solid #ccc; } .selector-comunas .content ul li p.block { position: relative; padding-left: 20px; color: #ef3742; } .selector-comunas .content ul li p.block .bci-icon { position: absolute; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); top: 40%; width: 16px; height: 16px; } .selector-comunas .content ul li a { cursor: pointer; flex: 0 0 16px; display: inline-block; content: 'x'; background-color: #595b5a; height: 16px; width: 16px; color: white; text-indent: 1px; text-align: center; line-height: 17px; border-radius: 81px; font-size: 1rem; } .selector-comunas .content ul li a:hover { background-color: #ef3742; color: white; } .selector-comunas span { text-align: center; flex: 0 0 40px; padding-bottom: 8px; } .contenedor-opciones { flex: 0 0 100%; margin: 10px 0 0 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; position: relative; padding-bottom: 30px; } .contenedor-opciones .nuevo-elemento { position: absolute; right: 3%; bottom: 0; background-size: 18px auto !important; font-size: 0.7rem !important; padding-right: 25px !important; background-position: right center !important; } .contenedor-opciones .modulo-contenedor-opciones { flex: 0 0 97%; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 5px 0; position: relative; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; } .contenedor-opciones .modulo-contenedor-opciones.data-switching { display: none; } .contenedor-opciones .modulo-contenedor-opciones.data-switching.active { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .contenedor-opciones .modulo-contenedor-opciones .formularios { margin: 0; min-height: 22px; } .contenedor-opciones .modulo-contenedor-opciones .formularios input[type="radio"] + label { line-height: 20px !important; text-indent: 4px; } .contenedor-opciones .modulo-contenedor-opciones > .action { position: absolute; top: 0; right: 30px; z-index: 10000; } .contenedor-opciones .modulo-contenedor-opciones > .action:last-child { right: 0; } .table-select-options { width: 100%; min-height: 60px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; border-radius: 10px; overflow-y: hidden; } .table-select-options .celdas { display: inline-block; flex: 1 0 13%; margin-right: 3px; } .table-select-options .celdas:last-child { margin: 0; } .table-select-options .celdas.disabled { cursor: not-allowed !important; } .table-select-options .celdas.disabled input { cursor: not-allowed !important; } .table-select-options .celdas.disabled .top { color: rgba(89, 91, 90, 0.5); } .table-select-options .celdas .top { text-align: center; background-color: #dbdbdb; margin-bottom: 3px; height: 21px; line-height: 21px; color: #595b5a; font-family: "overpassbold"; font-size: 0.7rem; } .table-select-options .celdas .content { background-color: #e5e5e5; text-align: center; color: #595b5a; line-height: 36px; font-family: "overpassbold"; font-size: 0.9rem; height: 36px; } .table-select-options .celdas .content .formularios { position: relative; padding-top: 3px; min-width: 0px; height: 26px; width: 28px; margin: 12px 0 0 0; padding: 0; } .table-select-options .celdas .content .formularios label { margin-top: 5px; padding: 0; height: 24px; width: 24px; } /**/ .modulos-cobertura { width: 100%; display: block; } .modulos-cobertura > .content { display: none; } .modulos-cobertura > .content.activo { display: block; } .modulos-cobertura > .modulo-tabs { background-color: #595b5a; width: 100%; display: block; padding: 15px 0 0 8px; margin-bottom: -1px; position: relative; } .modulos-cobertura > .modulo-tabs .boton { position: absolute; right: 10px; top: 23px; } .modulos-cobertura > .modulo-tabs ul { margin: 0; padding: 0; } .modulos-cobertura > .modulo-tabs ul li { list-style: none; margin: 0; padding: 0 10px; display: inline-block; font-size: 0.82rem; font-family: "overpasslight"; } .modulos-cobertura > .modulo-tabs ul li a { cursor: pointer; color: rgba(255, 255, 255, 0.5); display: inline-block; text-decoration: none; height: 40px; line-height: 39px; } .modulos-cobertura > .modulo-tabs ul li a:hover { color: rgba(255, 255, 255, 0.7); } .modulos-cobertura > .modulo-tabs ul li.activo { background-color: #f2f2f2; border-radius: 3px 3px 0 0; } .modulos-cobertura > .modulo-tabs ul li.activo a { color: #00953a; font-family: "overpassbold"; } .modulos-cobertura > .modulo-tabs ul li.activo a:hover { color: #00953a; } .modulos-cobertura .content { background-color: #f2f2f2; width: 100%; padding: 10px; overflow-x: hidden; max-height: 230px; overflow-y: auto; display: none; } .modulos-cobertura .content.activo { display: block; } .data-switching { display: none; } .data-switching.active { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .lista-errores { flex: 0 0 100% 0 auto; -moz-flex: 0 0 100% 0 auto; flex: 0 0 100% 0 auto; -webkit-flex: 0 0 100% 0 auto; -moz-flex: 0 0 100% 0 auto; -ms-flex: 0 0 100% 0 auto; width: 100%; display: block; } .lista-errores ul { margin: 0; padding: 0; } .lista-errores ul li { margin: 0 0 10px 0; padding: 0; list-style: none; font-family: "overpassregular"; font-size: 0.85rem; color: #595b5a; position: relative; padding-left: 35px; border-bottom: #f1f1f1 1px solid; } .lista-errores ul li:last-child { border: none; } .lista-errores ul li .bci-icon { position: absolute; left: 0; top: 0; } .contenedor-informacion { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; margin-bottom: 10px; width: 100%; } .modal-footer .contenedor-informacion { flex: 0 0 100%; } .contenedor-informacion .boton[aria-expanded="true"] { display: none; } .contenedor-informacion.collapse .boton[aria-expanded="true"] { display: block; } .contenedor-informacion.forms { border: 1px solid #ccc; display: block; } .contenedor-informacion.forms .datos { padding: 5px; } .contenedor-informacion.forms .nuevo-elemento { margin: 0; width: 100%; line-height: 40px; height: 41px; background-color: white; padding-top: 3px; padding-bottom: 3px; background-size: auto 22px; } .contenedor-informacion.forms .nuevo-elemento:hover { background-size: auto 22px; background-position: 99% center; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .contenedor-informacion.no-bg .tabla-modulos { border: none; background: #f2f2f2; box-shadow: none !important; } .contenedor-informacion.borderless { border: none; } .contenedor-informacion.no-border { background-color: none; padding-bottom: 10px; border-bottom: 2px solid #f2f2f2; } .contenedor-informacion.no-border .tabla-modulos { min-height: 190px; border: none; background: none; box-shadow: none !important; } .contenedor-informacion.no-border .tabla-modulos tr td { background-color: #f2f2f2; } .contenedor-informacion.simple .nuevo-elemento { background-color: rgba(255, 255, 255, 0) !important; } .contenedor-informacion.interactiva > .informacion { display: none; margin: 5px 0 0; padding: 0 5px; } .contenedor-informacion.interactiva > .informacion p { font-family: "overpassregular"; color: #00953a; } .contenedor-informacion.interactiva > .informacion.active { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .contenedor-informacion.interactiva > .informacion .boton.hide { display: none; } .contenedor-informacion .modulo-simple { background-color: #ededed; padding: 5px; display: block; width: 100%; margin-bottom: 5px; margin-top: 5px; min-height: 20px; } .contenedor-informacion .modulo-simple .modulo-interno { background-color: white; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .contenedor-informacion .modulo-simple .modulo-interno p { padding: 0 4px; flex: 1; line-height: 30px; margin: 0; font-size: 0.9rem; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-1 { flex: 1; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-2 { flex: 2; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-3 { flex: 3; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-4 { flex: 4; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-5 { flex: 5; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-6 { flex: 6; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-7 { flex: 7; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-8 { flex: 8; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-9 { flex: 9; } .contenedor-informacion .modulo-simple .modulo-interno p.flex-10 { flex: 10; } .contenedor-informacion .modulo-simple .modulo-interno p.right { text-align: right; } .contenedor-informacion .modulo-simple .modulo-interno p.left { text-align: left; } .contenedor-informacion .modulo-simple .modulo-interno p.center { text-align: center; } .contenedor-informacion .modulo-simple .modulo-interno p.azul { color: #006fb9; } .contenedor-informacion .modulo-simple .modulo-interno p.rojo { color: #ef3742; } .contenedor-informacion .modulo-simple .modulo-interno p.verde { color: #00953a; } .contenedor-informacion .modulo-simple .modulo-interno p.amarillo { color: #ffd700; } .contenedor-informacion .modulo-simple .modulo-interno p.gris { color: #595b5a; } .contenedor-informacion .modulo-simple.transparent { background-color: white; } .contenedor-informacion .modulo-simple.transparent .modulo-interno { background-color: #f2f2f2 !important; } .contenedor-informacion .modulos-informativos { background-color: #ededed; padding: 5px; border-radius: 3px; display: block; width: 100%; margin-bottom: 5px; margin-top: 5px; max-height: 200px; overflow-y: auto; border: 1px solid #e5e5e5; box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.1); } .contenedor-informacion .modulos-informativos + h3 { flex: 1; text-align: left; color: #aeb2af; } .contenedor-informacion .modulos-informativos .modulo-texto { margin: 25px 15px 10px 15px; } .contenedor-informacion .modulos-informativos .modulo-texto h5 { color: #aeb2af; border-bottom: 2px solid #ccc; margin-bottom: 10px; } .contenedor-informacion .modulos-informativos .modulo-texto p { font-family: "overpassregular"; } .contenedor-informacion .modulos-informativos .modulo-texto.archivo p { position: relative; padding-left: 30px; } .contenedor-informacion .modulos-informativos .modulo-texto.archivo p .bci-icon { position: absolute; top: 0; left: 0; } .contenedor-informacion .modulos-informativos .modulo-texto.archivo p strong { display: block; font-size: 0.9rem; } .contenedor-informacion .modulos-informativos .modulo-binario { background-color: white; margin-bottom: 3px; width: 100%; padding: 4px 10px 4px 8px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; position: relative; } .contenedor-informacion .modulos-informativos .modulo-binario.data-switching { display: none; } .contenedor-informacion .modulos-informativos .modulo-binario.data-switching.active { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; z-index: 100; overflow: visible; } .contenedor-informacion .modulos-informativos .modulo-binario.data-activate { display: none; } .contenedor-informacion .modulos-informativos .modulo-binario.data-activate.active { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; z-index: 100; overflow: visible; } .contenedor-informacion .modulos-informativos .modulo-binario > a.action { position: absolute; right: 4px; top: 4px; } .contenedor-informacion .modulos-informativos .modulo-binario.edicion { padding-right: 4px; position: relative; background-color: #f7f7f7; } .contenedor-informacion .modulos-informativos .modulo-binario.edicion.active { background-color: #e3e3e3; } .contenedor-informacion .modulos-informativos .modulo-binario.edicion.active > .edicion:after { display: none; } .contenedor-informacion .modulos-informativos .modulo-binario.edicion:after { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background-color: #006fb9; } .contenedor-informacion .modulos-informativos .modulo-binario > p { padding: 0 27px 0 5px; flex: 4 0 10%; margin: 0 0 8px 0; font-size: 0.75rem; line-height: 1.2; color: #595b5a; height: 100%; font-family: "overpassbold"; position: relative; } .contenedor-informacion .modulos-informativos .modulo-binario > p .tool-tips[data-tooltip="ok"] { position: absolute; right: 10px; top: 0; } .contenedor-informacion .modulos-informativos .modulo-binario > small { padding: 0 5px; flex: 3; margin: 0; font-size: 0.7rem; line-height: 1.2; color: #aeb2af; font-family: "overpassregular"; position: relative; } .contenedor-informacion .modulos-informativos .modulo-binario > small:after { position: absolute; content: ''; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); height: 80%; width: 2px; background-color: #f2f2f2; display: block; } .contenedor-informacion .modulos-informativos .modulo-binario > small.comisiones { text-align: right; padding-right: 20px; font-size: 0.9rem; color: #595b5a; line-height: 22px; } .contenedor-informacion .modulos-informativos .modulo-binario > small.comisiones:after { background-color: #d9d9d9; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion { position: relative; padding: 5px 1px 5px 5px; flex: 6; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion:after { position: absolute; content: ''; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); height: 80%; width: 2px; background-color: #f2f2f2; display: block; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section { flex: 1 0 50%; border-right: 1px solid #d9d9d9; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section .formularios { flex: 0 0 100%; margin: 0 0 5px 0; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; min-height: 30px; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section .formularios label { margin: 0; flex: 10; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section.inline { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section.inline .formularios { flex: 1; margin: 0 10px; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section.inline input, .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section.inline select { background-color: white; } .contenedor-informacion .modulos-informativos .modulo-binario > .edicion span { text-align: center; flex: 0 0 30px; } .contenedor-informacion .modulos-informativos .modulo-unitario { background-color: white; margin-bottom: 3px; width: 100%; padding: 4px 10px 4px 8px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .contenedor-informacion .modulos-informativos .modulo-unitario .bci-icon { margin: 0; padding: 0; } .contenedor-informacion .modulos-informativos .modulo-unitario p { position: relative; margin: 0; padding-left: 20px; line-height: 1; color: #595b5a; font-family: "overpassbold"; flex: 1 0 50%; } .contenedor-informacion .modulos-informativos .modulo-unitario p .bci-icon { height: 16px; width: 16px; margin-right: 5px; position: absolute; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); } .contenedor-informacion .modulos-informativos .modulo-unitario p.formularios { margin-left: 0; padding-left: 0; } .contenedor-informacion .modulos-informativos .modulo-unitario > a { flex: 0 0 20px; display: inline-block; cursor: pointer; } .contenedor-informacion .tabla-modulos { background-color: #e5e5e5; padding: 5px; border-radius: 3px; display: block; width: 100%; margin-bottom: 5px; margin-top: 5px; flex: 0 0 100% 0 auto; -moz-flex: 0 0 100% 0 auto; flex: 0 0 100% 0 auto; -webkit-flex: 0 0 100% 0 auto; -moz-flex: 0 0 100% 0 auto; -ms-flex: 0 0 100% 0 auto; max-height: 200px; overflow-y: auto; border: 1px solid #e5e5e5; box-shadow: inset 0px 0px 19px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0px 0px 19px 0px rgba(0, 0, 0, 0.2); } .contenedor-informacion .tabla-modulos.vacio { min-height: 35px; box-shadow: inset 0px 0px 19px 0px rgba(0, 0, 0, 0); -ms-box-shadow: inset 0px 0px 19px 0px rgba(0, 0, 0, 0); } .contenedor-informacion .tabla-modulos .formularios.compacto label { display: none; } .contenedor-informacion .tabla-modulos .formularios.compacto input[type="text"] { background-color: #f2f2f2; } .contenedor-informacion .tabla-modulos .formularios.compacto .validator { bottom: 0px; } .contenedor-informacion .tabla-modulos .formularios.checkbox-simple { margin: 0; padding: 0; width: 20px; height: 100%; position: absolute; left: 5px; top: 0; } .contenedor-informacion .tabla-modulos .formularios.checkbox-simple label { display: inline-block; position: absolute; top: 7px; left: 0; padding: 0; } .contenedor-informacion .tabla-modulos span.status { font-size: 0.7rem; font-family: "overpassbold"; } .contenedor-informacion .tabla-modulos span.status .bci-icon { height: 15px; width: 15px; margin: 0 10px 0 0; padding: 0; } .contenedor-informacion .tabla-modulos span.status.error { color: #ef3742; } .contenedor-informacion .tabla-modulos span.status.ok { color: #00953a; } .contenedor-informacion .tabla-modulos span.status.warning { color: #e6c200; } .contenedor-informacion .tabla-modulos table { font-size: 0.8rem; font-family: "overpassregular"; max-width: 1600px; width: 100%; padding: 0; table-layout: auto; margin: 0; } .contenedor-informacion .tabla-modulos table thead { width: 100%; } .contenedor-informacion .tabla-modulos table thead tr { width: 100%; display: block; } .contenedor-informacion .tabla-modulos table thead tr th { padding: 2px 0; text-align: left; font-family: "overpassbold"; color: #006fb9; padding: 2px 0; text-indent: 5px; border: none; } .contenedor-informacion .tabla-modulos table tbody { width: 100%; } .contenedor-informacion .tabla-modulos table tbody tr { width: 100%; display: block; background-color: white; margin-bottom: 3px; } .contenedor-informacion .tabla-modulos table tbody tr.block { position: relative; } .contenedor-informacion .tabla-modulos table tbody tr.block td { background-color: #fff5f5; } .contenedor-informacion .tabla-modulos table tbody tr.block:hover td { background-color: #fff0f0; } .contenedor-informacion .tabla-modulos table tbody tr.block:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: #ef3742; z-index: 101; } .contenedor-informacion .tabla-modulos table tbody tr.block .formularios.checkbox-simple label { left: 3px; } .contenedor-informacion .tabla-modulos table tbody tr.accept { position: relative; background-color: #f7fff5; } .contenedor-informacion .tabla-modulos table tbody tr.accept:hover { background-color: #f3fff0; } .contenedor-informacion .tabla-modulos table tbody tr.accept:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: #00953a; } .contenedor-informacion .tabla-modulos table tbody tr.accept .formularios.checkbox-simple label { left: 3px; } .contenedor-informacion .tabla-modulos table tbody tr.editar { background-color: #e9e9e9; } .contenedor-informacion .tabla-modulos table tbody tr.editar:hover { background-color: #e9e9e9; } .contenedor-informacion .tabla-modulos table tbody tr.editar td { text-indent: 0; } .contenedor-informacion .tabla-modulos table tbody tr.editar .formularios { margin-top: 4px; margin-left: 0; } .contenedor-informacion .tabla-modulos table tbody tr.editar .formularios.compacto input[type="text"] { background-color: white; } .contenedor-informacion .tabla-modulos table tbody tr.data-switching { display: none !important; } .contenedor-informacion .tabla-modulos table tbody tr.data-switching.active { display: block !important; } .contenedor-informacion .tabla-modulos table tbody tr.editado { background-color: #e5e5e5; } .contenedor-informacion .tabla-modulos table tbody tr.editado td { background-color: #e5e5e5; min-height: 130px; height: auto; } .contenedor-informacion .tabla-modulos table tbody tr td { border-top: none; font-size: 0.85rem; color: #595b5a; font-family: "overpassregular"; padding: 0px 0; text-indent: 5px; height: 33px; line-height: 1.3; vertical-align: middle; position: relative; } .contenedor-informacion .tabla-modulos table tbody tr td:first-child { padding-left: 6px; } .contenedor-informacion .tabla-modulos table tbody tr td small { color: #aeb2af; } .contenedor-informacion .tabla-modulos table tbody tr td > a { position: absolute; margin: 0; padding: 0; height: 30px; width: 25px; display: inline-block; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; top: 0; cursor: pointer; } .contenedor-informacion .tabla-modulos table tbody tr td > a.duplicar { left: 3px; background-image: url('duplicar.132e6b39f4b9deb2b05a.svg'); background-size: 90% auto; } .contenedor-informacion .tabla-modulos table tbody tr td > a.editar { left: 3px; background-image: url('_lite_editar_usuario.bd56470acddef230d180.svg'); } .contenedor-informacion .tabla-modulos table tbody tr td > a.borrar { right: 3px; background-image: url('_lite_eliminar_usuario.00799d5835b4e972b82e.svg'); } .contenedor-informacion .tabla-modulos table tbody tr td > a.ver { right: 3px; background-image: url('_lite_search_blue.92196e97ffe478405c53.svg'); } .contenedor-informacion .tabla-modulos table tbody tr td > a.aceptar { background-image: url('aceptar.df52ae67e7072db1085d.svg'); right: 3px; background-size: 16px auto; top: 4px; } .contenedor-informacion .tabla-modulos table tbody tr td > a.cancelar { background-image: url('cancelar.2ad9405ecefcf85e45c0.svg'); left: 3px; background-size: 14px auto; top: 4px; } .contenedor-informacion .tabla-modulos table tbody tr td > a:hover { opacity: 0.5; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .contenedor-informacion .tabla-modulos table tbody tr td.estado { position: relative; } .contenedor-informacion .tabla-modulos table tbody tr td.estado:after { content: ''; position: absolute; position: absolute; top: 50%; left: 100%; transform: translate(-100%, -50%); height: 70%; width: 1px; background-color: #eaeaea; } .contenedor-informacion .tabla-modulos table tbody tr td.estado > i { position: absolute; top: 4px; right: 6px; } .contenedor-informacion .tabla-modulos table tbody tr td.estado .status { position: absolute; margin: 0; padding: 0; height: 30px; width: 30px; display: inline-block; background-size: 64% auto; background-repeat: no-repeat; background-position: center center; right: 2px; top: 2px; } .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-tooltip="ok"] { cursor: pointer; } .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-tooltip="ok"]:hover:after { content: ''; position: absolute; bottom: -15px; right: 40px; width: 200px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; font-size: 0.9rem; line-height: 1.2; height: 60px; text-align: center; background: #3a3a3a; color: white; content: attr(data-tooltiptext); padding: 10px; font-family: "Arial", sans-serif; border-radius: 4px; z-index: 100001; } .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-tooltip="ok"]:hover:before { content: ''; z-index: 100001; position: absolute; display: block; width: 20px; bottom: 0px; height: 30px; right: 30px; background-repeat: no-repeat; background-size: auto 100%; background-position: center top; background-image: url('sidetooltip_left.5eaf52fafcec59f5ca01.svg'); filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)); } .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-status="alert"] { background-image: url('alerta_roja.dd27756c291e15779bfc.svg'); } .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-status="accepted"] { background-image: url('aceptado.a2a68b07b743b539016e.svg'); } .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-status="block"] { background-image: url('bloqueado.aff42ff8d28fc53ef893.svg'); } .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-status="reserved"] { background-image: url('reservado.593f79251f8b9d01447b.svg'); } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td { text-indent: 0; line-height: 1; position: relative; height: 50px; padding: 0 2px; } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td[width="15%"] { border-left: 1px solid #f2f2f2; } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .selector { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; opacity: 0; background: #ffd700; transition: opacity 0.1s linear; margin: 2px; z-index: 1; } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios { z-index: 3; position: static; } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto input[type="radio"] { z-index: 3; width: 18px; height: 18px; border: none; background-color: #f2f2f2; border: 1px solid #e5e5e5; } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto input[type="radio"]:checked::after { background: #006fb9; } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto input[type="radio"]:checked ~ .selector { opacity: 1; } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto input[type="radio"]::after { height: 6px; width: 6px; background: #aeb2af; } .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto label { margin: 0; padding: 0; display: inline-block; } .contenedor-informacion .tabla-modulos.notas table { table-layout: fixed; width: 100%; } .contenedor-informacion .tabla-modulos.notas tr td { border: 2px solid #f2f2f2; padding-right: 30px; position: relative; min-height: 34px; padding: 5px; text-indent: 0; } .contenedor-informacion .tabla-modulos.notas tr td[colspan="2"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="3"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="4"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="5"] { padding: 5px 5px 5px 5px; border: 0; width: calc(100% - 10px); display: block; height: auto; min-height: 0px; } .contenedor-informacion .tabla-modulos.notas tr td[colspan="2"] .formularios, .contenedor-informacion .tabla-modulos.notas tr td[colspan="3"] .formularios, .contenedor-informacion .tabla-modulos.notas tr td[colspan="4"] .formularios, .contenedor-informacion .tabla-modulos.notas tr td[colspan="5"] .formularios { width: 100%; } .contenedor-informacion .tabla-modulos.notas tr td[colspan="2"] .formularios input[type="text"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="3"] .formularios input[type="text"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="4"] .formularios input[type="text"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="5"] .formularios input[type="text"] { width: 100%; } .contenedor-informacion .tabla-modulos.notas tr td[colspan="2"] .formularios textarea, .contenedor-informacion .tabla-modulos.notas tr td[colspan="3"] .formularios textarea, .contenedor-informacion .tabla-modulos.notas tr td[colspan="4"] .formularios textarea, .contenedor-informacion .tabla-modulos.notas tr td[colspan="5"] .formularios textarea { width: 100%; height: 40px !important; min-height: 40px; } .contenedor-informacion .tabla-modulos.notas tr td .data-switching { position: relative; } .contenedor-informacion .tabla-modulos.notas tr td .data-activate.active { margin-bottom: 30px; } .contenedor-informacion .tabla-modulos.notas tr td .row { position: relative; } .contenedor-informacion .tabla-modulos.notas tr td .row .col-12 { position: relative; } .contenedor-informacion .tabla-modulos.notas tr td .row + span { position: absolute; width: 100%; bottom: 10px; right: 5px; height: 28px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } .contenedor-informacion .tabla-modulos.notas tr td .row + span .action { margin: 0 3px; } .contenedor-informacion .tabla-modulos.notas tr td .row + span .action[data-action="eliminate"] { width: 120px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; color: #ef3742; justify-content: flex-start; align-items: center; position: absolute; top: 3px; left: 5px; } .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante { padding: 0 4px; border-right: 2px solid #f2f2f2; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); } .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante .bci-icon { height: 26px; width: 26px; background-size: auto 100%; } .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante + p { padding-left: 40px; margin: 0; text-indent: 0; } .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante + p strong { display: block; } .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante + p small { display: block; } .contenedor-informacion a.nuevo-elemento { flex: 0 0 50% 0 auto; -moz-flex: 0 0 50% 0 auto; flex: 0 0 50% 0 auto; -webkit-flex: 0 0 50% 0 auto; -moz-flex: 0 0 50% 0 auto; -ms-flex: 0 0 50% 0 auto; width: 290px; text-align: right; font-size: 0.89rem; display: block; height: 30px; padding-right: 35px; line-height: 29px; color: #006fb9; font-family: "overpassbold"; background-image: url('nuevoElemento.9a9344f220a6a8454eb4.svg'); background-repeat: no-repeat; background-position: 99% center; background-size: auto 25px; transition: all 0.1s linear; margin: 2px; cursor: pointer; } .contenedor-informacion a.nuevo-elemento:hover { background-position: 100% center; color: #595b5a; background-size: auto 30px; } .contenedor-informacion .data-activate { display: none; } .contenedor-informacion .data-activate.active { display: block; } .contenedor-informacion.h10 .tabla-modulos { max-height: 10px; } .contenedor-informacion.h10 .modulos-informativos { max-height: 10px; } .contenedor-informacion.h20 .tabla-modulos { max-height: 20px; } .contenedor-informacion.h20 .modulos-informativos { max-height: 20px; } .contenedor-informacion.h30 .tabla-modulos { max-height: 30px; } .contenedor-informacion.h30 .modulos-informativos { max-height: 30px; } .contenedor-informacion.h40 .tabla-modulos { max-height: 40px; } .contenedor-informacion.h40 .modulos-informativos { max-height: 40px; } .contenedor-informacion.h50 .tabla-modulos { max-height: 50px; } .contenedor-informacion.h50 .modulos-informativos { max-height: 50px; } .contenedor-informacion.h60 .tabla-modulos { max-height: 60px; } .contenedor-informacion.h60 .modulos-informativos { max-height: 60px; } .contenedor-informacion.h70 .tabla-modulos { max-height: 70px; } .contenedor-informacion.h70 .modulos-informativos { max-height: 70px; } .contenedor-informacion.h80 .tabla-modulos { max-height: 80px; } .contenedor-informacion.h80 .modulos-informativos { max-height: 80px; } .contenedor-informacion.h90 .tabla-modulos { max-height: 90px; } .contenedor-informacion.h90 .modulos-informativos { max-height: 90px; } .contenedor-informacion.h100 .tabla-modulos { max-height: 100px; } .contenedor-informacion.h100 .modulos-informativos { max-height: 100px; } .contenedor-informacion.h110 .tabla-modulos { max-height: 110px; } .contenedor-informacion.h110 .modulos-informativos { max-height: 110px; } .contenedor-informacion.h120 .tabla-modulos { max-height: 120px; } .contenedor-informacion.h120 .modulos-informativos { max-height: 120px; } .contenedor-informacion.h130 .tabla-modulos { max-height: 130px; } .contenedor-informacion.h130 .modulos-informativos { max-height: 130px; } .contenedor-informacion.h140 .tabla-modulos { max-height: 140px; } .contenedor-informacion.h140 .modulos-informativos { max-height: 140px; } .contenedor-informacion.h150 .tabla-modulos { max-height: 150px; } .contenedor-informacion.h150 .modulos-informativos { max-height: 150px; } .contenedor-informacion.h160 .tabla-modulos { max-height: 160px; } .contenedor-informacion.h160 .modulos-informativos { max-height: 160px; } .contenedor-informacion.h170 .tabla-modulos { max-height: 170px; } .contenedor-informacion.h170 .modulos-informativos { max-height: 170px; } .contenedor-informacion.h180 .tabla-modulos { max-height: 180px; } .contenedor-informacion.h180 .modulos-informativos { max-height: 180px; } .contenedor-informacion.h190 .tabla-modulos { max-height: 190px; } .contenedor-informacion.h190 .modulos-informativos { max-height: 190px; } .contenedor-informacion.h200 .tabla-modulos { max-height: 200px; } .contenedor-informacion.h200 .modulos-informativos { max-height: 200px; } .contenedor-informacion.h210 .tabla-modulos { max-height: 210px; } .contenedor-informacion.h210 .modulos-informativos { max-height: 210px; } .contenedor-informacion.h220 .tabla-modulos { max-height: 220px; } .contenedor-informacion.h220 .modulos-informativos { max-height: 220px; } .contenedor-informacion.h230 .tabla-modulos { max-height: 230px; } .contenedor-informacion.h230 .modulos-informativos { max-height: 230px; } .contenedor-informacion.h240 .tabla-modulos { max-height: 240px; } .contenedor-informacion.h240 .modulos-informativos { max-height: 240px; } .contenedor-informacion.h250 .tabla-modulos { max-height: 250px; } .contenedor-informacion.h250 .modulos-informativos { max-height: 250px; } .contenedor-informacion.h260 .tabla-modulos { max-height: 260px; } .contenedor-informacion.h260 .modulos-informativos { max-height: 260px; } .contenedor-informacion.h270 .tabla-modulos { max-height: 270px; } .contenedor-informacion.h270 .modulos-informativos { max-height: 270px; } .contenedor-informacion.h280 .tabla-modulos { max-height: 280px; } .contenedor-informacion.h280 .modulos-informativos { max-height: 280px; } .contenedor-informacion.h290 .tabla-modulos { max-height: 290px; } .contenedor-informacion.h290 .modulos-informativos { max-height: 290px; } .contenedor-informacion.h300 .tabla-modulos { max-height: 300px; } .contenedor-informacion.h300 .modulos-informativos { max-height: 300px; } .contenedor-informacion.h310 .tabla-modulos { max-height: 310px; } .contenedor-informacion.h310 .modulos-informativos { max-height: 310px; } .contenedor-informacion.h320 .tabla-modulos { max-height: 320px; } .contenedor-informacion.h320 .modulos-informativos { max-height: 320px; } .contenedor-informacion.h330 .tabla-modulos { max-height: 330px; } .contenedor-informacion.h330 .modulos-informativos { max-height: 330px; } .contenedor-informacion.h340 .tabla-modulos { max-height: 340px; } .contenedor-informacion.h340 .modulos-informativos { max-height: 340px; } .contenedor-informacion.h350 .tabla-modulos { max-height: 350px; } .contenedor-informacion.h350 .modulos-informativos { max-height: 350px; } .contenedor-informacion.h360 .tabla-modulos { max-height: 360px; } .contenedor-informacion.h360 .modulos-informativos { max-height: 360px; } .contenedor-informacion.h370 .tabla-modulos { max-height: 370px; } .contenedor-informacion.h370 .modulos-informativos { max-height: 370px; } .contenedor-informacion.h380 .tabla-modulos { max-height: 380px; } .contenedor-informacion.h380 .modulos-informativos { max-height: 380px; } .contenedor-informacion.h390 .tabla-modulos { max-height: 390px; } .contenedor-informacion.h390 .modulos-informativos { max-height: 390px; } .contenedor-informacion.h400 .tabla-modulos { max-height: 400px; } .contenedor-informacion.h400 .modulos-informativos { max-height: 400px; } .contenedor-informacion.h410 .tabla-modulos { max-height: 410px; } .contenedor-informacion.h410 .modulos-informativos { max-height: 410px; } .contenedor-informacion.h420 .tabla-modulos { max-height: 420px; } .contenedor-informacion.h420 .modulos-informativos { max-height: 420px; } .contenedor-informacion.h430 .tabla-modulos { max-height: 430px; } .contenedor-informacion.h430 .modulos-informativos { max-height: 430px; } .contenedor-informacion.h440 .tabla-modulos { max-height: 440px; } .contenedor-informacion.h440 .modulos-informativos { max-height: 440px; } .contenedor-informacion.h450 .tabla-modulos { max-height: 450px; } .contenedor-informacion.h450 .modulos-informativos { max-height: 450px; } .contenedor-informacion.h460 .tabla-modulos { max-height: 460px; } .contenedor-informacion.h460 .modulos-informativos { max-height: 460px; } .contenedor-informacion.h470 .tabla-modulos { max-height: 470px; } .contenedor-informacion.h470 .modulos-informativos { max-height: 470px; } .contenedor-informacion.h480 .tabla-modulos { max-height: 480px; } .contenedor-informacion.h480 .modulos-informativos { max-height: 480px; } .contenedor-informacion.h490 .tabla-modulos { max-height: 490px; } .contenedor-informacion.h490 .modulos-informativos { max-height: 490px; } .contenedor-informacion.h500 .tabla-modulos { max-height: 500px; } .contenedor-informacion.h500 .modulos-informativos { max-height: 500px; } .contenedor-informacion.h510 .tabla-modulos { max-height: 510px; } .contenedor-informacion.h510 .modulos-informativos { max-height: 510px; } .contenedor-informacion.h520 .tabla-modulos { max-height: 520px; } .contenedor-informacion.h520 .modulos-informativos { max-height: 520px; } .contenedor-informacion.h530 .tabla-modulos { max-height: 530px; } .contenedor-informacion.h530 .modulos-informativos { max-height: 530px; } .contenedor-informacion.h540 .tabla-modulos { max-height: 540px; } .contenedor-informacion.h540 .modulos-informativos { max-height: 540px; } .contenedor-informacion.h550 .tabla-modulos { max-height: 550px; } .contenedor-informacion.h550 .modulos-informativos { max-height: 550px; } .contenedor-informacion.h560 .tabla-modulos { max-height: 560px; } .contenedor-informacion.h560 .modulos-informativos { max-height: 560px; } .contenedor-informacion.h570 .tabla-modulos { max-height: 570px; } .contenedor-informacion.h570 .modulos-informativos { max-height: 570px; } .contenedor-informacion.h580 .tabla-modulos { max-height: 580px; } .contenedor-informacion.h580 .modulos-informativos { max-height: 580px; } .contenedor-informacion.h590 .tabla-modulos { max-height: 590px; } .contenedor-informacion.h590 .modulos-informativos { max-height: 590px; } .contenedor-informacion.h600 .tabla-modulos { max-height: 600px; } .contenedor-informacion.h600 .modulos-informativos { max-height: 600px; } .contenedor-informacion.h610 .tabla-modulos { max-height: 610px; } .contenedor-informacion.h610 .modulos-informativos { max-height: 610px; } .contenedor-informacion.h620 .tabla-modulos { max-height: 620px; } .contenedor-informacion.h620 .modulos-informativos { max-height: 620px; } .contenedor-informacion.h630 .tabla-modulos { max-height: 630px; } .contenedor-informacion.h630 .modulos-informativos { max-height: 630px; } .contenedor-informacion.h640 .tabla-modulos { max-height: 640px; } .contenedor-informacion.h640 .modulos-informativos { max-height: 640px; } .contenedor-informacion.h650 .tabla-modulos { max-height: 650px; } .contenedor-informacion.h650 .modulos-informativos { max-height: 650px; } .contenedor-informacion.h660 .tabla-modulos { max-height: 660px; } .contenedor-informacion.h660 .modulos-informativos { max-height: 660px; } .contenedor-informacion.h670 .tabla-modulos { max-height: 670px; } .contenedor-informacion.h670 .modulos-informativos { max-height: 670px; } .contenedor-informacion.h680 .tabla-modulos { max-height: 680px; } .contenedor-informacion.h680 .modulos-informativos { max-height: 680px; } .contenedor-informacion.h690 .tabla-modulos { max-height: 690px; } .contenedor-informacion.h690 .modulos-informativos { max-height: 690px; } .contenedor-informacion.h700 .tabla-modulos { max-height: 700px; } .contenedor-informacion.h700 .modulos-informativos { max-height: 700px; } .contenedor-informacion.h710 .tabla-modulos { max-height: 710px; } .contenedor-informacion.h710 .modulos-informativos { max-height: 710px; } .contenedor-informacion.h720 .tabla-modulos { max-height: 720px; } .contenedor-informacion.h720 .modulos-informativos { max-height: 720px; } .contenedor-informacion.h730 .tabla-modulos { max-height: 730px; } .contenedor-informacion.h730 .modulos-informativos { max-height: 730px; } .contenedor-informacion.h740 .tabla-modulos { max-height: 740px; } .contenedor-informacion.h740 .modulos-informativos { max-height: 740px; } .contenedor-informacion.h750 .tabla-modulos { max-height: 750px; } .contenedor-informacion.h750 .modulos-informativos { max-height: 750px; } .contenedor-informacion.h760 .tabla-modulos { max-height: 760px; } .contenedor-informacion.h760 .modulos-informativos { max-height: 760px; } .contenedor-informacion.h770 .tabla-modulos { max-height: 770px; } .contenedor-informacion.h770 .modulos-informativos { max-height: 770px; } .contenedor-informacion.h780 .tabla-modulos { max-height: 780px; } .contenedor-informacion.h780 .modulos-informativos { max-height: 780px; } .contenedor-informacion.h790 .tabla-modulos { max-height: 790px; } .contenedor-informacion.h790 .modulos-informativos { max-height: 790px; } .contenedor-informacion.h800 .tabla-modulos { max-height: 800px; } .contenedor-informacion.h800 .modulos-informativos { max-height: 800px; } .contenedor-informacion.h810 .tabla-modulos { max-height: 810px; } .contenedor-informacion.h810 .modulos-informativos { max-height: 810px; } .contenedor-informacion.h820 .tabla-modulos { max-height: 820px; } .contenedor-informacion.h820 .modulos-informativos { max-height: 820px; } .contenedor-informacion.h830 .tabla-modulos { max-height: 830px; } .contenedor-informacion.h830 .modulos-informativos { max-height: 830px; } .contenedor-informacion.h840 .tabla-modulos { max-height: 840px; } .contenedor-informacion.h840 .modulos-informativos { max-height: 840px; } .contenedor-informacion.h850 .tabla-modulos { max-height: 850px; } .contenedor-informacion.h850 .modulos-informativos { max-height: 850px; } .contenedor-informacion.h860 .tabla-modulos { max-height: 860px; } .contenedor-informacion.h860 .modulos-informativos { max-height: 860px; } .contenedor-informacion.h870 .tabla-modulos { max-height: 870px; } .contenedor-informacion.h870 .modulos-informativos { max-height: 870px; } .contenedor-informacion.h880 .tabla-modulos { max-height: 880px; } .contenedor-informacion.h880 .modulos-informativos { max-height: 880px; } .contenedor-informacion.h890 .tabla-modulos { max-height: 890px; } .contenedor-informacion.h890 .modulos-informativos { max-height: 890px; } .contenedor-informacion.h900 .tabla-modulos { max-height: 900px; } .contenedor-informacion.h900 .modulos-informativos { max-height: 900px; } .contenedor-informacion.h910 .tabla-modulos { max-height: 910px; } .contenedor-informacion.h910 .modulos-informativos { max-height: 910px; } .contenedor-informacion.h920 .tabla-modulos { max-height: 920px; } .contenedor-informacion.h920 .modulos-informativos { max-height: 920px; } .contenedor-informacion.h930 .tabla-modulos { max-height: 930px; } .contenedor-informacion.h930 .modulos-informativos { max-height: 930px; } .contenedor-informacion.h940 .tabla-modulos { max-height: 940px; } .contenedor-informacion.h940 .modulos-informativos { max-height: 940px; } .contenedor-informacion.h950 .tabla-modulos { max-height: 950px; } .contenedor-informacion.h950 .modulos-informativos { max-height: 950px; } .contenedor-informacion.h960 .tabla-modulos { max-height: 960px; } .contenedor-informacion.h960 .modulos-informativos { max-height: 960px; } .contenedor-informacion.h970 .tabla-modulos { max-height: 970px; } .contenedor-informacion.h970 .modulos-informativos { max-height: 970px; } .contenedor-informacion.h980 .tabla-modulos { max-height: 980px; } .contenedor-informacion.h980 .modulos-informativos { max-height: 980px; } .contenedor-informacion.h990 .tabla-modulos { max-height: 990px; } .contenedor-informacion.h990 .modulos-informativos { max-height: 990px; } .contenedor-informacion.h1000 .tabla-modulos { max-height: 1000px; } .contenedor-informacion.h1000 .modulos-informativos { max-height: 1000px; } .data-switchs { display: none !important; } .data-switchs.active { display: block !important; } .data-activate { width: 100%; visibility: hidden; height: 0; margin: 0; padding: 0; display: block; transition: all 0.1s linear; overflow-y: hidden; } .data-activate.active { overflow-y: inherit; height: auto; visibility: visible; } .data-activate > .row { margin: 0; } .data-activate .data-activate { width: 100%; } .data-activate .data-activate > .row { margin: 0 -15px; } .data-activate .contenedor-informacion { margin: 0 15px; } .data-activate .contenedor-informacion.simple { margin: 0; } .grilla-datos-editables { width: 100%; display: block; padding: 0; margin: 5px 0; } .grilla-datos-editables table { width: 100%; border-spacing: 2px; border-collapse: separate; } .grilla-datos-editables table thead tr th { font-size: 0.75rem; font-family: "overpassregular"; color: #595b5a; background-color: #e5e5e5; margin-bottom: 5px; text-align: center; line-height: 30px; } .grilla-datos-editables table tbody tr { margin-bottom: 5px; } .grilla-datos-editables table tbody tr td { font-size: 0.8rem; text-align: center; font-family: "overpassregular"; color: #595b5a; background-color: #ededed; } .grilla-datos-editables table tbody tr td select, .grilla-datos-editables table tbody tr td input { display: inline-block; width: 90%; margin: 5px; max-width: 200px; padding: 0 10px 0 3px !important; height: 25px; line-height: 22px; font-size: 0.75rem; } .grilla-datos-editables table tfoot tr th { height: 6px; background-color: #d9d9d9; } .indicadores { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 98%; max-width: 1340px; margin: 10px 0 20px; } .row > .indicadores { max-width: 1920px; } .container-fluid > .indicadores { max-width: 1920px; } @media only screen and (max-width: 1290px) { .indicadores { justify-content: space-between; align-items: stretch; } } @media only screen and (max-width: 1145px) { .indicadores { justify-content: space-between; align-items: stretch; } } @media only screen and (max-width: 576px) { .indicadores { justify-content: center; align-items: stretch; } } .indicadores #FormDashboard { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } @media only screen and (max-width: 1290px) { .indicadores #FormDashboard { justify-content: space-between; align-items: center; } } @media only screen and (max-width: 1145px) { .indicadores #FormDashboard { justify-content: space-between; align-items: center; } } @media only screen and (max-width: 576px) { .indicadores #FormDashboard { justify-content: center; align-items: center; } } .indicadores .indicador { background: white; display: inline-block; position: relative; min-height: 150px; height: auto; margin: 5px; min-width: 10px; padding: 10px; box-sizing: border-box; flex: 1 1 15%; max-width: 100%; } .indicadores .indicador:last-child { margin-right: 0; } @media only screen and (max-width: 1290px) { .indicadores .indicador { flex: 1 1 15%; margin: 10px 1% 10px 0px; } } @media only screen and (max-width: 1145px) { .indicadores .indicador { flex: 1 1 48%; margin: 10px 1% 10px 0px; } .indicadores .indicador:last-child:nth-child(odd) { width: 100%; margin: 10px 0; } } @media only screen and (max-width: 576px) { .indicadores .indicador { flex: 1 1 100%; width: 100%; margin: 10px 0; min-height: 145px; } } .indicadores .indicador.error { background-color: #ffd700; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; } .indicadores .indicador.error h4 .bci-icon { display: block; margin: 5px auto 10px; width: 30px; height: 30px; } .indicadores .indicador.error p { font-size: 0.8rem; width: 100%; } .indicadores .indicador h1 { font-size: 1rem; margin: 0 0 10px 0px; } .indicadores .indicador h1 u { border-bottom: 2px solid #006fb9; } @media only screen and (max-width: 1290px) { .indicadores .indicador h1 { font-size: 0.8rem; line-height: 150%; } } @media only screen and (max-width: 1145px) { .indicadores .indicador h1 { font-size: 1.1rem; line-height: 150%; } } @media only screen and (max-width: 800px) { .indicadores .indicador h1 { font-size: 1.1rem; } .indicadores .indicador h1 u { border-bottom-width: 3px; } } .indicadores .indicador p { text-transform: uppercase; } @media only screen and (min-width: 1201px) { .indicadores .indicador p { font-size: 0.7rem; } .indicadores .indicador p span { font-size: 1.1rem; } } @media only screen and (max-width: 1290px) { .indicadores .indicador p { font-size: 0.7rem; } .indicadores .indicador p span { font-size: 1.1rem; } } @media only screen and (max-width: 1145px) { .indicadores .indicador p { font-size: 0.7rem; } .indicadores .indicador p span { font-size: 1.1rem; } } @media only screen and (max-width: 800px) { .indicadores .indicador p { font-size: 0.7rem; } .indicadores .indicador p span { font-size: 1.1rem; } } .indicadores .indicador > div { width: 100%; display: flex; } .indicadores .indicador .data-principal { height: 40px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; flex-direction: row-reverse; -moz-flex-direction: row-reverse; } .indicadores .indicador .data-principal h2 { display: inline-block; margin: 0; padding: 0; font-weight: 300; color: #006fb9; font-style: normal; border: none; font-weight: 700; text-transform: uppercase; width: 100%; } @media only screen and (min-width: 1201px) { .indicadores .indicador .data-principal h2 { font-size: 2rem; } } @media only screen and (max-width: 1290px) { .indicadores .indicador .data-principal h2 { font-size: 1.7rem; } } @media only screen and (max-width: 1145px) { .indicadores .indicador .data-principal h2 { font-size: 2.2rem; } } @media only screen and (max-width: 800px) { .indicadores .indicador .data-principal h2 { font-size: 2.4rem; } } @media only screen and (max-width: 576px) { .indicadores .indicador .data-principal h2 { font-size: 2.4rem; } } .indicadores .indicador .data-principal .tipo-indicador { height: 42px; text-align: center; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; color: white; background-color: #595b5a; line-height: 1.1; text-transform: uppercase; padding: 0.2rem; } @media only screen and (min-width: 1201px) { .indicadores .indicador .data-principal .tipo-indicador { font-size: 0.6rem; width: 39%; } .indicadores .indicador .data-principal .tipo-indicador + h2 { width: 61%; font-weight: 400; } } @media only screen and (max-width: 1290px) { .indicadores .indicador .data-principal .tipo-indicador { font-size: 0.4rem; width: 40%; } .indicadores .indicador .data-principal .tipo-indicador + h2 { width: 59%; font-weight: 400; } } @media only screen and (max-width: 1145px) { .indicadores .indicador .data-principal .tipo-indicador { font-size: 0.7rem; width: 40%; } .indicadores .indicador .data-principal .tipo-indicador + h2 { width: 59%; } } @media only screen and (max-width: 800px) { .indicadores .indicador .data-principal .tipo-indicador { font-size: 0.7rem; width: 45%; } .indicadores .indicador .data-principal .tipo-indicador + h2 { width: 54%; } } @media only screen and (max-width: 576px) { .indicadores .indicador .data-principal .tipo-indicador + h2 { width: 54%; } } .indicadores .indicador .boton { position: absolute; top: 105%; left: 50%; transform: translate(-50%, -105%); height: 30px; width: 40%; min-width: 130px; font-size: 0.7rem; } @media only screen and (max-width: 1145px) { .indicadores .indicador .boton { width: 40%; min-width: 130px; height: 30px; } } @media only screen and (max-width: 576px) { .indicadores .indicador .boton { width: 50%; min-width: 150px; } } .indicadores.dealer .indicador h1 { margin-bottom: 14px; } .indicadores.dealer .indicador .data-principal { height: auto; } .indicadores.dealer .indicador .data-principal h2 { font-size: 3rem; width: 100%; font-weight: 700; } @media only screen and (max-width: 1290px) { .indicadores.dealer .indicador .data-principal h2 { font-size: 2.3rem; } } @media only screen and (max-width: 1145px) { .indicadores.dealer .indicador .data-principal h2 { font-size: 2.9rem; } } .indicadores.despliegue { margin: 0; } .indicadores.despliegue > h1 { width: 95%; height: auto; line-height: 4rem; color: white; font-size: 2rem; } .indicadores.despliegue .indicador { flex: 1 1 23%; position: relative; margin: 1%; } @media only screen and (max-width: 800px) { .indicadores.despliegue .indicador { flex: 1 1 45%; } } @media only screen and (max-width: 576px) { .indicadores.despliegue .indicador { flex: 1 1 100%; } } .indicadores.despliegue .indicador .editor { position: absolute; top: 10px; right: 10px; display: block; cursor: pointer; } .indicadores.despliegue .indicador.grafica { min-height: 300px; } .indicadores.despliegue .indicador.grafica .data-principal h2 { font-size: 4rem; font-weight: 700; } .indicadores.despliegue .indicador .data-principal { height: auto; } .indicadores.despliegue .indicador .data-principal h2 { width: 100%; font-size: 3rem; } .campana { width: 100%; max-width: 100%; } .campana .campana-content { width: 100%; height: 300px; display: block; position: relative; background-size: cover; background-position: right center; } @media only screen and (max-width: 576px) { .campana .campana-content { height: 200px; } } .campana .campana-content .card { display: block; position: absolute; top: 20%; left: 15%; width: 400px; background-color: rgba(0, 0, 0, 0.5) !important; padding: 0.5rem; text-align: center; } @media only screen and (max-width: 800px) { .campana .campana-content .card { width: 70%; left: 15%; } } @media only screen and (max-width: 576px) { .campana .campana-content .card { width: 90%; left: 5%; } } .campana .campana-content .card .boton { display: inline-block; width: 50%; font-size: 1rem; padding: 6px 10px; } @media only screen and (max-width: 576px) { .campana .campana-content .card .boton { font-size: 0.7rem; padding: 6px 2px; min-width: 60%; } } .campana .campana-content .card h1 { border: none; color: white; font-size: 3rem; width: 100%; text-align: center; text-transform: uppercase; font-family: "overpassbold"; } @media only screen and (max-width: 576px) { .campana .campana-content .card h1 { font-size: 1.8rem; } } .campana .campana-content .card h2 { border: none; color: white; font-size: 1.1rem; width: 100%; text-align: center; font-weight: 300; } @media only screen and (max-width: 576px) { .campana .campana-content .card h2 { font-size: 1rem; } } .accesos { min-height: 180px; width: 98%; max-width: 100%; } @media only screen and (max-width: 1145px) { .accesos { height: auto; } } .accesos .card-body { padding: 6px 2px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: stretch; } .accesos .card-body .boton.acceso-rapido { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; flex: 1 1 19%; margin: 0; min-width: 10px; position: relative; text-indent: 0; border-radius: 2px; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1); transition: all 0.2s linear; margin: 2px; max-width: 100%; padding-left: 35px; text-align: left; text-transform: capitalize; position: relative; color: #006fb9; background-color: white; font-size: 0.75rem; line-height: 105%; font-family: "overpasssemibold"; height: 50px; } .accesos .card-body .boton.acceso-rapido i { position: absolute; left: 0px; top: 0px; width: 30px; height: 100%; background-position: center center; filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1; background-size: 30px auto; } @media only screen and (max-width: 1290px) { .accesos .card-body .boton.acceso-rapido i { opacity: 0.2; width: 100%; background-size: auto 100%; } } @media only screen and (max-width: 1145px) { .accesos .card-body .boton.acceso-rapido i { opacity: 0.2; width: 100%; background-size: auto 100%; } } @media only screen and (max-width: 576px) { .accesos .card-body .boton.acceso-rapido i { opacity: 1; left: 0; width: 50px; background-size: 40px auto; } } .accesos .card-body .boton.acceso-rapido:focus, .accesos .card-body .boton.acceso-rapido:active, .accesos .card-body .boton.acceso-rapido:hover { background-color: #006fb9; color: white; opacity: 1; } .accesos .card-body .boton.acceso-rapido:focus i, .accesos .card-body .boton.acceso-rapido:active i, .accesos .card-body .boton.acceso-rapido:hover i { filter: brightness(300%); -webkit-filter: brightness(300%); } @media only screen and (max-width: 1290px) { .accesos .card-body .boton.acceso-rapido { padding: 10px 2px; font-size: 0.7rem; text-align: center; justify-content: center; align-items: center; } } @media only screen and (max-width: 1145px) { .accesos .card-body .boton.acceso-rapido { font-size: 0.7rem; min-width: 60px; flex: 1 1 10%; } } @media only screen and (max-width: 576px) { .accesos .card-body .boton.acceso-rapido { min-width: 80px; flex: 0 1 calc(50% - 8px); -ms-width: calc(50% - 8px); font-size: 0.9rem; padding: 10px 2px 10px 45px; text-align: left; justify-content: flex-start; align-items: center; } } @media only screen and (max-width: 576px) { .accesos .card-body .boton.acceso-rapido { font-size: 1rem; min-width: 80px; flex: 0 1 calc(100% - 0px); } } .accesos .card-body.stretch { justify-content: space-around; align-items: stretch; min-height: 120px; } @media only screen and (max-width: 576px) { .accesos .card-body.stretch { justify-content: flex-start; align-items: center; } } .accesos .card-body.stretch .boton.acceso-rapido { min-height: 120px; justify-content: center; align-items: center; padding: 0; text-align: center; font-size: 0.8rem; flex: 1 1 19%; } .accesos .card-body.stretch .boton.acceso-rapido i { width: 100%; opacity: 1; background-position: center center; background-size: auto 130%; height: 50px; position: static; top: auto; top: initial; left: auto; left: initial; } @media only screen and (max-width: 576px) { .accesos .card-body.stretch .boton.acceso-rapido i { opacity: 1; left: 0; width: 50px; height: 30px; background-size: 40px auto; } } @media only screen and (max-width: 1145px) { .accesos .card-body.stretch .boton.acceso-rapido { font-size: 0.6rem; flex: 1 1 19%; } } @media only screen and (max-width: 800px) { .accesos .card-body.stretch .boton.acceso-rapido { flex: 1 1 48%; min-height: 90px; } } @media only screen and (max-width: 576px) { .accesos .card-body.stretch .boton.acceso-rapido { flex: 1 1 100%; justify-content: flex-start; align-items: center; min-height: 50px; width: 100%; height: 50px; font-size: 0.9rem; text-align: left; padding: 10px 2px 10px 5px; } } @media only screen and (max-width: 576px) { .accesos .card-body.stretch .boton { min-height: 20px; width: 50%; height: 50px; } } @media only screen and (max-width: 1290px) { .accesos .card-body { padding: 5px; } } @media only screen and (max-width: 576px) { .accesos .card-body { padding: 2px; } } @media only screen and (max-width: 576px) { .accesos.toolbar-type { display: block !important; position: fixed; bottom: 0; left: 0; overflow: hidden; z-index: 100; width: 100%; margin: 0; padding: 0; min-height: 60px; max-height: 60px; height: 60px; border-radius: 0px; box-shadow: 0px -4px 9px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px -4px 9px 0px rgba(0, 0, 0, 0.1); } .accesos.toolbar-type .card-header { display: none !important; } .accesos.toolbar-type .stretch { margin: 0; padding: 0; display: block; width: 100%; min-height: 60px; max-height: 60px; height: 60px; } .accesos.toolbar-type .stretch .acceso-rapido { margin: 0 !important; padding: 0 !important; display: inline-block !important; float: left; box-sizing: border-box !important; font-size: 0.48rem !important; text-align: center !important; border-left: 1px solid #f0f0f0; width: 19.8% !important; height: 60px !important; min-width: 0px !important; max-width: 20% !important; box-shadow: none !important; } .accesos.toolbar-type .stretch .acceso-rapido .bci-icon { height: 40px !important; width: 100% !important; } .accesos.toolbar-type .stretch .acceso-rapido:first-child { border: none; } } .accesos.demo .card-body .boton.acceso-rapido { width: calc(14% - 8px); flex: 1 1 13%; text-transform: none; } .info-expandible { position: relative; } .info-expandible .side-data { min-height: 0; height: auto; } .info-expandible .collapsing, .info-expandible .collapse { margin: 0; padding: 0; } .nota-detalle { padding: 10px; font-size: 0.9rem !important; } .nota-detalle small { display: block; padding-top: 10px; display: block; font-size: 0.7rem; } .nota-detalle small::before { font-family: "overpassbold"; font-size: 0.7rem; padding-top: 10px; display: block; content: attr(data-text); } .busqueda-dashboard { height: auto; width: 100%; max-width: 100%; } .busqueda-dashboard .card-body { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; /*.formulario-seccion { width: 100%; .boton { flex: 3 0 10%; margin: 5px; } .formularios { flex: 3 1 30%; min-width: 0%; max-width: 100%; margin: 5px; } .vigencia { flex: 1 0 20px; height: 30px; } }*/ } .busqueda-dashboard .card-body .datos { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .busqueda-dashboard .card-body .datos input[type="text"] { flex: 4; } .busqueda-dashboard .card-body .datos a { flex: 2; } .busqueda-dashboard .card-body .datos label { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .busqueda-dashboard .card-body .datos label input { margin-right: 5px; } .busqueda-dashboard .card-body form { width: 100%; display: block; } .busqueda-dashboard .card-body .formulario-seccion { width: 100%; } .busqueda-dashboard .card-body .formulario-bloque .formularios { margin-bottom: 1px; margin-top: 3px; } .busqueda-dashboard .card-footer { min-height: 55px; } .busqueda-dashboard .card-footer .boton { margin: 0; } .busqueda-dashboard .meta-filters { height: 30px; } .busqueda-dashboard .meta-filters li { height: 30px !important; } @media only screen and (max-width: 1145px) { .busqueda-dashboard { height: auto; } .busqueda-dashboard .formularios.especial { min-width: 50px; } .busqueda-dashboard .formularios.especial input[type='text'] { text-align: right; -moz-text-align-last: right; text-align-last: right; } .busqueda-dashboard .formularios.especial input[type='text']::-webkit-input-placeholder { color: white; } .busqueda-dashboard .formularios.especial input[type='text']:-moz-placeholder { color: white; } .busqueda-dashboard .formularios.especial input[type='text']::-moz-placeholder { color: white; } .busqueda-dashboard .formularios.especial input[type='text']:-ms-input-placeholder { color: white; } } @media only screen and (max-width: 800px) { .busqueda-dashboard .formularios.especial input[type='text']::-webkit-input-placeholder { color: #ccc; } .busqueda-dashboard .formularios.especial input[type='text']:-moz-placeholder { color: #ccc; } .busqueda-dashboard .formularios.especial input[type='text']::-moz-placeholder { color: #ccc; } .busqueda-dashboard .formularios.especial input[type='text']:-ms-input-placeholder { color: #ccc; } } @media only screen and (max-width: 576px) { .busqueda-dashboard .formularios .form-check-input { width: 10% !important; margin: 6px 0; display: inline-block; } .busqueda-dashboard .formularios .form-check-label { width: 85% !important; margin: 6px 0; font-size: 0.8rem; width: 10%; display: inline-block; font-size: 1rem; } .busqueda-dashboard .formularios.especial { min-width: 50px; width: 100%; } } .busqueda-dashboard .especial { flex: 1 1 20%; } .busqueda-dashboard .boton { padding: 6px 10px 6px 10px; font-size: 1rem; margin-top: 0; } .busqueda-dashboard .boton.simple { width: auto; } .busqueda-dashboard .boton.bg-disabled { width: auto; } @media only screen and (max-width: 1145px) { .busqueda-dashboard .boton { float: right; } } @media only screen and (max-width: 800px) { .busqueda-dashboard .boton { max-width: 200%; } } @media only screen and (max-width: 576px) { .busqueda-dashboard .boton { float: none; display: block; margin: 5px auto; } } .folderfix { background: black; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .folderfix .folder { width: 300px; display: block; min-height: 100px; min-width: 100px; } .folderfix .folder .card-body { text-align: center; } .folderfix .folder .card-body .boton { min-width: 200px; } .productos-lista > .card-header { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 5px; } .productos-lista > .card-header ul { margin: 0; padding: 0; } .productos-lista > .card-header ul li { display: inline-block; height: 40px; position: relative; } .productos-lista > .card-header .filters-list { flex: 1 1 70%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; } @media only screen and (max-width: 1145px) { .productos-lista > .card-header .filters-list { flex: 1 1 75%; } } @media only screen and (max-width: 576px) { .productos-lista > .card-header .filters-list { margin: 10px 0; } } .productos-lista > .card-header .filters-list .filter-set { flex: 1 1 18%; margin: 0; border: none; } @media only screen and (max-width: 576px) { .productos-lista > .card-header .filters-list .filter-set { margin-bottom: 15px; } } .productos-lista > .card-header .filters-list .filter-set.seleccion { flex: 0 0 40%; } @media only screen and (max-width: 576px) { .productos-lista > .card-header .filters-list .filter-set.seleccion { flex: 0 0 100%; } } .productos-lista > .card-header .filters-list .filter-set.range { flex: 1 1 12%; } @media only screen and (max-width: 576px) { .productos-lista > .card-header .filters-list .filter-set.range { flex: 1 1 45%; } } .productos-lista > .card-header .filters-list .filter-set.campos { flex: 1 1 15%; } @media only screen and (max-width: 576px) { .productos-lista > .card-header .filters-list .filter-set.campos { flex: 1 1 45%; } } .productos-lista > .card-header .filters-list .filter-set .filter-range { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-around; align-items: center; } .productos-lista > .card-header .filters-list .filter-set .filter-range input[type="range"] { flex: 1 1 50%; height: 15px; margin-right: 2%; } .ie .productos-lista > .card-header .filters-list .filter-set .filter-range input[type="range"] { height: auto; margin-right: inherit; } .productos-lista > .card-header .filters-list .filter-set .filter-range output { position: static; flex: 0 0 20px; } .productos-lista > .card-header .filters-list .filter-set .filter-checkbox { margin: 0; flex: 1 1 20%; } .productos-lista > .card-header .filters-list .filter-set .pin { max-width: 60px; min-width: 0px; margin: 0 0 0 10px; } .productos-lista > .card-header .filters-list .filter-set .pin input { padding: 0; line-height: 1; height: 28px; min-width: 0px; border-radius: 5px; background-color: #f2f2f2; } .productos-lista > .card-header .filters-list .filter-set .pin + .boton.icono { height: 28px; margin: 0 0 0 6px; } .productos-lista > .card-header .filters-list .filter-set .pin + .boton.icono i { width: 24px; height: 28px; } .ie .productos-lista > .card-header .filters-list .filter-set .pin + .boton.icono.bg-azul { background-color: #bfc1c0; } .productos-lista > .card-header .titulos { flex: 1 1 25%; height: 100%; font-size: 1.2rem; padding: 0 0 0 10px; text-transform: none; } .productos-lista > .card-header .titulos p { margin: 0; font-size: 0.65rem; } .productos-lista > .card-header .titulos p span { font-family: "overpassbold"; } .productos-lista > .card-header .titulos p a { text-decoration: underline; font-family: "overpassbold"; color: #006fb9; cursor: pointer; } @media only screen and (max-width: 1145px) { .productos-lista > .card-header .titulos { flex: 1 1 20%; font-size: 0.9rem; } } @media only screen and (max-width: 800px) { .productos-lista > .card-header .titulos { flex: 0 0 100%; font-size: 0.9rem; } .productos-lista > .card-header .titulos p { display: inline-block; border-left: 2px solid #f2f2f2; margin-left: 5px; padding-left: 5px; } } @media only screen and (max-width: 576px) { .productos-lista > .card-header .titulos { font-size: 0.8rem; } } .productos-lista .card-body { padding: 0px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: stretch; } .productos-lista .card-body .disclaimer { min-height: 200px; display: none; } @media only screen and (max-width: 800px) { .productos-lista .card-body .disclaimer { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .productos-lista .card-body .disclaimer h3 { text-align: center; font-size: 1.5rem; color: #404141; } .productos-lista .card-body .disclaimer + .datos { display: none; } } .productos-lista .card-body > .datos { display: block; width: 100%; } .productos-lista .card-body > .datos .productos-relevantes, .productos-lista .card-body > .datos .cobertura-flexible, .productos-lista .card-body > .datos .cobertura-base { padding: 5px; } .productos-lista .card-body > .datos .productos-relevantes { background-color: white; box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.3); z-index: 10; padding-top: 10px; } .productos-lista .card-body > .datos .cobertura-base .bloque { background-color: white; } .productos-lista .card-body > .datos .cobertura-base .bloque > h6 { flex: 1 1 100%; text-align: center; font-family: "overpassbold"; font-size: .8rem; color: #595b5a; } .productos-lista .card-body > .datos .cobertura-base .bloque span { flex: 1 1 100%; text-align: center; } .productos-lista .card-body > .datos .cobertura-base .bloque span .bci-icon { height: 30px; width: 30px; display: inline-block; opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .productos-lista .card-body > .datos .cobertura-base .columna-leyenda .bloque { justify-content: space-between; align-items: center; } .productos-lista .card-body > .datos .cobertura-base .columna-leyenda .bloque p { text-align: left; width: 100%; padding: 0 0 0 5px; margin: 0; font-family: "overpassbold"; color: #006fb9; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; cursor: pointer; } .productos-lista .card-body > .datos .cobertura-base .columna-leyenda .bloque p span { flex: 1 1 50%; text-align: left; } .productos-lista .card-body > .datos .cobertura-base .columna-leyenda .bloque p .bci-icon { flex: 0 0 30px; height: 30px; width: 30px; } .productos-lista .card-body > .datos .cobertura-flexible { margin-top: 10px; } .productos-lista .card-body > .datos .cobertura-flexible .row .col-9, .productos-lista .card-body > .datos .cobertura-flexible .row .col-3 { display: none; } .productos-lista .card-body > .datos .cobertura-flexible .row .col-9.active, .productos-lista .card-body > .datos .cobertura-flexible .row .col-3.active { display: block; } .productos-lista .card-body > .datos .cobertura-flexible .row .col-3:first-child { display: block; } .ie .productos-lista .card-body > .datos .cobertura-flexible .row .col-3 .bloque { height: 100%; } .productos-lista .card-body > .datos .cobertura-flexible .row .col-4 .bloque { height: 50px; } .productos-lista .card-body > .datos .cobertura-flexible .switch label::after { font-size: 0.7rem; width: 100%; min-width: 180px; } .productos-lista .card-body > .datos .cobertura-flexible .bloque.flexible { justify-content: space-between; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; height: 220px; background-color: none; } .productos-lista .card-body > .datos .cobertura-flexible .bloque.flexible h4 { text-transform: uppercase; } .productos-lista .card-body > .datos .cobertura-flexible .bloque.flexible .formulario-seccion { width: 100%; height: 60px; } .productos-lista .card-body > .datos .cobertura-flexible .unificada section, .productos-lista .card-body > .datos .cobertura-flexible .independientes section { border-radius: 5px; padding: 5px; background-color: #e5e5e5; } .productos-lista .card-body > .datos .cobertura-flexible .unificada section .checkbox-simple label span, .productos-lista .card-body > .datos .cobertura-flexible .independientes section .checkbox-simple label span { width: 100%; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos { height: 60px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia { font-family: "overpassregular"; padding: 0; margin: 0; font-size: 0.8rem; width: 100%; flex: 1 1 100%; padding: 0 10px 0 35px; position: relative; height: auto; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia.no { height: 20px; text-align: center; justify-content: center; align-items: center; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia span { text-align: right; width: 100%; font-size: 0.55rem; line-height: 1.3; margin: 0; padding: 0; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia span strong { display: block; font-size: 0.65rem; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia > .bci-icon { position: absolute; top: 0; left: 4px; height: 100%; background-size: 90% auto; width: 27px; display: inline-block; opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } @media only screen and (max-width: 1145px) { .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos { height: 80px; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia { padding: 0 10px 0 50px; padding: 0 4px; justify-content: flex-start; align-items: center; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia span { width: 100%; font-size: 0.56rem; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia > .bci-icon { display: none !important; } } .productos-lista .card-body > .datos .cobertura-flexible .unificada .selectores { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; } .productos-lista .card-body > .datos .cobertura-flexible .unificada .selectores .modulos { flex: 0 0 48%; } .productos-lista .card-body > .datos .pre-leyenda { height: 24px; width: 100%; display: block; margin: 0; padding: 3px 0 0 5px; font-size: 0.7rem; } .productos-lista .card-body > .datos .dropdown { margin: 0; padding: 0; height: 40px; } .productos-lista .card-body > .datos .dropdown .dropdown-menu { min-width: 250px; padding: 0; box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.3); border: none; } .productos-lista .card-body > .datos .dropdown .dropdown-menu .dropdown-header { padding: 3px 5px; margin: 0; color: white; background-color: #006fb9; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .ie .productos-lista .card-body > .datos .dropdown .dropdown-menu .dropdown-header { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; height: 30px; line-height: 30px; padding: 7px 10px 0 10px; } .ie .productos-lista .card-body > .datos .dropdown .dropdown-menu .dropdown-header span, .ie .productos-lista .card-body > .datos .dropdown .dropdown-menu .dropdown-header h6 { margin: 0; padding: 0; height: auto; } .productos-lista .card-body > .datos .dropdown .dropdown-menu h6 { flex: 1 1 30%; font-size: 1rem; margin: 0; padding: 0; } .productos-lista .card-body > .datos .dropdown .dropdown-menu span { flex: 1 1 29%; font-size: 0.6rem; margin: 0; padding: 0; text-align: right; } .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul { margin: 0; padding: 0; } .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li { list-style: none; padding: 3px 5px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #d9d9d9; height: 30px; } .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li:last-child { border: none; } .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li > h6 { font-size: 0.8rem; } .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li span { font-size: 0.8rem; } .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li.mayor { background-color: #f2f2f2; } .productos-lista .card-body > .datos .bloque { height: 50px; width: 100%; margin-bottom: 5px; background-color: #f2f2f2; padding: 3px; font-family: "overpassregular"; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 3px; } .productos-lista .card-body > .datos .bloque > span { flex: 1 1 100%; text-align: center; font-size: 1rem; font-family: "overpassbold"; } .productos-lista .card-body > .datos .bloque.gris { background-color: rgba(89, 91, 90, 0.2); } .productos-lista .card-body > .datos .bloque.rojo { background-color: #fef4f5; } .productos-lista .card-body > .datos .bloque.datos { justify-content: space-between; align-items: center; } .productos-lista .card-body > .datos .bloque.datos h4 { flex: 1 1 50%; font-size: 0.8rem; font-family: "overpassregular"; } .productos-lista .card-body > .datos .bloque.datos h4 > span { font-size: 1rem; font-family: "overpassbold"; color: #006fb9; } .productos-lista .card-body > .datos .bloque.datos .formularios { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .productos-lista .card-body > .datos .bloque.datos .dropdown { position: relative; flex: 0 0 40px; } .productos-lista .card-body > .datos .bloque.datos .solo-iconos { position: relative; flex: 0 0 40px; cursor: pointer; height: 40px; display: inline-block; } .productos-lista .card-body > .datos .bloque.datos .solo-iconos .bci-icon { height: 40px; width: 40px; background-size: auto 70%; } .productos-lista .card-body > .datos .bloque.datos .solo-iconos:hover .bci-icon { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .productos-lista .card-body > .datos .bloque.datos .solo-iconos[aria-expanded="true"] { position: relative; } .productos-lista .card-body > .datos .bloque.datos .solo-iconos[aria-expanded="true"]:hover .bci-icon { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .productos-lista .card-body > .datos .bloque.datos .solo-iconos[aria-expanded="true"]::after { content: ''; display: block; height: 3px; width: 100%; bottom: 0; left: 10%; width: 80%; position: absolute; background-color: #006fb9; } .productos-lista .card-body > .datos .bloque.datos .solo-iconos[aria-expanded="true"] .bci-icon { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); } .productos-lista .card-body > .datos .bloque.principal { background-color: #006fb9; box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3); } .productos-lista .card-body > .datos .bloque.principal h3 { flex: 0 0 100%; font-family: "overpassbold"; color: white; text-align: center; } .productos-lista .card-body > .datos .bloque.principal p { font-family: "overpassregular"; flex: 1 1 50%; padding: 0 3px; font-size: 0.7rem; color: rgba(255, 255, 255, 0.7); text-align: left; } .productos-lista .card-body > .datos .bloque.principal p:last-child { text-align: right; } .productos-lista .card-body > .datos .columna-leyenda .pre-leyenda { font-size: 0.8rem; text-transform: uppercase; } .productos-convenios { margin-top: 65px; } .productos-convenios > .card-header { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 5px; } .productos-convenios > .card-header ul { margin: 0; padding: 0; } .productos-convenios > .card-header ul li { display: inline-block; height: 40px; position: relative; } .productos-convenios > .card-header .titulos { flex: 1 1 25%; font-size: 1.5rem; } .productos-convenios > .card-header .titulos p { margin: 0; padding: 0 0 0 5px; font-size: 0.65rem; text-transform: none; } .productos-convenios > .card-header .titulos p span { font-family: "overpassbold"; } .productos-convenios > .card-header .titulos p a { text-decoration: underline; font-family: "overpassbold"; color: #006fb9; cursor: pointer; } .productos-convenios > .card-header .filters-list { flex: 1 1 75%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .productos-convenios > .card-header .filters-list .filter-set { flex: 1 1 22%; border: none; padding: 0; } .productos-convenios > .card-header .filters-list .filter-set.range { flex: 1 1 12%; } .productos-convenios > .card-header .filters-list .filter-set.checkbox.small { flex: 1 1 10%; } .productos-convenios > .card-header .filters-list .filter-set .filter-checkbox { flex: 1 0 30%; padding: 0; margin: 1px; } .productos-convenios > .card-body { justify-content: space-between; align-items: flex-start; height: auto; max-height: 600px; padding-top: 0; } .productos-convenios > .card-body.productos { padding: 5px 10px 5px 10px; } .productos-convenios > .card-body.datos-pestanas { display: block; max-width: 100%; width: auto; } .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane { text-align: left; } .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane .formulario-bloque h2 { margin-top: 10px; } .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane .formulario-bloque .formularios { margin-top: 1px; margin-bottom: 5px; } .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane .formulario-bloque .formularios input, .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane .formulario-bloque .formularios select { background-color: #f2f2f2; } .productos-convenios > .card-body > aside { align-self: stretch; flex: 2; margin: 10px 20px 0 0; border-right: 2px solid #d9d9d9; } .productos-convenios > .card-body > aside .filters-list { max-height: 440px; overflow: auto; } .productos-convenios > .card-body .content { flex: 9; margin: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .productos-convenios > .card-body .content header { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 0; } .productos-convenios > .card-body .content header h1 { flex-basis: 20%; line-height: 100%; margin: 0; padding: 0; text-align: left; text-transform: none; font-family: "overpassbold"; } .productos-convenios > .card-body .content header section { flex-basis: 80%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } .productos-convenios > .card-body .content header section h3 { width: auto; font-size: 0.8rem; } .productos-convenios > .card-body .content > .tiposproductos { flex: 0 0 80px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: column; -moz-flex-direction: column; justify-content: flex-start; align-items: flex-start; } .productos-convenios > .card-body .content > .tiposproductos > article { flex: 1 1 30%; width: 95%; padding-bottom: 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: column; -moz-flex-direction: column; justify-content: space-between; align-items: stretch; } .productos-convenios > .card-body .content > .tiposproductos > article > h3 { flex: 0 0 25px; line-height: 25px; margin: 0; padding: 0; font-family: "overpassbold"; font-size: 0.6rem; text-transform: uppercase; } .productos-convenios > .card-body .content > .tiposproductos > article > .modulo { flex: 1 1 18%; } .productos-convenios > .card-body .content > .tiposproductos > section { width: 95%; flex: 0 0 150px; justify-content: center; align-items: center; } .productos-convenios > .card-body .content > .tiposproductos h3 { font-family: "overpasslight"; color: #595b5a; font-size: 0.8rem; text-align: center; } .productos-convenios > .card-body .content > .tiposproductos section { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .productos-convenios > .card-body .content > .tiposproductos section.modulo { justify-content: center; align-items: center; padding: 5px; } .productos-convenios > .card-body .content > .tiposproductos section.modulo.rojo { background: rgba(255, 0, 0, 0.08); margin: 2px; } .productos-convenios > .card-body .content > section { width: 100%; display: block; max-height: 460px; overflow: auto; flex: 1 1 70%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .productos-convenios > .card-body .content > section.columnas { overflow: hidden; } .productos-convenios > .card-body .content > section .columna-producto { flex: 1 1 20%; margin-left: 5px; margin-top: 0; margin-bottom: 0; min-width: 1px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: column; -moz-flex-direction: column; justify-content: space-between; align-items: stretch; } .productos-convenios > .card-body .content > section .columna-producto:hover .datos { background-color: #f8f8f8; } .productos-convenios > .card-body .content > section .columna-producto:hover .datos .title h1 { color: #006fb9; } .productos-convenios > .card-body .content > section .columna-producto:hover.destacado .datos { background-color: #0078c8; } .productos-convenios > .card-body .content > section .columna-producto:hover.destacado .datos .title h1 { color: white; } .productos-convenios > .card-body .content > section .columna-producto:first-child { margin-left: 0px; } .productos-convenios > .card-body .content > section .columna-producto .datos { flex: 1 1 150px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: column; -moz-flex-direction: column; justify-content: flex-end; align-items: stretch; width: 100%; } .productos-convenios > .card-body .content > section .columna-producto .datos .top { width: 100%; padding: 0 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; flex: 0 0 20px; font-size: 0.7rem; color: #aeb2af; } .productos-convenios > .card-body .content > section .columna-producto .datos .title { flex: 1 1 95px; padding: 0 10px; width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .productos-convenios > .card-body .content > section .columna-producto .datos .title h1 { font-size: 1.5rem; text-align: left; line-height: 100%; padding: 0; margin: 0; } .productos-convenios > .card-body .content > section .columna-producto .datos .features { width: 100%; flex: 0 0 25px; text-align: left; padding: 0 10px 5px 10px; margin: 0; } .productos-convenios > .card-body .content > section .columna-producto .datos .features p { margin: 0; padding: 0; color: #aeb2af; line-height: 13px; font-size: 0.7rem; } .productos-convenios > .card-body .content > section .columna-producto .datos .features p span { margin: 0 5px; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas { flex: 1 1 25px; width: 100%; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas > a { cursor: pointer; font-size: 0.7rem; color: #595b5a; text-decoration: underline; font-weight: bold; text-align: left; width: 100%; display: block; line-height: 30px; padding: 0 10px; background-color: #e5e5e5; background-image: url('_lite_cambiar.ce002a2539cc8e4ba1a3.svg'); background-position: 98% center; background-repeat: no-repeat; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas > a:hover { background-color: #bfbfbf; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas .coberturas-detalle, .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas .coberturas-guardar { height: 0; overflow: hidden; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo { flex: 0 0 180px; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo > a { background-image: url('_lite_error.659ebf6cd4e5a10c9964.svg'); } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle { height: 140px; overflow: auto; background: #d9d9d9; padding: 4px; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article { margin-bottom: 20px; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article h3 { font-family: "overpassbold"; font-size: 0.7rem; color: #006fb9; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article:last-child { margin-bottom: 0px; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item { height: 35px; display: block; font-family: "overpassregular"; width: 95%; font-size: 0.8rem; background: #f2f2f2; text-align: left; line-height: 35px; margin-bottom: 5px; padding-left: 5px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; cursor: pointer; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item h5 { font-style: normal; font-family: "overpassbold"; color: #878988; font-size: 0.8rem; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item:hover { background-color: #e5e5e5; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item .icon { height: 35px; width: 35px; display: block; background-position: center center; background-repeat: no-repeat; background-size: auto 90%; background-image: url('_lite_check.3f698a8bf92eb74c3980.svg'); filter: grayscale(100%) brightness(190%); -webkit-filter: grayscale(100%) brightness(190%); } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.disabled { cursor: not-allowed; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.disabled h5 { opacity: 0.2; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.disabled .icon { opacity: 0.4; background-image: url('_lite_error.659ebf6cd4e5a10c9964.svg'); filter: grayscale(100%); -webkit-filter: grayscale(100%); } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.active h5 { color: #595b5a; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.active .icon { background-image: url('_lite_check.3f698a8bf92eb74c3980.svg'); filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items select.cobertura-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #595b5a; width: 95%; padding: 0; outline: none; border: none; padding-left: 10px; font-family: "overpassbold"; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC") !important; background-repeat: no-repeat; background-position: 94% center; background-size: 10px auto; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-guardar { height: 35px; background: #f2f2f2; border-bottom: 4px solid #f2f2f2; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-guardar .boton { height: 25px; padding: 5px; font-size: 0.7rem; } .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle, .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-guardar { display: block; } .productos-convenios > .card-body .content > section .columna-producto .deducibles { background: white; flex: 0 0 280px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: column; -moz-flex-direction: column; justify-content: space-between; align-items: center; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section { padding: 3px; flex: 1 1 15%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; position: relative; border-top: 2px solid #f2f2f2; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota { font-size: 1rem; flex: 0 0 85%; padding: 2px 0 2px 20px; margin: 0; text-align: left; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota p { margin: 0; padding: 0; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota p span { margin-left: 10px; font-weight: bold; font-size: 1.2rem; color: #595b5a; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota p span::before { content: '$'; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota p small { color: #aeb2af; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .bruto { font-size: 0.7rem; flex: 0 0 85%; padding: 2px 0 2px 20px; margin: 0; text-align: left; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .bruto p { margin: 0; padding: 0; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .bruto p span { margin-left: 10px; color: #aeb2af; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section .bruto p small { color: #aeb2af; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section > a { cursor: pointer; display: block; position: absolute; right: 3px; top: 5%; height: 90%; width: 30px; background-color: #bfc1c0; background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); background-repeat: no-repeat; background-position: center center; opacity: 0.2; transition: all 0.2s ease-out; } .productos-convenios > .card-body .content > section .columna-producto .deducibles section > a:hover { background-color: #f3f3f3; opacity: 0.6; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo { flex: 0 0 105px; background: #a6a7a7; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: row; -moz-flex-direction: row; justify-content: space-between; align-items: center; padding-top: 3px; box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1); z-index: 10; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section { flex: 1 0 47%; height: 44px; padding-left: 0; border: none; margin: 1%; background: #e5e5e5; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota { margin: 0; padding: 0 0 0 10px; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota p { margin: 0; padding: 0; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota p::before { content: attr(data-active); font-size: 0.6rem; font-weight: bold; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota p span { font-size: 0.9rem; margin: 0; padding: 0; display: block; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota p small { display: none; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .bruto { display: none; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section > a { background-color: white; opacity: 1; } .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section > a:hover { background-color: white; opacity: 0.6; } .productos-convenios > .card-body .content > section .columna-producto.destacado { background-color: #006fb9; } .productos-convenios > .card-body .content > section .columna-producto.destacado .top { color: #6dc4ff; } .productos-convenios > .card-body .content > section .columna-producto.destacado .title h1 { color: white; } .productos-convenios > .card-body .content > section .columna-producto.destacado .features p { color: #6dc4ff; } .productos-convenios > .card-body .content > section .columna-producto.destacado .coberturas > a { background-color: #007ed3; color: #a0d9ff; background-image: url('_lite_cambiar_white.524ca33416237464b341.svg'); } .productos-convenios > .card-body .content > section .columna-producto.destacado .coberturas > a:hover { background-color: #0075c3; } .productos-convenios > .card-body .content > section .columna-producto.destacado .coberturas.activo > a { background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); } .productos-convenios > .card-body .content > section .columna-producto.destacado .deducibles { background: #006fb9; padding-bottom: 5px; } .productos-convenios > .card-body .content > section .columna-producto.destacado .deducibles section { background: white; } .productos-convenios > .card-body .content > section .columna-producto.destacado .deducibles .cuota span { color: #006fb9; } .productos-convenios > .card-body .content > section .modulo-producto { height: 205px; cursor: pointer; text-align: left; position: relative; transition: all 0.2s linear; box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1); border-radius: 8px; } @media only screen and (min-width: 1201px) { .productos-convenios > .card-body .content > section .modulo-producto { flex: 0 1 23%; margin: 1%; } } @media only screen and (max-width: 1290px) { .productos-convenios > .card-body .content > section .modulo-producto { flex: 0 1 31.2%; margin: 1%; } } @media only screen and (max-width: 1145px) { .productos-convenios > .card-body .content > section .modulo-producto { flex: 1 1 45%; margin: 1%; } } .productos-convenios > .card-body .content > section .modulo-producto:hover { box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.4); } .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header { background-color: #00953a; } .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header > h1, .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header > p { color: white; } .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header .dropdown { border-left: 2px solid #006226; } .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header .dropdown > a i { filter: grayscale(100%) brightness(120%); -webkit-filter: grayscale(100%) brightness(120%); } .productos-convenios > .card-body .content > section .modulo-producto a.full { position: absolute; display: block; height: 100%; width: calc(100% - 30px); z-index: 100; } .productos-convenios > .card-body .content > section .modulo-producto .card-header { border-radius: 8px 8px 0 0; padding: 5px 10px; position: relative; background-color: #f2f2f2; height: 75px; transition: all 0.2s linear; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .productos-convenios > .card-body .content > section .modulo-producto .card-header > h1 { font-size: 1rem; line-height: 95%; font-family: "overpassbold"; padding: 0 25px 0 0; margin: 0; flex-basis: 100%; } .productos-convenios > .card-body .content > section .modulo-producto .card-header > p { font-size: 0.8rem; text-transform: none; font-family: "overpassregular"; padding: 0; margin: 0; flex-basis: 100%; } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown { transition: border-left 0.2s linear; position: absolute; top: 10%; right: 0; height: 100%; width: 30px; height: 80%; border-left: 2px solid #d9d9d9; } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown .dropdown-menu { box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.4); border: none; } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown .dropdown-menu .dropdown-header { font-size: 0.7rem; } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown .dropdown-menu .dropdown-item { text-transform: none; font-family: "overpassregular"; font-size: 1.1rem; } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown .dropdown-menu .dropdown-item:hover { background-color: #00953a; color: white; } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown > a { display: block; width: 100%; height: 100%; position: absolute; } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown > a:hover i { opacity: 0.5; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown > a > i { opacity: 1; height: 100%; width: 100%; margin: 0; padding: 0; filter: grayscale(100%) brightness(70%); -webkit-filter: grayscale(100%) brightness(70%); } .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown > a::after { display: none; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer { border-radius: 0 0 8px 8px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; align-content: space-between; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; height: 120px; padding: 5px 10px; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer article { width: 100%; display: block; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer article p { display: block; text-align: left; width: 100%; padding: 0; margin: 0; font-family: "Arial", sans-serif; font-size: 0.7rem; line-height: 130%; color: #aeb2af; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h3 { text-transform: uppercase; font-size: 1.6rem; width: 100%; position: relative; border-bottom: 5px solid #f2f2f2; margin: 0 0 25px 0; padding: 0; font-family: "overpassbold"; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h3 span { position: absolute; right: 0%; top: 0; font-size: 0.8rem; width: 50%; text-align: right; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h2 { text-transform: uppercase; font-size: 1.6rem; border: none; color: #ef3742; font-family: "overpassbold"; width: 100%; position: relative; padding: 0; margin: 0; position: relative; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h2 span { width: 50%; position: absolute; right: 0%; top: 0; margin: 0 2px; font-size: 0.8rem; text-align: right; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h2 + h3 { margin: 0; border-bottom: none; border-top: 5px solid #f2f2f2; padding-top: 5px; font-size: 1rem; font-weight: 400; } .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h2 + h3 span { font-size: 0.8rem; } .productos-convenios > .card-footer { box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1); } .productos-convenios > .card-footer.pasos { position: relative; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .dragdrop { padding: 0; width: 98%; margin: 0 auto 0; } .dragdrop > div { padding: 0; } .dragdrop small { font-family: "overpassregular"; color: #595b5a; margin-top: 10px; margin-left: 18px; display: block; padding: 0 0 0 43px; width: 100%; position: relative; height: 22px; opacity: 0.8; } .dragdrop small::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC") !important; background-repeat: no-repeat; background-position: center center; background-size: auto 15px; display: inline-block; content: ''; width: 22px; opacity: 0.3; height: 22px; position: absolute; top: -1px; left: 2px; } .dragdrop ol { display: block; width: 100%; position: relative; margin: 10px 0; list-style: none; counter-reset: li; padding: 0 0 0 18px; } .dragdrop ol li.placeholder { background-color: #006fb9; z-index: 1000; border-radius: 2px; height: 2px; list-style: none; counter-increment: 0; } .dragdrop ol li.placeholder::before { display: none; } .dragdrop ol li.dragged { z-index: 1001; position: absolute; counter-increment: 0; } .dragdrop ol li.dragged .checkbox-simple { opacity: 0.5; } .dragdrop ol li.dragged::before { background-color: #006fb9; display: none; } .dragdrop ol li { width: 100%; margin-bottom: 10px; counter-increment: li; position: relative; } .dragdrop ol li::before { content: counter(li); display: inline-block; height: 25px; width: 25px; background-color: #595b5a; color: white; text-align: center; border-radius: 100%; font-size: 1rem; vertical-align: middle; position: absolute; left: 0; top: 6px; } .dragdrop ol li .checkbox-simple { width: 100%; padding-left: 0px; } .dragdrop ol li .checkbox-simple:focus { background-color: red; } .dragdrop ol li .checkbox-simple input:checked + label { color: #595b5a; } .dragdrop ol li .checkbox-simple label { margin-left: 8%; pointer-events: auto; color: #d5d7d6; } .dragdrop ol li .checkbox-simple label span { font-size: 1.0rem; line-height: 120%; } .lista-switch { width: 100%; box-shadow: none !important; min-height: 0; } .lista-switch.clear ul li { background: none; border-radius: 0px; border-bottom: 1px solid rgba(174, 178, 175, 0.2); padding-bottom: 5px; margin-bottom: 10px; justify-content: space-between; align-items: flex-start; } .lista-switch.largo ul li { padding-left: 3px; } .lista-switch.largo ul li .switch { flex: 0 1 100px; } .lista-switch h4 { color: #006fb9; } .lista-switch ul { margin: 0; padding: 0; } .lista-switch ul li { margin: 0 0 8px 0; padding: 0 15px 0 15px; background: white; border-radius: 10px; list-style: none; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; flex-direction: row-reverse; -moz-flex-direction: row-reverse; } .lista-switch ul li span { font-family: "overpassregular"; font-size: 0.8rem; color: #595b5a; flex: 1 1 45%; } .lista-switch ul li .switch { flex: 1 1 50%; min-width: 0px; } .convenios-editables { width: 100%; padding: 0; } .convenios-editables .checkbox label::after { left: -105%; text-align: right; width: 70px; padding: 0; top: 2px; } .convenios-editables > .card-body { margin: 0; padding: 0; } .convenios-editables .card-footer { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; } .convenios-editables .card-footer .boton { max-width: 300px; } .caracteristicas { box-shadow: none !important; width: 100%; } .caracteristicas .card-body { background: none; padding: 0px 10px 0px 10px; } .caracteristicas .card-body h4 { margin-top: 10px; margin-bottom: 20px; font-size: 0.8rem; font-weight: 700; text-align: center; } .caracteristicas .card-body .datos { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; font-family: "overpassregular"; padding: 8px; border-top: 5px solid #00953a; margin-bottom: 10px; } .caracteristicas .card-body .datos .valor { flex: 2 0 50%; font-size: 2rem; color: #00953a; } .caracteristicas .card-body .datos .valor u { text-decoration: none; font-size: 1rem; color: #aeb2af; } .caracteristicas .card-body .datos .valor u::after { content: ' · '; } .caracteristicas .card-body .datos .uf { flex: 1 0 50%; font-size: 1.5rem; color: #00953a; text-align: right; } .caracteristicas .card-body .datos .uf u { text-decoration: none; font-size: 0.9rem; color: #aeb2af; } .caracteristicas .card-body .datos .uf u::after { content: ' · '; } .caracteristicas .card-body .datos .cuota { flex: 2 0 50%; font-size: 0.9rem; } .ie .caracteristicas .card-body .datos .cuota { font-size: 0.8rem; } .caracteristicas .card-body .datos .cuota u { text-decoration: none; color: #aeb2af; } .caracteristicas .card-body .datos .cuota u::after { content: ' · '; } .caracteristicas .card-body .datos .vigencia { flex: 1 0 50%; font-size: 0.9rem; text-align: right; } .ie .caracteristicas .card-body .datos .vigencia { font-size: 0.8rem; } .caracteristicas .card-body .datos .vigencia u { text-decoration: none; color: #aeb2af; } .caracteristicas .card-body .datos .vigencia u::after { content: ' · '; } .caracteristicas .card-body .propiedades { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 5px 0 0 0; } .caracteristicas .card-body .propiedades .propiedad { display: block; height: auto; flex: 1 1 30%; text-align: center; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .caracteristicas .card-body .propiedades .propiedad figure { display: inline-block; margin: 0; padding: 0; background-color: #006fb9; width: 80px; height: 80px; border-radius: 50%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .ie .caracteristicas .card-body .propiedades .propiedad figure { background-color: #f2f2f2; } @media only screen and (max-width: 800px) { .caracteristicas .card-body .propiedades .propiedad figure { width: 50px; height: 50px; } } .caracteristicas .card-body .propiedades .propiedad figure img { filter: brightness(600%); -webkit-filter: brightness(600%); width: 71%; height: auto; } .caracteristicas .card-body .propiedades .propiedad p { height: 30px; padding: 4px; text-transform: uppercase; font-size: 0.7rem; width: 80%; border-radius: 10px; display: inline-block; } @media only screen and (max-width: 800px) { .caracteristicas .card-body .propiedades .propiedad p { font-size: 0.55rem; width: 90%; } } .modulo-estadisticas { position: relative; margin-bottom: 150px; } .modulo-estadisticas .card-footer.flotante { background: none; } .modulo-estadisticas .card-footer.flotante .modulo-pendientes { flex: 48%; background: #333434; border-radius: 3px; margin: 1%; text-align: left; padding: 5px 5px 5px 15px; position: relative; } .modulo-estadisticas .card-footer.flotante .modulo-pendientes .barra { border-radius: 3px 0 0 3px; position: absolute; top: 0; left: 0; width: 6px; height: 100%; } .modulo-estadisticas .card-footer.flotante .modulo-pendientes .barra.positivo { background-color: #00953a; } .modulo-estadisticas .card-footer.flotante .modulo-pendientes .barra.negativo { background-color: #ef3742; } .modulo-estadisticas .card-footer.flotante .modulo-pendientes h4 { color: white; font-size: 2.3rem; } .modulo-estadisticas .card-footer.flotante .modulo-pendientes h5 { color: white; font-size: 0.9rem; } .login-especial .card-body { padding-top: 30px; } .login-especial .nav-pills { position: absolute; bottom: -20px; left: 17px; } .login-especial .nav-pills ~ h1 { margin-bottom: 30px; } .login-especial .boton#login-boton { width: 160px; } @media only screen and (max-width: 576px) { .login-especial .boton#login-boton { width: 110px; } } .login-especial .boton.nav-link { background-color: #fafafa; width: 140px; text-align: left; position: relative; border-radius: 2px; box-shadow: 0px -2px 9px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px -2px 9px 0px rgba(0, 0, 0, 0.2); transition: all 0.2s linear; } .login-especial .boton.nav-link i { position: absolute; right: 1%; top: 0; height: 100%; width: 25%; background-position: center center; background-image: url('_lite_checkoff.1a403015b0a41edfeda5.svg'); } .login-especial .boton.nav-link:hover, .login-especial .boton.nav-link:active, .login-especial .boton.nav-link:focus { color: #595b5a; } .login-especial .boton.nav-link.active { background: white; color: #006fb9; font-family: "overpasssemibold"; } .login-especial .boton.nav-link.active i { background-image: url('_lite_check.3f698a8bf92eb74c3980.svg'); filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1; } @media only screen and (max-width: 576px) { .login-especial .boton.nav-link { width: 110px; font-size: 0.7rem; } } .archivo-imagen { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; background: #d9d9d9; border-radius: 5px; padding: 10px; min-height: 80px; max-height: 220px; position: relative; overflow: hidden; margin-bottom: 30px; } .archivo-imagen::before { content: attr(data-title); font-family: "overpassbold"; color: #f2f2f2; text-transform: uppercase; font-size: 2rem; z-index: 1; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .archivo-imagen a.borrar-imagen { position: absolute; right: 10px; bottom: 10px; height: 25px; font-family: "overpasssemibold"; color: #f2f2f2; font-size: 0.8rem; color: white; z-index: 10; border-radius: 4px; line-height: 25px; padding: 0 10px; background: #595b5a; text-transform: uppercase; cursor: pointer; display: none; } .archivo-imagen a.borrar-imagen:hover { background: #404141; color: white; } .archivo-imagen img { display: inline-block; z-index: 2; height: auto; width: 80%; } .archivo-imagen img + a.borrar-imagen { display: block; } .listaProductos { margin: 0; padding: 0; } .listaProductos > header { padding: 4px 13px; background-color: #e4e4e4; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .listaProductos > header h3 { margin: 0; color: #006fb9; font-family: "overpasssemibold"; font-size: 0.9rem; flex: 1 1 40%; -moz-flex: 1 1 40%; flex: 1 1 40%; -webkit-flex: 1 1 40%; -moz-flex: 1 1 40%; -ms-flex: 1 1 40%; } .listaProductos > header .formularios { flex: 1 1 20%; -moz-flex: 1 1 20%; flex: 1 1 20%; -webkit-flex: 1 1 20%; -moz-flex: 1 1 20%; -ms-flex: 1 1 20%; margin: 0 3px; padding: 0; } .listaProductos > header .boton { flex: 1 1 10%; -moz-flex: 1 1 10%; flex: 1 1 10%; -webkit-flex: 1 1 10%; -moz-flex: 1 1 10%; -ms-flex: 1 1 10%; } .listaProductos .productos { padding: 10px; width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; background-color: #ededed; height: 330px; box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2); overflow-x: hidden; overflow-y: auto; } .listaProductos .productos .modulo { height: 195px; position: relative; background: none !important; flex: 0 0 30%; -moz-flex: 0 0 30%; flex: 0 0 30%; -webkit-flex: 0 0 30%; -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; margin: 0px 5px 20px; } .listaProductos .productos .modulo.active .adelante { z-index: 0; opacity: 0; transform: rotateY(180deg) translateZ(-10px); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); } .listaProductos .productos .modulo.active .atras { z-index: 1; opacity: 1; transform: rotateY(0deg) translateZ(10px); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.3); } .listaProductos .productos .modulo .adelante { z-index: 1; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; background: white; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s linear; } .listaProductos .productos .modulo .adelante h1, .listaProductos .productos .modulo .adelante h2 { font-size: 1rem; border: none; text-align: center; width: 100%; padding: 0px; } .listaProductos .productos .modulo .adelante .header { text-align: center; height: 60px; width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .listaProductos .productos .modulo .adelante .header h1 { font-family: "overpasslight"; color: #006fb9; margin: 0; padding: 0 5px; font-size: 0.8rem; } .listaProductos .productos .modulo .adelante .header h1 strong { display: block; font-family: "overpassbold"; } .listaProductos .productos .modulo .adelante .body { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; height: 90px; background-color: #006fb9; } .listaProductos .productos .modulo .adelante .body h2 { color: white; font-family: "overpasslight"; font-size: 1.7rem; font-style: normal; margin-bottom: 0px; } .listaProductos .productos .modulo .adelante .body h5 { width: 100%; color: white; font-style: normal; font-size: 0.7rem; text-align: center; margin: 0 0 10px 0; padding: 0; } .listaProductos .productos .modulo .adelante .body a { color: rgba(255, 255, 255, 0.6); font-size: 0.7rem; text-decoration: underline; cursor: pointer; } .listaProductos .productos .modulo .adelante .footer { text-align: center; padding: 6px 0; } .listaProductos .productos .modulo .atras { cursor: pointer; background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-position: center bottom; background-size: 35px auto; background-repeat: no-repeat; z-index: 0; border-radius: 5px; transform: rotateY(180deg) translateX(-10px); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); background-color: #006fb9; transition: all 0.3s linear; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .listaProductos .productos .modulo .atras h1, .listaProductos .productos .modulo .atras p { color: white; } .listaProductos .productos .modulo .atras p { text-align: center; font-family: "overpasslight"; font-size: 0.7rem; line-height: 1.1; } .listaProductos .productos .modulo .atras h1 { font-weight: 300; margin: 0 0 10px 0; padding: 0 5px; font-size: 0.7rem; } .listaProductos .productos .modulo .atras h1 strong { display: block; font-family: "overpassbold"; } .barrauf { background-color: #e5e5e5; width: 225px; margin: 0px; padding: 1px; border-radius: 20px; position: absolute; right: 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .barrauf span { font-size: 0.9rem; padding: 3px; color: #909090; text-align: center; flex: 1; } .barrauf .negro23 { text-align: center; flex: 1; color: #595b5a !important; font-family: "overpassbold"; } .corredorIcono { border-radius: 10px 10px 2px 10px; text-align: center; line-height: 20px; background-color: #ffd700; width: 20px; display: inline-block; height: 20px; margin-right: 5px; font-size: 0.7rem; font-family: "overpassbold"; } .corredorIcono.iconoP { border-radius: 10px 10px 10px 10px; color: white; text-indent: 0px !important; } .corredorIcono.iconoP.puntoazul { background-color: #006fb9 !important; } .corredorIcono.iconoP.puntoverde { background-color: #00953a; } .corredorIcono.iconoP.puntoceleste { background-color: #0071ce; } .corredorIcono.botonbarra { background-color: #00953a; display: inline-block; width: 110px !important; height: 24px !important; border-radius: 4px 4px 4px 4px !important; line-height: 27px !important; font-size: 0.7rem; font-family: "overpassbold"; color: #fff; cursor: pointer; } .barracotizaEstado { margin: 10px 0 0; padding: 0; display: block; position: relative; height: 30px; } .barracotizaEstado ul { width: 100%; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; background: #006fb9; z-index: 0; } .barracotizaEstado ul.bg-grisclaro { background-color: #aeb2af; } .barracotizaEstado ul.bg-gris { background-color: #595b5a; } .barracotizaEstado ul.bg-verde { background-color: #00953a; } .barracotizaEstado ul.bg-amarillo { background-color: #ffd700; } .barracotizaEstado ul.bg-rojo { background-color: #ef3742; } .barracotizaEstado ul.bg-morado { background-color: #9c67d2; } .barracotizaEstado ul.bg-mostaza { background-color: #d7b401; } .barracotizaEstado ul.bg-verdeClaroOscuro { background-color: #028b38; } .barracotizaEstado ul.bg-verdeOscuro { background-color: #02742f; } .barracotizaEstado ul li { z-index: 10; list-style: none; } .barracotizaEstado ul li a { text-decoration: none; padding: 0 12px; height: 30px; min-width: 30px; line-height: 34px; font-family: "overpassbold"; font-size: 0.8rem; text-align: center; display: block; border-radius: 15px; color: white !important; } .barracotizaEstado ul li .gris { color: rgba(255, 255, 255, 0.4) !important; } .barracotizaEstado ul li .grisoscuro { color: #484848 !important; } .info-toggle { display: none; } .info-toggle.active { width: 100%; display: block; } .info-toggle.active input[type="text"], .info-toggle.active textarea, .info-toggle.active select { background-color: #f2f2f2 !important; } .info-toggle.active > .interactive { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; } .contenido-calendario { flex: 1; margin-left: 10px; } .contenido-calendario header .titulares { flex: 1 1 30% !important; margin: 0; } .contenido-calendario header .boton { flex: 0 0 180px; } .contenido-calendario .pestanas ul li { border-top: none !important; height: 36px !important; line-height: 36px !important; position: relative; padding-right: 32px !important; } .contenido-calendario .pestanas ul li span.notificacion { height: 18px; width: 18px; border-radius: 9px; display: inline-block; position: absolute; top: 9px; right: 6px; color: white; font-family: "overpassregular"; font-size: 0.7rem; text-align: center; line-height: 18px; } .win .contenido-calendario .pestanas ul li span.notificacion { line-height: 20px; } .contenido-calendario .pestanas ul li span.notificacion.celeste { background-color: #0071ce; } .contenido-calendario .pestanas ul li span.notificacion.rosado { background-color: #f25774; } .contenido-calendario .pestanas ul li span.notificacion.morado { background-color: #9c67d2; } .contenido-calendario .pestanas ul li span.notificacion.mostaza { background-color: #d7b401; } .contenido-calendario .pestanas ul li span.notificacion.azul { background-color: #006fb9; } .contenido-calendario .pestanas ul li span.notificacion.rojo { background-color: #ef3742; } .contenido-calendario .pestanas ul li span.notificacion.verde { background-color: #00953a; } .contenido-calendario .pestanas ul li span.notificacion.gris { background-color: #595b5a; } .modal-calendario { flex: 0 0 360px; display: block; height: 86%; margin-right: 5px; justify-content: center; align-items: flex-start; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; overflow: auto; background-color: white; /* Track */ /* Handle */ /* Handle on hover */ } .modal-calendario::-webkit-scrollbar { width: 12px !important; } .modal-calendario::-webkit-scrollbar-track { box-shadow: inset 0 0 1px #888888 !important; border-radius: 22px !important; } .modal-calendario::-webkit-scrollbar-thumb { background: #9c67d2 !important; border-radius: 22px !important; } .modal-calendario::-webkit-scrollbar-thumb:hover { background: #ef3742 !important; } .modal-calendario .calendario-actual { width: 100%; height: 65%; max-height: 400px; background: white; align-items: center; flex: 1 1 auto; padding: 3%; position: relative; } .modal-calendario .calendario-pasado { width: 100%; height: 65%; max-height: 400px; background: whitesmoke; align-items: center; flex: 1 1 auto; padding: 3%; } .w70 { max-width: 1290px; width: 70% !important; display: block; } .cabecezaEspecial { min-height: 0px !important; } .cabecezaEspecial h2 { color: #9c67d2; border-left: 0px; } .cabeceza { min-height: 0px !important; } .cabeceza h2 { border-left: 0px; } .cabeceza.celeste h2 { color: #0071ce; } .cabeceza.rosado h2 { color: #f25774; } .cabeceza.morado h2 { color: #9c67d2; } .cabeceza.mostaza h2 { color: #d7b401; } .cabeceza.azul h2 { color: #006fb9; } .cabeceza.rojo h2 { color: #ef3742; } .cabeceza.verde h2 { color: #00953a; } .cabeceza.gris h2 { color: #595b5a; } .modal-calendario .datepicker-days .table-condensed thead tr .prev { visibility: hidden !important; } .modal-calendario .datepicker-days .table-condensed thead tr .next { visibility: hidden !important; } .modal-calendario .datepicker-days .table-condensed thead tr th { cursor: default; pointer-events: none; } .modal-calendario .datepicker-days .table-condensed thead tr th:hover { background-color: rgba(255, 255, 255, 0); } .modal-calendario .datepicker table tr td { border-radius: 25% !important; color: #9c67d2; padding: 0.9rem !important; line-height: 1 !important; } .modal-calendario .datepicker table tr th { border-radius: 25% !important; color: #9c67d2; padding: 0.9rem !important; line-height: 1 !important; } .modal-calendario .datepicker table tr td.old { opacity: 0.2; pointer-events: none; } .modal-calendario .datepicker table tr td.new { opacity: 0.2; pointer-events: none; } .modal-calendario .datepicker table tr td.today { color: white; background-color: #f25774 !important; border-radius: 25%; } .modal-calendario .datepicker table tr td.active:active { background-color: #9c67d2 !important; } .modal-calendario .datepicker table tr td.active.highlighted:active { background-color: #9c67d2 !important; } .modal-calendario .datepicker table tr td.active.active { background-color: #9c67d2 !important; } .modal-calendario .datepicker table tr td.active.highlighted.active { background-color: #9c67d2 !important; } .modal-calendario .datepicker table tr td.event { position: relative; } .modal-calendario .datepicker table tr td.event .event-flag { position: absolute; top: 5px; left: 10%; min-height: 4px; width: 80%; display: block; justify-content: center; align-items: center; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .modal-calendario .datepicker table tr td.event .event-flag .dot { width: 4px; height: 4px; border-radius: 2px; display: block; margin: 0 2px 2px 0; } .modal-calendario .datepicker table tr td.event .event-flag .dot:last-child { margin: 0 0 2px 0; } .modal-calendario .datepicker table tr td.event .event-flag .dot.celeste { background-color: #0071ce; } .modal-calendario .datepicker table tr td.event .event-flag .dot.rosado { background-color: #f25774; } .modal-calendario .datepicker table tr td.event .event-flag .dot.morado { background-color: #9c67d2; } .modal-calendario .datepicker table tr td.event .event-flag .dot.mostaza { background-color: #d7b401; } .modal-calendario .datepicker table tr td.event .event-flag .dot.azul { background-color: #006fb9; } .modal-calendario .datepicker table tr td.event .event-flag .dot.rojo { background-color: #ef3742; } .modal-calendario .datepicker table tr td.event .event-flag .dot.verde { background-color: #00953a; } .modal-calendario .datepicker table tr td.event .event-flag .dot.gris { background-color: #595b5a; } .modal-calendario .datepicker table tr td.event.active .dot.celeste, .modal-calendario .datepicker table tr td.event.active .dot.rosado, .modal-calendario .datepicker table tr td.event.active .dot.morado, .modal-calendario .datepicker table tr td.event.active .dot.mostaza, .modal-calendario .datepicker table tr td.event.active .dot.azul, .modal-calendario .datepicker table tr td.event.active .dot.rojo, .modal-calendario .datepicker table tr td.event.active .dot.verde, .modal-calendario .datepicker table tr td.event.active .dot.gris, .modal-calendario .datepicker table tr td.event.today .dot.celeste, .modal-calendario .datepicker table tr td.event.today .dot.rosado, .modal-calendario .datepicker table tr td.event.today .dot.morado, .modal-calendario .datepicker table tr td.event.today .dot.mostaza, .modal-calendario .datepicker table tr td.event.today .dot.azul, .modal-calendario .datepicker table tr td.event.today .dot.rojo, .modal-calendario .datepicker table tr td.event.today .dot.verde, .modal-calendario .datepicker table tr td.event.today .dot.gris { background-color: white; } .modal-calendario .datepicker table tr td.event.new .event-flag, .modal-calendario .datepicker table tr td.event.old .event-flag { display: none; } .modal-calendario .open > .dropdown-toggle.datepicker table tr td.active { background-color: #9c67d2 !important; } .modal-calendario .open > .dropdown-toggle.datepicker table tr td.active.highlighted { background-color: #9c67d2 !important; } .modal-calendario .datepicker { width: 100% !important; max-width: 100% !important; } .modal-calendario .datepicker .datepicker-days { width: 100%; } .modal-calendario .datepicker .datepicker-days .table-condensed { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .modal-calendario .datepicker .datepicker-days .table-condensed tbody { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .modal-calendario .datepicker .datepicker-days .table-condensed tbody tr { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .modal-calendario .datepicker .datepicker-days .table-condensed tbody tr td { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; border-radius: 14px; box-sizing: border-box; padding: 0px !important; height: 48px !important; width: 48px !important; max-width: 48px !important; min-width: 48px !important; max-height: 48px !important; min-height: 48px !important; } .error-page { width: 100%; display: block; height: 100%; color: white; margin-right: 10px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; } .error-page .error-page-content { margin-top: 4%; width: 48%; margin-right: 10px; text-align: center; } .error-page .error-page-content h1 { font-size: 3.5rem; color: #595b5a; font-weight: 1000; line-height: 1.0 !important; } .error-page .error-page-content h3 { font-size: 2.3rem; color: #595b5a; font-weight: 1000; line-height: 1.0 !important; } .error-page .error-page-content h4 { font-size: 1rem; color: #595b5a !important; font-weight: 500; } .error-page .error-page-content h4 a { color: #595b5a !important; } .error-page .error-page-content h4 a :link { color: #595b5a !important; } .error-page .error-page-content h4 a :hover { text-decoration: underline; color: #595b5a !important; } #listadoUsuario table tr.cumple td { color: #9c67d2 !important; } #listadoUsuario table tr td.cumple:first-child, #listadoUsuario table tr th.cumple:first-child { text-align: left !important; background-color: #9c67d2; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px !important; height: 20px !important; width: 20px !important; max-width: 24px !important; min-width: 24px !important; max-height: 37px !important; min-height: 37px !important; color: #9c67d2; } #listadoUsuario table tr td.cumple i, #listadoUsuario table tr th.cumple i { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px !important; height: 20px !important; width: 20px !important; max-width: 24px !important; min-width: 24px !important; max-height: 37px !important; min-height: 37px !important; color: #9c67d2; } .bci-icon { display: inline-block; margin: 0 0 0 0; width: 22px; background: center center no-repeat; background-size: 100% auto; height: 22px; opacity: 1 !important; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .bci-icon.cumpleano { background-image: url('icono-cumpleano.9901aaedee1be87c566c.svg'); background-size: 60% auto !important; } h2 { font-size: 1.1rem; padding: 0 3px; margin: 3px 0px 6px 5px; display: block; color: #00953a; font-style: normal; font-family: "overpassregular"; border-left: 3px solid #00953a; padding-left: 9px; } h2.solorojo { color: #ef3742; border-left: 0px solid; } .modal.fijo { position: relative; top: 0px; right: 0; bottom: 0; left: 0; z-index: 0 !important; display: none; overflow: hidden; outline: 0; } .card .card-header.card-modal { text-transform: none !important; } .card .card-header.card-modal h3 strong { font-family: "overpassbold"; } .bci-icon.dedoIcono { background-image: url('dedoIcono.963d13461b3927934624.svg'); background-size: 100% auto !important; } .bci-icon.menuIcono { background-image: url('menuIcono.f72826a55975d13a222b.svg'); background-size: 100% auto !important; } .bci-icon.llamadaIcono { background-image: url('llamadaIcono.36f9010d5a4969024c00.svg'); background-size: 100% auto !important; } .card-body h4.bg-azul { color: #006fb9; } .pindicator { display: flex; margin: 2rem auto 0; width: 16rem; } .pindicator .bullet { flex: 1; position: relative; text-align: center; } .pindicator .bullet .icon { background-color: lightgray; border-radius: 100%; color: transparent; cursor: pointer; font-size: 1.5rem; display: inline-block; height: 1em; line-height: 2; text-align: center; width: 1em; } .pindicator .bullet .past .icon { background-color: #006fb9; } .pindicator .bullet .past::after { opacity: 1; } .pindicator .bullet .past .text { color: black; } .pindicator .bullet .current .icon { background-color: #006fb9; } .pindicator .bullet .current::after { opacity: 1; } .pindicator .bullet .current .text { color: black; } .formularios.datepicks.minioculto::after { content: ' '; background-image: none !important; } .pdf-conteiner { display: flex; } .pdf-conteiner iframe { justify-content: center !important; } .barraseparadora { background-color: #eaeaea; width: 4px; height: 63px; border-radius: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: 10px; margin-left: 0px; } .totalestabla { color: #006fb9; text-align: right; } .tablas .tablaDatos table tbody tr td span.corredorIcono2 { padding: 0; margin: 0 5px 0 0; width: 16px; height: 16px; line-height: 16px; text-indent: 2px; text-align: center; border-radius: 10px 10px 2px 10px; text-align: center; line-height: 20px; background-color: #006fb9 !important; width: 20px; display: inline-block; height: 20px; margin-right: 5px; font-size: .7rem; font-family: "overpassbold"; } .tablas .tablaDatos table tbody tr td span.corredorIcono2 { padding: 0; margin: 0 5px 0 0; width: 16px; height: 16px; line-height: 16px; text-indent: 2px; text-align: center; border-radius: 10px 10px 2px 10px; text-align: center; line-height: 20px; background-color: #fff; width: 20px; display: inline-block; height: 20px; margin-right: 5px; font-size: .7rem; font-family: "overpassbold"; } .resultados-datos .tablas .solo-icono .bci-icon.cerrar_2.normalTamano { background-size: 75% !important; } .item_modulo { height: 170px; flex: 1 0 22%; background-color: white; display: block; margin: 5px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; border-radius: 5px; } .item_modulo.especialElementoM { flex: 0 0 15%; } @media only screen and (max-width: 576px) { .item_modulo.especialElementoM { flex: 0 0 44%; } } .modulos { flex: 0 0 800px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; margin-left: 150px; } .modulos.especialCompleto { flex: 0 0 1470px; width: 100%; padding: 0 5% 0 5%; } .modulos.especialCompleto header figure img { height: 50%; width: auto; } .modulos.especialCompleto .sub-titulares h2 { color: #5a5a5a; font-family: "overpassbold"; } .modulos.especialCompleto .sub-titulares .formularios input::-moz-placeholder { text-align: right; padding: 18px; } .modulos.especialCompleto .sub-titulares .formularios input:-ms-input-placeholder { text-align: right; padding: 18px; } .modulos.especialCompleto .sub-titulares .formularios input::placeholder { text-align: right; padding: 18px; } .modulos.especialCompleto .sub-titulares .formularios input[type=text] { padding: 0px 0px 0px 69px; } .modulos.especialCompleto .sub-titulares .formularios span { color: #505050; bottom: 32px; position: relative; font-size: 1.5em; right: 20px; left: 4px; font-family: "overpassbold" !important; z-index: 1; } @media only screen and (max-width: 576px) { .modulos.especialCompleto { flex: 0 0 102%; justify-content: center; } } @media only screen and (max-width: 1145px) { .modulos { flex: 1 0 115%; } } @media only screen and (max-width: 576px) { .pack-modulos { padding: 100px 10px 10px 10px !important; } #agrupaciones .pack-modulos { padding: 30px 10px 10px 10px !important; } } .cabecera-seccion-interna { position: absolute; top: 48px; left: 0; width: 100%; height: 32px; display: block; text-align: left; } .cabecera-seccion-interna .flotante-cambio-seccion { position: absolute; top: 2px; right: 20px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; height: 38px; } .cabecera-seccion-interna .flotante-cambio-seccion li { color: rgba(255, 255, 255, 0.5); font-family: "overpasslight"; list-style: none; height: 30px; padding: 3px 10px; } .cabecera-seccion-interna .flotante-cambio-seccion li a { color: rgba(255, 255, 255, 0.5); } .cabecera-seccion-interna .flotante-cambio-seccion li a:hover { color: white; text-decoration: none; } .cabecera-seccion-interna .flotante-cambio-seccion li.activo { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); font-family: "overpassbold"; background-color: white; border-radius: 2px; margin: 0 5px; } .cabecera-seccion-interna .flotante-cambio-seccion li.activo a { color: #00953a; } .cabecera-seccion-interna .flotante-cambio-seccion li.activo a:hover { color: #595b5a; } .cabecera-seccion-interna h1 { font-family: "overpasslight"; text-transform: inherit; padding: 0 0 0 10px; margin: 0; line-height: 30px; text-align: left; color: white; font-size: 1.1rem; } .cabecera-seccion-interna h1 strong { font-family: "overpassbold"; } .cabecera-seccion-interna.bg-celeste { background-color: #0071ce; } .cabecera-seccion-interna.bg-amarillo { background-color: #ffd700; } .cabecera-seccion-interna.bg-amarillo h1 { color: #595b5a; } .cabecera-seccion-interna.bg-amarillo-volver { background-color: #ffd700; } .cabecera-seccion-interna.bg-amarillo-volver h1 { color: #595b5a; padding: 0 0 0 90px !important; } .cabecera-seccion-interna.bg-amarillo-volver span { background-color: #f1cb01; height: 32px; width: 85px; top: 0px; left: 0px; position: absolute; cursor: pointer; font-family: "overpassregular"; color: #ffff; padding: 3px; } .cabecera-seccion-interna.bg-verde { background-color: #00953a; } .cabecera-seccion-interna.bg-gris { background-color: #aeb2af; } .cabecera-seccion-interna.bg-rosado { background-color: #f25774; } .cabecera-seccion-interna.bg-morado { background-color: #9c67d2; } .cabecera-seccion-interna.bg-rojo { background-color: #ef3742; } .cabecera-seccion-interna.bg-azul { background-color: #006fb9; } .contenedorElementosSeguro { display: flex; flex-wrap: wrap; margin-right: -4%; margin-left: 12px; } /* * * * * Bootstrap 4 Component - Chosen * Version: 1.0.10 * Copyright (c) 2017-18 Martin Haubek * * * */ .chosen-select, .chosen-select-deselect { width: 100%; } .chosen-container { display: inline-block; position: relative; width: 100% !important; font-size: 1rem; text-align: left; vertical-align: middle; } .chosen-container .chosen-drop { background: #fff; border-radius: 3px; margin-top: -1px; position: absolute; top: 100%; left: -9000px; z-index: 1060; box-shadow: 1px 0px 15px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 0px 15px 2px rgba(0, 0, 0, 0.1); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; right: 0; } .chosen-container .chosen-results { margin: 0; position: relative; max-height: 10rem; padding: .5rem 0 0 0; color: #6c757d; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; line-height: 1.5; list-style: none; margin: 0; padding: .25rem .25rem .25rem 1.5rem; font-family: "overpassregular"; } .chosen-container .chosen-results li em { font-style: normal; color: #6c757d; } .chosen-container .chosen-results li.group-result { display: list-item; cursor: default; padding-left: .75rem; color: #adb5bd; font-weight: normal; text-transform: uppercase; } .chosen-container .chosen-results li.group-option { padding-left: 1.5rem; } .chosen-container .chosen-results li.active-result { cursor: pointer; display: list-item; } .chosen-container .chosen-results li.result-selected { color: #495057; } .chosen-container .chosen-results li.result-selected:before { display: inline-block; position: relative; top: .3rem; width: 1.25rem; height: 1.25rem; margin-left: -1.25rem; content: ""; background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-size: 1.25rem 1.25rem; background-position: center center; background-repeat: no-repeat; } .chosen-container .chosen-results li.highlighted { background-color: #006fb9; background-image: none; color: white; } .chosen-container .chosen-results li.highlighted:before { background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); } .chosen-container .chosen-results li.highlighted em { background: transparent; color: rgba(255, 255, 255, 0.8); } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ced4da; } .chosen-container .chosen-results .no-results { display: list-item; padding: .25rem 0 1rem 1.065rem; color: #dc3545; } .chosen-container .chosen-results-scroll { background: white; margin: 0 .25rem; position: absolute; text-align: center; width: 20rem; z-index: 1; } .chosen-container .chosen-results-scroll span { display: inline-block; height: 1.5; text-indent: -5000px; width: .5rem; } .chosen-container-single .chosen-single { background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; color: #6c757d; display: block; height: calc(2.25rem + 2px); overflow: hidden; line-height: calc(2.25rem + 2px); padding: 0 0 0 .75rem; position: relative; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-single abbr { display: inline-block; position: absolute; top: .45rem; right: 2.5rem; width: 1.5rem; height: 1.5rem; cursor: pointer; background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-size: 1.5rem 1.5rem; background-position: center center; background-repeat: no-repeat; } .chosen-container-single .chosen-single abbr:hover { background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); } .chosen-container-single .chosen-single span { display: block; margin-right: 1.5rem; text-overflow: ellipsis; } .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover { background-position: right 2px; } .chosen-container-single .chosen-single div { display: block; position: absolute; top: 0; right: 0; width: 2rem; height: 100%; padding-left: .5rem; background-color: #fff; } .chosen-container-single .chosen-single div:after { display: inline-block; position: relative; top: .25rem; left: -1rem; width: 2rem; height: 2rem; content: ""; background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-size: 2rem 2rem; background-position: center center; background-repeat: no-repeat; } .chosen-container-single .chosen-default { color: #adb5bd; } .chosen-container-single a:not([href]):not([tabindex]) { color: #6c757d !important; } .chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default) { color: #6c757d !important; } .chosen-container-single .chosen-search-input { display: none; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); border: none; } .chosen-container-single .chosen-search { margin: 0; padding: .5rem .5rem 0 .5rem; position: relative; white-space: nowrap; z-index: 1000; } .chosen-container-single .chosen-search:after { display: inline-block; position: relative; top: .365rem; left: -1.75rem; width: 1.25rem; height: 1.25rem; content: ""; background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-size: 2rem auto; background-position: center center; background-repeat: no-repeat; } .chosen-container-single .chosen-search input[type="text"] { background-color: #f8f9fa; border: 1px solid #ced4da; outline: none; border-radius: 0.25rem; padding: .25rem 1rem .25rem .5rem; width: 100%; box-shadow: none !important; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 0.25rem 0.25rem; background-clip: padding-box; } .chosen-container-single-nosearch .chosen-search { display: none; } .chosen-container-multi .chosen-choices { background-color: #fff; font-size: 0.9rem; outline: none; border: none; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); border-radius: 0.25rem; cursor: text; margin: 0; overflow: hidden; padding: 15px 0 0 0; position: relative; } .formulario-bloque .chosen-container-multi .chosen-choices { padding: 0 0 0 0; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices .search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices .search-field input[type="text"] { box-shadow: none !important; background: transparent !important; border: 0 !important; color: #6c757d; height: calc(2.25rem + 2px); margin: 0; padding: 0 0 0 0rem; outline: 0; width: 100% !important; } .chosen-container-multi .chosen-choices .search-field .default { color: #ced4da; } .chosen-container-multi .chosen-choices .search-choice { background-clip: padding-box; position: relative; margin: .35rem 0 0 .5rem; padding: .25rem 1.5rem .25rem .25rem; border: 1px solid #ced4da; background-color: #006fb9; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; cursor: default; font-size: 0.8rem; line-height: 100%; color: white; } .chosen-container-multi .chosen-choices .search-choice .search-choice-close { display: inline-block; position: absolute; top: .2rem; right: .125rem; width: 1rem; height: 1rem; cursor: pointer; background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-size: auto 100%; background-position: center center; background-repeat: no-repeat; } .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover { background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); } .chosen-container-multi .chosen-choices .search-choice-focus { background: #dee2e6; } .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close { background-position: right -11px; } .chosen-container-multi .chosen-drop .result-selected { display: none; } .chosen-container-active .chosen-single { transition: border linear 0ms, box-shadow linear 0ms; } @media screen and (prefers-reduced-motion: reduce) { .chosen-container-active .chosen-single { transition: none; } } .chosen-container-active.chosen-with-drop .chosen-single { background-color: #fff; border-bottom-right-radius: 0; border-bottom-left-radius: 0; transition: border linear 0ms, box-shadow linear 0ms; } @media screen and (prefers-reduced-motion: reduce) { .chosen-container-active.chosen-with-drop .chosen-single { transition: none; } } .chosen-container-active.chosen-with-drop .chosen-single div:after { display: inline-block; position: relative; top: .25rem; left: -1rem; width: 2rem; height: 2rem; content: ""; background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-size: 2rem 2rem; background-position: center center; background-repeat: no-repeat; } .chosen-container-active .chosen-choices { border-bottom-right-radius: 0; border-bottom-left-radius: 0; transition: border linear 0ms, box-shadow linear 0ms; } @media screen and (prefers-reduced-motion: reduce) { .chosen-container-active .chosen-choices { transition: none; } } .chosen-container-active .chosen-choices .search-field input[type="text"] { color: #595b5a !important; box-shadow: none !important; } .chosen-container-active.chosen-with-drop .chosen-choices { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .chosen-container-active.chosen-with-drop .chosen-search-input { display: inline-block; box-shadow: none !important; } .chosen-disabled { cursor: default; opacity: .5 !important; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-container-optgroup-clickable li.group-result { text-transform: none !important; } .chosen-container-optgroup-clickable li.group-result:hover { background-color: #007bff; color: white; cursor: pointer; } input[type="text"].chosen-focus-input { position: absolute; top: -9000px; width: 0; height: 0; margin: 0; padding: 0; background: transparent !important; border: 0 !important; outline: 0; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); } .input-group:nth-of-type(1) .chosen-container .chosen-choices { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(:nth-of-type(1)) .chosen-container .chosen-choices { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group:not(:nth-of-type(1)) .input-group-prepend .input-group-text { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .input-group .chosen-container { position: relative; flex: 1 1 auto; width: 1% !important; } .datepicker { padding: 4px; border-radius: 4px; direction: ltr; } .datepicker.dropdown-menu { font-size: .8rem !important; font-family: "overpassregular"; } @media only screen and (max-width: 576px) { .datepicker.dropdown-menu { width: 280px !important; } } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 576px) { .datepicker table { width: 100% !important; } } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: none; color: #595b5a; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #595b5a; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #595b5a; cursor: default; } .datepicker table tr td.highlighted { background: #006fb9; border-radius: 0; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #ffd700; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #006fb9; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #006fb9 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eee; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #ffd700; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #ffd700; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #ffd700 \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #006fb9; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #006fb9; color: white; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #595b5a \9; color: white; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006fb9; color: white; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #006fb9; color: white; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #006fb9 \9; color: white; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #595b5a; color: white; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #595b5a; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #00953a; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #006fb9; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #006fb9 \9; color: white; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #595b5a; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .next, .datepicker .prev { position: relative; color: white !important; } .datepicker .next::after, .datepicker .prev::after { position: absolute; top: 0; display: block; height: 20px; width: 30px; background-size: auto 90%; background-repeat: no-repeat; background-position: center center; content: ' '; } .datepicker .next::after { right: 0; background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); } .datepicker .prev::after { left: 0; background-image: url('_lite_back_arrow.374029c051a184c37053.svg'); } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } /* * DOM element rendering detection * https://davidwalsh.name/detect-node-insertion */ @keyframes chartjs-render-animation { from { opacity: 0.99; } to { opacity: 1; } } .chartjs-render-monitor { -webkit-animation: chartjs-render-animation 0.001s; animation: chartjs-render-animation 0.001s; } /* * DOM element resizing detection * https://github.com/marcj/css-element-queries */ .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink { position: absolute; direction: ltr; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1; } .chartjs-size-monitor-expand > div { position: absolute; width: 1000000px; height: 1000000px; left: 0; top: 0; } .chartjs-size-monitor-shrink > div { position: absolute; width: 200%; height: 200%; left: 0; top: 0; } .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: 210px; height: 20px; } .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-handle.triangle { border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .slider.slider-horizontal .slider-handle { margin-left: -10px; margin-top: -5px; } .slider.slider-vertical .slider-track { width: 10px; height: 100%; margin-left: -5px; left: 50%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-handle { margin-left: -5px; margin-top: -10px; } .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; } .slider input { display: none; } .slider .tooltip-inner { white-space: nowrap; } .slider-track { position: absolute; cursor: pointer; background-color: #f7f7f7; background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0 ); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .slider-selection { position: absolute; background-color: #f7f7f7; background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0 ); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; border-radius: 4px; } .slider-handle { position: absolute; width: 20px; height: 20px; background-color: #0e90d2; background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0 ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); opacity: 0.8; border: 0px solid transparent; } .slider-handle.round { border-radius: 20px; } .slider-handle.triangle { background: transparent none; } .chosen-container-single, .chosen-container { padding-top: 0px; height: auto; } .chosen-container-single a, .chosen-container a { border: none; line-height: 50px; } /*Acordeon*/ .accordion { background: none; } .accordion > .card { box-shadow: none !important; margin-bottom: 5px; width: 100%; max-width: 100%; min-height: 0px; min-width: 0px; } .accordion > .card > .collapse { border-bottom: 3px solid #d5d7d6; } .accordion > .card > .card-header { padding-left: 15px; padding-right: 20px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; background-color: white; margin-bottom: 5px; } .accordion > .card > .card-header > button { font-size: 1rem; background-position: left center; background-repeat: no-repeat; background-size: 30px auto; width: 80%; text-align: left; padding-left: 40px; flex: 1 1 70%; margin: 0; text-decoration: none; } .accordion > .card > .card-header > button:hover { text-decoration: none; } .accordion > .card > .card-header > button[aria-expanded="false"] { color: #aeb2af; background-image: url('_bold_down.a5d5c223f4a5bf96300d.svg'); } .accordion > .card > .card-header > button[aria-expanded="true"] { color: #006fb9; font-family: "overpassbold"; background-image: url('_bold_up.b90d191d028a5c9924c6.svg'); background-size: 20px auto; background-position: 5px center; } .accordion > .card > .card-header > .checkbox { flex: 1 1 25%; width: 20%; min-width: 0px; max-width: 80px; padding: 0; margin: 0; } .accordion > .card .collapsing, .accordion > .card .collapsed { background: white; } .accordion > .card .collapse.show { background: white; } .accordion > .card .collapsing .card-body, .accordion > .card .collapsed .card-body, .accordion > .card .collapse .card-body { padding: 7px; } /*FIX*/ .xl-1 { width: 100%; } @media only screen and (min-width: 1201px) { .xl-1 { width: 49%; } } @media only screen and (max-width: 1290px) { .xl-1 { width: 100%; } } .xl-2 { width: 48%; } @media only screen and (min-width: 1201px) { .xl-2 { width: 24%; } } @media only screen and (max-width: 1290px) { .xl-2 { width: 48%; } } @media only screen and (max-width: 576px) { .xl-2 { width: 100%; } } .xl-3 { width: 32%; } .xl-4 { width: 24%; } .xl-5 { width: 19%; } @media only screen and (max-width: 576px) { .xl-5 { width: 48%; } } .xl-6 { width: 15%; } @media only screen and (max-width: 1145px) { .xl-3, .xl-4, .xl-6 { width: 32%; } } @media only screen and (max-width: 800px) { .xl-3, .xl-4, .xl-6 { width: 24%; } } @media only screen and (max-width: 576px) { .xl-3, .xl-4, .xl-6 { width: 100%; } } /*LOADER*/ .loader-container { position: relative; height: 50px; width: 100%; display: block; background-color: rgba(0, 0, 0, 0.7); display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; z-index: 1000; } .loader-container.flotante { position: absolute; top: 0; left: 0; height: 100% !important; width: 100%; } .loader-container.full { position: fixed; top: 0; left: 0; height: 100% !important; width: 100%; z-index: 10000; } .loader-container.full .loader { width: 98%; max-width: 300px; height: 200px; } .loader-container.full .loader .mensaje { font-size: 2rem; padding: 10px 0; } .loader-container.full .loader .mensaje small { display: block; font-size: 1rem; } .loader-container.full .loader .mensaje.liviano { text-transform: capitalize; font-size: 1.2rem; } .loader-container.full .loader .mensaje.liviano small { margin: 2px 0; font-size: 1rem; } .loader-container.full .loader.carga svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .loader-container.full .loader.carga figcaption { height: 400px; width: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } .loader-container.full .loader.carga figcaption figure { height: 85%; width: 100%; display: block; position: relative; } .loader-container.full .loader.carga figcaption figure i.bci-icon { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -60%); height: 90px !important; width: 90px !important; } .loader-container.full .loader.carga figcaption h1 { font-size: 1rem; } .loader-container .loader { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; width: 80%; max-width: 200px; min-width: 100px; } .loader-container .loader .mensaje { text-align: center; color: white; width: 100%; } .loader-container.h100 { height: 100px; } .loader-container.h100 .mensaje { font-size: 0.6rem; } .loader-container.h110 { height: 110px; } .loader-container.h110 .mensaje { font-size: 0.65rem; } .loader-container.h120 { height: 120px; } .loader-container.h120 .mensaje { font-size: 0.7rem; } .loader-container.h130 { height: 130px; } .loader-container.h130 .mensaje { font-size: 0.75rem; } .loader-container.h140 { height: 140px; } .loader-container.h140 .mensaje { font-size: 0.8rem; } .loader-container.h150 { height: 150px; } .loader-container.h150 .mensaje { font-size: 0.85rem; } .loader-container.h160 { height: 160px; } .loader-container.h160 .mensaje { font-size: 0.9rem; } .loader-container.h170 { height: 170px; } .loader-container.h170 .mensaje { font-size: 0.95rem; } .loader-container.h180 { height: 180px; } .loader-container.h180 .mensaje { font-size: 1rem; } .loader-container.h190 { height: 190px; } .loader-container.h190 .mensaje { font-size: 1.05rem; } .loader-container.h200 { height: 200px; } .loader-container.h200 .mensaje { font-size: 1.1rem; } .loader-container.h210 { height: 210px; } .loader-container.h210 .mensaje { font-size: 1.15rem; } .loader-container.h220 { height: 220px; } .loader-container.h220 .mensaje { font-size: 1.2rem; } .loader-container.h230 { height: 230px; } .loader-container.h230 .mensaje { font-size: 1.25rem; } .loader-container.h240 { height: 240px; } .loader-container.h240 .mensaje { font-size: 1.3rem; } .loader-container.h250 { height: 250px; } .loader-container.h250 .mensaje { font-size: 1.35rem; } .loader-container.h260 { height: 260px; } .loader-container.h260 .mensaje { font-size: 1.4rem; } .loader-container.h270 { height: 270px; } .loader-container.h270 .mensaje { font-size: 1.45rem; } .loader-container.h280 { height: 280px; } .loader-container.h280 .mensaje { font-size: 1.5rem; } .loader-container.h290 { height: 290px; } .loader-container.h290 .mensaje { font-size: 1.55rem; } .loader-container.h300 { height: 300px; } .loader-container.h300 .mensaje { font-size: 1.6rem; } .loader-container.h310 { height: 310px; } .loader-container.h310 .mensaje { font-size: 1.65rem; } .loader-container.h320 { height: 320px; } .loader-container.h320 .mensaje { font-size: 1.7rem; } .loader-container.h330 { height: 330px; } .loader-container.h330 .mensaje { font-size: 1.75rem; } .loader-container.h340 { height: 340px; } .loader-container.h340 .mensaje { font-size: 1.8rem; } .loader-container.h350 { height: 350px; } .loader-container.h350 .mensaje { font-size: 1.85rem; } .loader-container.h360 { height: 360px; } .loader-container.h360 .mensaje { font-size: 1.9rem; } .loader-container.h370 { height: 370px; } .loader-container.h370 .mensaje { font-size: 1.95rem; } .loader-container.h380 { height: 380px; } .loader-container.h380 .mensaje { font-size: 2rem; } .loader-container.h390 { height: 390px; } .loader-container.h390 .mensaje { font-size: 2.05rem; } .loader-container.h400 { height: 400px; } .loader-container.h400 .mensaje { font-size: 2.1rem; } .loader-container.h410 { height: 410px; } .loader-container.h410 .mensaje { font-size: 2.15rem; } .loader-container.h420 { height: 420px; } .loader-container.h420 .mensaje { font-size: 2.2rem; } .loader-container.h430 { height: 430px; } .loader-container.h430 .mensaje { font-size: 2.25rem; } .loader-container.h440 { height: 440px; } .loader-container.h440 .mensaje { font-size: 2.3rem; } .loader-container.h450 { height: 450px; } .loader-container.h450 .mensaje { font-size: 2.35rem; } .loader-container.h460 { height: 460px; } .loader-container.h460 .mensaje { font-size: 2.4rem; } .loader-container.h470 { height: 470px; } .loader-container.h470 .mensaje { font-size: 2.45rem; } .loader-container.h480 { height: 480px; } .loader-container.h480 .mensaje { font-size: 2.5rem; } .loader-container.h490 { height: 490px; } .loader-container.h490 .mensaje { font-size: 2.55rem; } .loader-container.h500 { height: 500px; } .loader-container.h500 .mensaje { font-size: 2.6rem; } .loader-container.h510 { height: 510px; } .loader-container.h510 .mensaje { font-size: 2.65rem; } .loader-container.h520 { height: 520px; } .loader-container.h520 .mensaje { font-size: 2.7rem; } .loader-container.h530 { height: 530px; } .loader-container.h530 .mensaje { font-size: 2.75rem; } .loader-container.h540 { height: 540px; } .loader-container.h540 .mensaje { font-size: 2.8rem; } .loader-container.h550 { height: 550px; } .loader-container.h550 .mensaje { font-size: 2.85rem; } .loader-container.h560 { height: 560px; } .loader-container.h560 .mensaje { font-size: 2.9rem; } .loader-container.h570 { height: 570px; } .loader-container.h570 .mensaje { font-size: 2.95rem; } .loader-container.h580 { height: 580px; } .loader-container.h580 .mensaje { font-size: 3rem; } .loader-container.h590 { height: 590px; } .loader-container.h590 .mensaje { font-size: 3.05rem; } .loader-container.h600 { height: 600px; } .loader-container.h600 .mensaje { font-size: 3.1rem; } .loader-container.h610 { height: 610px; } .loader-container.h610 .mensaje { font-size: 3.15rem; } .loader-container.h620 { height: 620px; } .loader-container.h620 .mensaje { font-size: 3.2rem; } .loader-container.h630 { height: 630px; } .loader-container.h630 .mensaje { font-size: 3.25rem; } .loader-container.h640 { height: 640px; } .loader-container.h640 .mensaje { font-size: 3.3rem; } .loader-container.h650 { height: 650px; } .loader-container.h650 .mensaje { font-size: 3.35rem; } .loader-container.h660 { height: 660px; } .loader-container.h660 .mensaje { font-size: 3.4rem; } .loader-container.h670 { height: 670px; } .loader-container.h670 .mensaje { font-size: 3.45rem; } .loader-container.h680 { height: 680px; } .loader-container.h680 .mensaje { font-size: 3.5rem; } .loader-container.h690 { height: 690px; } .loader-container.h690 .mensaje { font-size: 3.55rem; } .loader-container.h700 { height: 700px; } .loader-container.h700 .mensaje { font-size: 3.6rem; } .loader-container.h710 { height: 710px; } .loader-container.h710 .mensaje { font-size: 3.65rem; } .loader-container.h720 { height: 720px; } .loader-container.h720 .mensaje { font-size: 3.7rem; } .loader-container.h730 { height: 730px; } .loader-container.h730 .mensaje { font-size: 3.75rem; } .loader-container.h740 { height: 740px; } .loader-container.h740 .mensaje { font-size: 3.8rem; } .loader-container.h750 { height: 750px; } .loader-container.h750 .mensaje { font-size: 3.85rem; } .loader-container.h760 { height: 760px; } .loader-container.h760 .mensaje { font-size: 3.9rem; } .loader-container.h770 { height: 770px; } .loader-container.h770 .mensaje { font-size: 3.95rem; } .loader-container.h780 { height: 780px; } .loader-container.h780 .mensaje { font-size: 4rem; } .loader-container.h790 { height: 790px; } .loader-container.h790 .mensaje { font-size: 4.05rem; } .loader-container.h800 { height: 800px; } .loader-container.h800 .mensaje { font-size: 4.1rem; } .loader-container.h810 { height: 810px; } .loader-container.h810 .mensaje { font-size: 4.15rem; } .loader-container.h820 { height: 820px; } .loader-container.h820 .mensaje { font-size: 4.2rem; } .loader-container.h830 { height: 830px; } .loader-container.h830 .mensaje { font-size: 4.25rem; } .loader-container.h840 { height: 840px; } .loader-container.h840 .mensaje { font-size: 4.3rem; } .loader-container.h850 { height: 850px; } .loader-container.h850 .mensaje { font-size: 4.35rem; } .loader-container.h860 { height: 860px; } .loader-container.h860 .mensaje { font-size: 4.4rem; } .loader-container.h870 { height: 870px; } .loader-container.h870 .mensaje { font-size: 4.45rem; } .loader-container.h880 { height: 880px; } .loader-container.h880 .mensaje { font-size: 4.5rem; } .loader-container.h890 { height: 890px; } .loader-container.h890 .mensaje { font-size: 4.55rem; } .loader-container.h900 { height: 900px; } .loader-container.h900 .mensaje { font-size: 4.6rem; } .loader-container.h910 { height: 910px; } .loader-container.h910 .mensaje { font-size: 4.65rem; } .loader-container.h920 { height: 920px; } .loader-container.h920 .mensaje { font-size: 4.7rem; } .loader-container.h930 { height: 930px; } .loader-container.h930 .mensaje { font-size: 4.75rem; } .loader-container.h940 { height: 940px; } .loader-container.h940 .mensaje { font-size: 4.8rem; } .loader-container.h950 { height: 950px; } .loader-container.h950 .mensaje { font-size: 4.85rem; } .loader-container.h960 { height: 960px; } .loader-container.h960 .mensaje { font-size: 4.9rem; } .loader-container.h970 { height: 970px; } .loader-container.h970 .mensaje { font-size: 4.95rem; } .loader-container.h980 { height: 980px; } .loader-container.h980 .mensaje { font-size: 5rem; } .loader-container.h990 { height: 990px; } .loader-container.h990 .mensaje { font-size: 5.05rem; } .loader-container.h1000 { height: 1000px; } .loader-container.h1000 .mensaje { font-size: 5.1rem; } #loadingGif { background-position: center center; position: fixed; z-index: 10000; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.3); opacity: 1; } /*PESTANAS*/ .datos-pestanas { box-shadow: none !important; padding: 5px 3px 3px 3px; background: #f2f2f2; width: 100%; /*.card-body { position: relative; padding: 0 0 0 0; .nav-tabs { background: $grisClaro; } .tab-content { background: $grisClaro; .side-data { margin-bottom: 5px; } input, select { background-color: $grisCustomClaro; } .convenios { @include no-shadow(); max-height: 450px; } } }*/ /*.card-footer { &.pasos { position: relative; @include flex-position-child ("right", "center"); .volver { @include centrar(00%, 50%); margin: 0 0 0 30px; } } }*/ } .datos-pestanas.iconos .nav-item { position: relative; text-indent: 20px; } .datos-pestanas.iconos .nav-item .bci-icon { height: 20px; width: 35px; margin: 0; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); } .datos-pestanas > .card-body { padding: 0; position: relative; } .datos-pestanas .nav-tabs { background: #f2f2f2; border: none; outline: none; } .datos-pestanas .nav-tabs li:first-child { margin-left: 10px; } .datos-pestanas .nav-tabs li a { border: none; outline: none; font-family: "overpassregular"; color: #595b5a; font-size: 0.9rem; } @media only screen and (max-width: 576px) { .datos-pestanas .nav-tabs li a { font-size: 0.6rem; } } .datos-pestanas .nav-tabs li a.active { color: #006fb9; position: relative; } .datos-pestanas .nav-tabs li a.active::after { content: ''; position: absolute; top: 0; left: 0; display: block; height: 3px; width: 100%; background-color: #006fb9; } .datos-pestanas .tab-content { background: #f2f2f2; } .datos-pestanas .tab-pane { background-color: white; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; min-height: 200px; height: auto; overflow: hidden; overflow-y: auto; } @media only screen and (max-width: 576px) { .datos-pestanas .tab-pane { overflow-x: auto; } } .datos-pestanas .tab-pane > .card { max-width: 100%; min-width: 100%; width: 100%; box-shadow: none !important; } .datos-pestanas .tab-pane > .card table { width: 98%; margin: 5px auto 10px; } .datos-pestanas .boton.flotante { position: absolute; top: -3px; right: 0; height: 30px; min-width: 0%; } .datos-pestanas .boton.flotante::before { height: 2px; } .datos-pestanas .boton.flotante:hover::before { height: 6px; } .formulario-pasos { counter-reset: section; /* position: absolute; top:30px; left:200px; width: 100%;*/ } .formulario-pasos .nav-item { margin-top: 10px; counter-increment: section; } .formulario-pasos .nav-item .nav-link { position: relative; background: none !important; } .formulario-pasos .nav-item .nav-link::before { content: "Paso " counters(section, "."); font-size: 0.5rem; letter-spacing: 3px; line-height: 100%; margin: 0; padding: 2px; display: block; text-transform: uppercase; border-radius: 2px; position: absolute; background: #595b5a; top: -5px; color: white; } .formulario-pasos .nav-item .nav-link.active { color: #006fb9; } .formulario-pasos .nav-item .nav-link.active::after { display: none; } .formulario-pasos .nav-item .nav-link.active::before { background: #006fb9; } @media only screen and (max-width: 576px) { .formulario-pasos .nav-item .nav-link { width: auto; font-size: 0.85rem; padding-right: 15px; } .formulario-pasos .nav-item .nav-link::before { width: auto; padding: 2px 5px; font-size: 0.4rem; top: -2px; } } /*Alertas*/ .alert { font-family: "overpasssemibold"; text-transform: uppercase; font-size: 0.8rem; width: 100%; } @media only screen and (min-width: 1201px) { .alert { font-size: 0.9rem; } } @media only screen and (max-width: 1145px) { .alert { font-size: 0.8rem; } } @media only screen and (max-width: 800px) { .alert { font-size: 0.7rem; } } @media only screen and (max-width: 576px) { .alert { font-size: 0.7rem; } } .login .alert { font-size: 0.775rem; } .alert.floating { z-index: 1040; opacity: 0.9; position: fixed; bottom: 1%; right: 1%; width: 98%; margin: 0; } .alert.alert-danger { border: none; background-color: #ef3742; color: white; } .alert.alert-success { border: none; background-color: #00953a; color: white; } .alert.alert-warning { border: none; background-color: #ffd700; color: #595b5a; } .alert.alert-warning button { opacity: 0.3; filter: grayscale(100%) brightness(0%); -webkit-filter: grayscale(100%) brightness(0%); } .alert button { background-image: url('_lite_cerrar.40c3192a031e459c1243.svg'); background-size: 120%; background-repeat: no-repeat; background-position: center center; height: 50px; } .alert button span { display: none; } .alerta { height: 30px; color: #ef3742; font-size: 0.8rem; font-family: "overpassregular"; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; } .alerta .bci-icon { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); margin-right: 10px; height: 20px; width: 20px; } /*404*/ .modulo-404 { display: block; margin: 10px auto; width: 98%; max-width: 1200px; } .modulo-404 img { width: 100%; height: auto; } .modulo-404 h1 { font-size: 2rem; text-align: center; } @media only screen and (max-width: 800px) { .modulo-404 h1 { font-size: 1.8rem; } } @media only screen and (max-width: 576px) { .modulo-404 h1 { font-size: 1.4rem; } } .modulo-404 h4 { text-align: center; font-size: 1rem; padding: 5px 25% 15px; } @media only screen and (max-width: 800px) { .modulo-404 h4 { padding: 5px 15% 15px; font-size: 0.9rem; } } @media only screen and (max-width: 576px) { .modulo-404 h4 { padding: 5px 5% 15px; font-size: 0.8 rem; } } .modulo-404 .row { width: 70%; margin: 0 auto; } @media only screen and (max-width: 800px) { .modulo-404 .row { width: 85%; } } @media only screen and (max-width: 576px) { .modulo-404 .row { width: 100%; } } .modulo-404 div { text-align: center; } .modulo-404 .boton { min-width: 160px; } @media only screen and (max-width: 800px) { .modulo-404 .boton { min-width: 200px; } } @media only screen and (max-width: 576px) { .modulo-404 .boton { min-width: 280px; } } @media only screen and (max-width: 576px) { .campana-carrusel .carousel .carousel-inner .carousel-item { height: 200px; } } .campana-carrusel .carousel .navegar { height: 60px; width: 60px; display: block; background-color: white; border-radius: 30px; background-size: 40px 40px; background-repeat: no-repeat; background-position: center center; cursor: pointer; transition: all 0.1s ease-out; } .campana-carrusel .carousel .navegar:hover { background-size: 30px 30px; background-color: rgba(255, 255, 255, 0.8); } @media only screen and (max-width: 576px) { .campana-carrusel .carousel .navegar { height: 40px; width: 40px; background-size: 20px 20px; } } .campana-carrusel .carousel .navegar.next { position: absolute; top: 50%; left: 98%; transform: translate(-98%, -50%); background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); } .campana-carrusel .carousel .navegar.prev { position: absolute; top: 50%; left: 2%; transform: translate(-2%, -50%); background-image: url('_lite_back_arrow.374029c051a184c37053.svg'); } .campana-carrusel .carousel .carousel-item { height: 330px; background-size: cover; background-repeat: no-repeat; background-position: right center; } .campana-carrusel .carousel .carousel-item .card { z-index: 2; display: block; position: absolute; top: 50%; left: 18%; transform: translate(-18%, -50%); width: 400px; background-color: rgba(0, 0, 0, 0.5) !important; padding: 0.5rem; text-align: center; } @media only screen and (max-width: 800px) { .campana-carrusel .carousel .carousel-item .card { width: 70%; left: 15%; } } @media only screen and (max-width: 576px) { .campana-carrusel .carousel .carousel-item .card { width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .campana-carrusel .carousel .carousel-item .card .boton { display: inline-block; width: 50%; font-size: 1rem; padding: 6px 10px; } @media only screen and (max-width: 576px) { .campana-carrusel .carousel .carousel-item .card .boton { font-size: 0.7rem; padding: 6px 2px; min-width: 60%; } } .campana-carrusel .carousel .carousel-item .card h1 { border: none; color: white; font-size: 2.4rem; width: 100%; text-align: center; text-transform: uppercase; font-family: "overpassbold"; } @media only screen and (max-width: 576px) { .campana-carrusel .carousel .carousel-item .card h1 { font-size: 1.4rem; } } .campana-carrusel .carousel .carousel-item .card h2 { border: none; color: white; font-size: 1.1rem; width: 100%; text-align: center; font-family: "overpasslight"; } @media only screen and (max-width: 576px) { .campana-carrusel .carousel .carousel-item .card h2 { font-size: 1rem; } } .mapa { border: 1px solid #e5e5e5; margin: 10px 0; width: 100%; min-height: 100px; display: block; background: #ffd700; overflow: hidden; border-radius: 10px; } .mapa.alto_0 { min-height: 0px; } @media only screen and (max-width: 576px) { .mapa.alto_0 { min-height: 0px; } } .mapa.alto_1 { min-height: 1px; } @media only screen and (max-width: 576px) { .mapa.alto_1 { min-height: 0.8px; } } .mapa.alto_2 { min-height: 2px; } @media only screen and (max-width: 576px) { .mapa.alto_2 { min-height: 1.6px; } } .mapa.alto_3 { min-height: 3px; } @media only screen and (max-width: 576px) { .mapa.alto_3 { min-height: 2.4px; } } .mapa.alto_4 { min-height: 4px; } @media only screen and (max-width: 576px) { .mapa.alto_4 { min-height: 3.2px; } } .mapa.alto_5 { min-height: 5px; } @media only screen and (max-width: 576px) { .mapa.alto_5 { min-height: 4px; } } .mapa.alto_6 { min-height: 6px; } @media only screen and (max-width: 576px) { .mapa.alto_6 { min-height: 4.8px; } } .mapa.alto_7 { min-height: 7px; } @media only screen and (max-width: 576px) { .mapa.alto_7 { min-height: 5.6px; } } .mapa.alto_8 { min-height: 8px; } @media only screen and (max-width: 576px) { .mapa.alto_8 { min-height: 6.4px; } } .mapa.alto_9 { min-height: 9px; } @media only screen and (max-width: 576px) { .mapa.alto_9 { min-height: 7.2px; } } .mapa.alto_10 { min-height: 10px; } @media only screen and (max-width: 576px) { .mapa.alto_10 { min-height: 8px; } } .mapa.alto_11 { min-height: 11px; } @media only screen and (max-width: 576px) { .mapa.alto_11 { min-height: 8.8px; } } .mapa.alto_12 { min-height: 12px; } @media only screen and (max-width: 576px) { .mapa.alto_12 { min-height: 9.6px; } } .mapa.alto_13 { min-height: 13px; } @media only screen and (max-width: 576px) { .mapa.alto_13 { min-height: 10.4px; } } .mapa.alto_14 { min-height: 14px; } @media only screen and (max-width: 576px) { .mapa.alto_14 { min-height: 11.2px; } } .mapa.alto_15 { min-height: 15px; } @media only screen and (max-width: 576px) { .mapa.alto_15 { min-height: 12px; } } .mapa.alto_16 { min-height: 16px; } @media only screen and (max-width: 576px) { .mapa.alto_16 { min-height: 12.8px; } } .mapa.alto_17 { min-height: 17px; } @media only screen and (max-width: 576px) { .mapa.alto_17 { min-height: 13.6px; } } .mapa.alto_18 { min-height: 18px; } @media only screen and (max-width: 576px) { .mapa.alto_18 { min-height: 14.4px; } } .mapa.alto_19 { min-height: 19px; } @media only screen and (max-width: 576px) { .mapa.alto_19 { min-height: 15.2px; } } .mapa.alto_20 { min-height: 20px; } @media only screen and (max-width: 576px) { .mapa.alto_20 { min-height: 16px; } } .mapa.alto_21 { min-height: 21px; } @media only screen and (max-width: 576px) { .mapa.alto_21 { min-height: 16.8px; } } .mapa.alto_22 { min-height: 22px; } @media only screen and (max-width: 576px) { .mapa.alto_22 { min-height: 17.6px; } } .mapa.alto_23 { min-height: 23px; } @media only screen and (max-width: 576px) { .mapa.alto_23 { min-height: 18.4px; } } .mapa.alto_24 { min-height: 24px; } @media only screen and (max-width: 576px) { .mapa.alto_24 { min-height: 19.2px; } } .mapa.alto_25 { min-height: 25px; } @media only screen and (max-width: 576px) { .mapa.alto_25 { min-height: 20px; } } .mapa.alto_26 { min-height: 26px; } @media only screen and (max-width: 576px) { .mapa.alto_26 { min-height: 20.8px; } } .mapa.alto_27 { min-height: 27px; } @media only screen and (max-width: 576px) { .mapa.alto_27 { min-height: 21.6px; } } .mapa.alto_28 { min-height: 28px; } @media only screen and (max-width: 576px) { .mapa.alto_28 { min-height: 22.4px; } } .mapa.alto_29 { min-height: 29px; } @media only screen and (max-width: 576px) { .mapa.alto_29 { min-height: 23.2px; } } .mapa.alto_30 { min-height: 30px; } @media only screen and (max-width: 576px) { .mapa.alto_30 { min-height: 24px; } } .mapa.alto_31 { min-height: 31px; } @media only screen and (max-width: 576px) { .mapa.alto_31 { min-height: 24.8px; } } .mapa.alto_32 { min-height: 32px; } @media only screen and (max-width: 576px) { .mapa.alto_32 { min-height: 25.6px; } } .mapa.alto_33 { min-height: 33px; } @media only screen and (max-width: 576px) { .mapa.alto_33 { min-height: 26.4px; } } .mapa.alto_34 { min-height: 34px; } @media only screen and (max-width: 576px) { .mapa.alto_34 { min-height: 27.2px; } } .mapa.alto_35 { min-height: 35px; } @media only screen and (max-width: 576px) { .mapa.alto_35 { min-height: 28px; } } .mapa.alto_36 { min-height: 36px; } @media only screen and (max-width: 576px) { .mapa.alto_36 { min-height: 28.8px; } } .mapa.alto_37 { min-height: 37px; } @media only screen and (max-width: 576px) { .mapa.alto_37 { min-height: 29.6px; } } .mapa.alto_38 { min-height: 38px; } @media only screen and (max-width: 576px) { .mapa.alto_38 { min-height: 30.4px; } } .mapa.alto_39 { min-height: 39px; } @media only screen and (max-width: 576px) { .mapa.alto_39 { min-height: 31.2px; } } .mapa.alto_40 { min-height: 40px; } @media only screen and (max-width: 576px) { .mapa.alto_40 { min-height: 32px; } } .mapa.alto_41 { min-height: 41px; } @media only screen and (max-width: 576px) { .mapa.alto_41 { min-height: 32.8px; } } .mapa.alto_42 { min-height: 42px; } @media only screen and (max-width: 576px) { .mapa.alto_42 { min-height: 33.6px; } } .mapa.alto_43 { min-height: 43px; } @media only screen and (max-width: 576px) { .mapa.alto_43 { min-height: 34.4px; } } .mapa.alto_44 { min-height: 44px; } @media only screen and (max-width: 576px) { .mapa.alto_44 { min-height: 35.2px; } } .mapa.alto_45 { min-height: 45px; } @media only screen and (max-width: 576px) { .mapa.alto_45 { min-height: 36px; } } .mapa.alto_46 { min-height: 46px; } @media only screen and (max-width: 576px) { .mapa.alto_46 { min-height: 36.8px; } } .mapa.alto_47 { min-height: 47px; } @media only screen and (max-width: 576px) { .mapa.alto_47 { min-height: 37.6px; } } .mapa.alto_48 { min-height: 48px; } @media only screen and (max-width: 576px) { .mapa.alto_48 { min-height: 38.4px; } } .mapa.alto_49 { min-height: 49px; } @media only screen and (max-width: 576px) { .mapa.alto_49 { min-height: 39.2px; } } .mapa.alto_50 { min-height: 50px; } @media only screen and (max-width: 576px) { .mapa.alto_50 { min-height: 40px; } } .mapa.alto_51 { min-height: 51px; } @media only screen and (max-width: 576px) { .mapa.alto_51 { min-height: 40.8px; } } .mapa.alto_52 { min-height: 52px; } @media only screen and (max-width: 576px) { .mapa.alto_52 { min-height: 41.6px; } } .mapa.alto_53 { min-height: 53px; } @media only screen and (max-width: 576px) { .mapa.alto_53 { min-height: 42.4px; } } .mapa.alto_54 { min-height: 54px; } @media only screen and (max-width: 576px) { .mapa.alto_54 { min-height: 43.2px; } } .mapa.alto_55 { min-height: 55px; } @media only screen and (max-width: 576px) { .mapa.alto_55 { min-height: 44px; } } .mapa.alto_56 { min-height: 56px; } @media only screen and (max-width: 576px) { .mapa.alto_56 { min-height: 44.8px; } } .mapa.alto_57 { min-height: 57px; } @media only screen and (max-width: 576px) { .mapa.alto_57 { min-height: 45.6px; } } .mapa.alto_58 { min-height: 58px; } @media only screen and (max-width: 576px) { .mapa.alto_58 { min-height: 46.4px; } } .mapa.alto_59 { min-height: 59px; } @media only screen and (max-width: 576px) { .mapa.alto_59 { min-height: 47.2px; } } .mapa.alto_60 { min-height: 60px; } @media only screen and (max-width: 576px) { .mapa.alto_60 { min-height: 48px; } } .mapa.alto_61 { min-height: 61px; } @media only screen and (max-width: 576px) { .mapa.alto_61 { min-height: 48.8px; } } .mapa.alto_62 { min-height: 62px; } @media only screen and (max-width: 576px) { .mapa.alto_62 { min-height: 49.6px; } } .mapa.alto_63 { min-height: 63px; } @media only screen and (max-width: 576px) { .mapa.alto_63 { min-height: 50.4px; } } .mapa.alto_64 { min-height: 64px; } @media only screen and (max-width: 576px) { .mapa.alto_64 { min-height: 51.2px; } } .mapa.alto_65 { min-height: 65px; } @media only screen and (max-width: 576px) { .mapa.alto_65 { min-height: 52px; } } .mapa.alto_66 { min-height: 66px; } @media only screen and (max-width: 576px) { .mapa.alto_66 { min-height: 52.8px; } } .mapa.alto_67 { min-height: 67px; } @media only screen and (max-width: 576px) { .mapa.alto_67 { min-height: 53.6px; } } .mapa.alto_68 { min-height: 68px; } @media only screen and (max-width: 576px) { .mapa.alto_68 { min-height: 54.4px; } } .mapa.alto_69 { min-height: 69px; } @media only screen and (max-width: 576px) { .mapa.alto_69 { min-height: 55.2px; } } .mapa.alto_70 { min-height: 70px; } @media only screen and (max-width: 576px) { .mapa.alto_70 { min-height: 56px; } } .mapa.alto_71 { min-height: 71px; } @media only screen and (max-width: 576px) { .mapa.alto_71 { min-height: 56.8px; } } .mapa.alto_72 { min-height: 72px; } @media only screen and (max-width: 576px) { .mapa.alto_72 { min-height: 57.6px; } } .mapa.alto_73 { min-height: 73px; } @media only screen and (max-width: 576px) { .mapa.alto_73 { min-height: 58.4px; } } .mapa.alto_74 { min-height: 74px; } @media only screen and (max-width: 576px) { .mapa.alto_74 { min-height: 59.2px; } } .mapa.alto_75 { min-height: 75px; } @media only screen and (max-width: 576px) { .mapa.alto_75 { min-height: 60px; } } .mapa.alto_76 { min-height: 76px; } @media only screen and (max-width: 576px) { .mapa.alto_76 { min-height: 60.8px; } } .mapa.alto_77 { min-height: 77px; } @media only screen and (max-width: 576px) { .mapa.alto_77 { min-height: 61.6px; } } .mapa.alto_78 { min-height: 78px; } @media only screen and (max-width: 576px) { .mapa.alto_78 { min-height: 62.4px; } } .mapa.alto_79 { min-height: 79px; } @media only screen and (max-width: 576px) { .mapa.alto_79 { min-height: 63.2px; } } .mapa.alto_80 { min-height: 80px; } @media only screen and (max-width: 576px) { .mapa.alto_80 { min-height: 64px; } } .mapa.alto_81 { min-height: 81px; } @media only screen and (max-width: 576px) { .mapa.alto_81 { min-height: 64.8px; } } .mapa.alto_82 { min-height: 82px; } @media only screen and (max-width: 576px) { .mapa.alto_82 { min-height: 65.6px; } } .mapa.alto_83 { min-height: 83px; } @media only screen and (max-width: 576px) { .mapa.alto_83 { min-height: 66.4px; } } .mapa.alto_84 { min-height: 84px; } @media only screen and (max-width: 576px) { .mapa.alto_84 { min-height: 67.2px; } } .mapa.alto_85 { min-height: 85px; } @media only screen and (max-width: 576px) { .mapa.alto_85 { min-height: 68px; } } .mapa.alto_86 { min-height: 86px; } @media only screen and (max-width: 576px) { .mapa.alto_86 { min-height: 68.8px; } } .mapa.alto_87 { min-height: 87px; } @media only screen and (max-width: 576px) { .mapa.alto_87 { min-height: 69.6px; } } .mapa.alto_88 { min-height: 88px; } @media only screen and (max-width: 576px) { .mapa.alto_88 { min-height: 70.4px; } } .mapa.alto_89 { min-height: 89px; } @media only screen and (max-width: 576px) { .mapa.alto_89 { min-height: 71.2px; } } .mapa.alto_90 { min-height: 90px; } @media only screen and (max-width: 576px) { .mapa.alto_90 { min-height: 72px; } } .mapa.alto_91 { min-height: 91px; } @media only screen and (max-width: 576px) { .mapa.alto_91 { min-height: 72.8px; } } .mapa.alto_92 { min-height: 92px; } @media only screen and (max-width: 576px) { .mapa.alto_92 { min-height: 73.6px; } } .mapa.alto_93 { min-height: 93px; } @media only screen and (max-width: 576px) { .mapa.alto_93 { min-height: 74.4px; } } .mapa.alto_94 { min-height: 94px; } @media only screen and (max-width: 576px) { .mapa.alto_94 { min-height: 75.2px; } } .mapa.alto_95 { min-height: 95px; } @media only screen and (max-width: 576px) { .mapa.alto_95 { min-height: 76px; } } .mapa.alto_96 { min-height: 96px; } @media only screen and (max-width: 576px) { .mapa.alto_96 { min-height: 76.8px; } } .mapa.alto_97 { min-height: 97px; } @media only screen and (max-width: 576px) { .mapa.alto_97 { min-height: 77.6px; } } .mapa.alto_98 { min-height: 98px; } @media only screen and (max-width: 576px) { .mapa.alto_98 { min-height: 78.4px; } } .mapa.alto_99 { min-height: 99px; } @media only screen and (max-width: 576px) { .mapa.alto_99 { min-height: 79.2px; } } .mapa.alto_100 { min-height: 100px; } @media only screen and (max-width: 576px) { .mapa.alto_100 { min-height: 80px; } } .mapa.alto_101 { min-height: 101px; } @media only screen and (max-width: 576px) { .mapa.alto_101 { min-height: 80.8px; } } .mapa.alto_102 { min-height: 102px; } @media only screen and (max-width: 576px) { .mapa.alto_102 { min-height: 81.6px; } } .mapa.alto_103 { min-height: 103px; } @media only screen and (max-width: 576px) { .mapa.alto_103 { min-height: 82.4px; } } .mapa.alto_104 { min-height: 104px; } @media only screen and (max-width: 576px) { .mapa.alto_104 { min-height: 83.2px; } } .mapa.alto_105 { min-height: 105px; } @media only screen and (max-width: 576px) { .mapa.alto_105 { min-height: 84px; } } .mapa.alto_106 { min-height: 106px; } @media only screen and (max-width: 576px) { .mapa.alto_106 { min-height: 84.8px; } } .mapa.alto_107 { min-height: 107px; } @media only screen and (max-width: 576px) { .mapa.alto_107 { min-height: 85.6px; } } .mapa.alto_108 { min-height: 108px; } @media only screen and (max-width: 576px) { .mapa.alto_108 { min-height: 86.4px; } } .mapa.alto_109 { min-height: 109px; } @media only screen and (max-width: 576px) { .mapa.alto_109 { min-height: 87.2px; } } .mapa.alto_110 { min-height: 110px; } @media only screen and (max-width: 576px) { .mapa.alto_110 { min-height: 88px; } } .mapa.alto_111 { min-height: 111px; } @media only screen and (max-width: 576px) { .mapa.alto_111 { min-height: 88.8px; } } .mapa.alto_112 { min-height: 112px; } @media only screen and (max-width: 576px) { .mapa.alto_112 { min-height: 89.6px; } } .mapa.alto_113 { min-height: 113px; } @media only screen and (max-width: 576px) { .mapa.alto_113 { min-height: 90.4px; } } .mapa.alto_114 { min-height: 114px; } @media only screen and (max-width: 576px) { .mapa.alto_114 { min-height: 91.2px; } } .mapa.alto_115 { min-height: 115px; } @media only screen and (max-width: 576px) { .mapa.alto_115 { min-height: 92px; } } .mapa.alto_116 { min-height: 116px; } @media only screen and (max-width: 576px) { .mapa.alto_116 { min-height: 92.8px; } } .mapa.alto_117 { min-height: 117px; } @media only screen and (max-width: 576px) { .mapa.alto_117 { min-height: 93.6px; } } .mapa.alto_118 { min-height: 118px; } @media only screen and (max-width: 576px) { .mapa.alto_118 { min-height: 94.4px; } } .mapa.alto_119 { min-height: 119px; } @media only screen and (max-width: 576px) { .mapa.alto_119 { min-height: 95.2px; } } .mapa.alto_120 { min-height: 120px; } @media only screen and (max-width: 576px) { .mapa.alto_120 { min-height: 96px; } } .mapa.alto_121 { min-height: 121px; } @media only screen and (max-width: 576px) { .mapa.alto_121 { min-height: 96.8px; } } .mapa.alto_122 { min-height: 122px; } @media only screen and (max-width: 576px) { .mapa.alto_122 { min-height: 97.6px; } } .mapa.alto_123 { min-height: 123px; } @media only screen and (max-width: 576px) { .mapa.alto_123 { min-height: 98.4px; } } .mapa.alto_124 { min-height: 124px; } @media only screen and (max-width: 576px) { .mapa.alto_124 { min-height: 99.2px; } } .mapa.alto_125 { min-height: 125px; } @media only screen and (max-width: 576px) { .mapa.alto_125 { min-height: 100px; } } .mapa.alto_126 { min-height: 126px; } @media only screen and (max-width: 576px) { .mapa.alto_126 { min-height: 100.8px; } } .mapa.alto_127 { min-height: 127px; } @media only screen and (max-width: 576px) { .mapa.alto_127 { min-height: 101.6px; } } .mapa.alto_128 { min-height: 128px; } @media only screen and (max-width: 576px) { .mapa.alto_128 { min-height: 102.4px; } } .mapa.alto_129 { min-height: 129px; } @media only screen and (max-width: 576px) { .mapa.alto_129 { min-height: 103.2px; } } .mapa.alto_130 { min-height: 130px; } @media only screen and (max-width: 576px) { .mapa.alto_130 { min-height: 104px; } } .mapa.alto_131 { min-height: 131px; } @media only screen and (max-width: 576px) { .mapa.alto_131 { min-height: 104.8px; } } .mapa.alto_132 { min-height: 132px; } @media only screen and (max-width: 576px) { .mapa.alto_132 { min-height: 105.6px; } } .mapa.alto_133 { min-height: 133px; } @media only screen and (max-width: 576px) { .mapa.alto_133 { min-height: 106.4px; } } .mapa.alto_134 { min-height: 134px; } @media only screen and (max-width: 576px) { .mapa.alto_134 { min-height: 107.2px; } } .mapa.alto_135 { min-height: 135px; } @media only screen and (max-width: 576px) { .mapa.alto_135 { min-height: 108px; } } .mapa.alto_136 { min-height: 136px; } @media only screen and (max-width: 576px) { .mapa.alto_136 { min-height: 108.8px; } } .mapa.alto_137 { min-height: 137px; } @media only screen and (max-width: 576px) { .mapa.alto_137 { min-height: 109.6px; } } .mapa.alto_138 { min-height: 138px; } @media only screen and (max-width: 576px) { .mapa.alto_138 { min-height: 110.4px; } } .mapa.alto_139 { min-height: 139px; } @media only screen and (max-width: 576px) { .mapa.alto_139 { min-height: 111.2px; } } .mapa.alto_140 { min-height: 140px; } @media only screen and (max-width: 576px) { .mapa.alto_140 { min-height: 112px; } } .mapa.alto_141 { min-height: 141px; } @media only screen and (max-width: 576px) { .mapa.alto_141 { min-height: 112.8px; } } .mapa.alto_142 { min-height: 142px; } @media only screen and (max-width: 576px) { .mapa.alto_142 { min-height: 113.6px; } } .mapa.alto_143 { min-height: 143px; } @media only screen and (max-width: 576px) { .mapa.alto_143 { min-height: 114.4px; } } .mapa.alto_144 { min-height: 144px; } @media only screen and (max-width: 576px) { .mapa.alto_144 { min-height: 115.2px; } } .mapa.alto_145 { min-height: 145px; } @media only screen and (max-width: 576px) { .mapa.alto_145 { min-height: 116px; } } .mapa.alto_146 { min-height: 146px; } @media only screen and (max-width: 576px) { .mapa.alto_146 { min-height: 116.8px; } } .mapa.alto_147 { min-height: 147px; } @media only screen and (max-width: 576px) { .mapa.alto_147 { min-height: 117.6px; } } .mapa.alto_148 { min-height: 148px; } @media only screen and (max-width: 576px) { .mapa.alto_148 { min-height: 118.4px; } } .mapa.alto_149 { min-height: 149px; } @media only screen and (max-width: 576px) { .mapa.alto_149 { min-height: 119.2px; } } .mapa.alto_150 { min-height: 150px; } @media only screen and (max-width: 576px) { .mapa.alto_150 { min-height: 120px; } } .mapa.alto_151 { min-height: 151px; } @media only screen and (max-width: 576px) { .mapa.alto_151 { min-height: 120.8px; } } .mapa.alto_152 { min-height: 152px; } @media only screen and (max-width: 576px) { .mapa.alto_152 { min-height: 121.6px; } } .mapa.alto_153 { min-height: 153px; } @media only screen and (max-width: 576px) { .mapa.alto_153 { min-height: 122.4px; } } .mapa.alto_154 { min-height: 154px; } @media only screen and (max-width: 576px) { .mapa.alto_154 { min-height: 123.2px; } } .mapa.alto_155 { min-height: 155px; } @media only screen and (max-width: 576px) { .mapa.alto_155 { min-height: 124px; } } .mapa.alto_156 { min-height: 156px; } @media only screen and (max-width: 576px) { .mapa.alto_156 { min-height: 124.8px; } } .mapa.alto_157 { min-height: 157px; } @media only screen and (max-width: 576px) { .mapa.alto_157 { min-height: 125.6px; } } .mapa.alto_158 { min-height: 158px; } @media only screen and (max-width: 576px) { .mapa.alto_158 { min-height: 126.4px; } } .mapa.alto_159 { min-height: 159px; } @media only screen and (max-width: 576px) { .mapa.alto_159 { min-height: 127.2px; } } .mapa.alto_160 { min-height: 160px; } @media only screen and (max-width: 576px) { .mapa.alto_160 { min-height: 128px; } } .mapa.alto_161 { min-height: 161px; } @media only screen and (max-width: 576px) { .mapa.alto_161 { min-height: 128.8px; } } .mapa.alto_162 { min-height: 162px; } @media only screen and (max-width: 576px) { .mapa.alto_162 { min-height: 129.6px; } } .mapa.alto_163 { min-height: 163px; } @media only screen and (max-width: 576px) { .mapa.alto_163 { min-height: 130.4px; } } .mapa.alto_164 { min-height: 164px; } @media only screen and (max-width: 576px) { .mapa.alto_164 { min-height: 131.2px; } } .mapa.alto_165 { min-height: 165px; } @media only screen and (max-width: 576px) { .mapa.alto_165 { min-height: 132px; } } .mapa.alto_166 { min-height: 166px; } @media only screen and (max-width: 576px) { .mapa.alto_166 { min-height: 132.8px; } } .mapa.alto_167 { min-height: 167px; } @media only screen and (max-width: 576px) { .mapa.alto_167 { min-height: 133.6px; } } .mapa.alto_168 { min-height: 168px; } @media only screen and (max-width: 576px) { .mapa.alto_168 { min-height: 134.4px; } } .mapa.alto_169 { min-height: 169px; } @media only screen and (max-width: 576px) { .mapa.alto_169 { min-height: 135.2px; } } .mapa.alto_170 { min-height: 170px; } @media only screen and (max-width: 576px) { .mapa.alto_170 { min-height: 136px; } } .mapa.alto_171 { min-height: 171px; } @media only screen and (max-width: 576px) { .mapa.alto_171 { min-height: 136.8px; } } .mapa.alto_172 { min-height: 172px; } @media only screen and (max-width: 576px) { .mapa.alto_172 { min-height: 137.6px; } } .mapa.alto_173 { min-height: 173px; } @media only screen and (max-width: 576px) { .mapa.alto_173 { min-height: 138.4px; } } .mapa.alto_174 { min-height: 174px; } @media only screen and (max-width: 576px) { .mapa.alto_174 { min-height: 139.2px; } } .mapa.alto_175 { min-height: 175px; } @media only screen and (max-width: 576px) { .mapa.alto_175 { min-height: 140px; } } .mapa.alto_176 { min-height: 176px; } @media only screen and (max-width: 576px) { .mapa.alto_176 { min-height: 140.8px; } } .mapa.alto_177 { min-height: 177px; } @media only screen and (max-width: 576px) { .mapa.alto_177 { min-height: 141.6px; } } .mapa.alto_178 { min-height: 178px; } @media only screen and (max-width: 576px) { .mapa.alto_178 { min-height: 142.4px; } } .mapa.alto_179 { min-height: 179px; } @media only screen and (max-width: 576px) { .mapa.alto_179 { min-height: 143.2px; } } .mapa.alto_180 { min-height: 180px; } @media only screen and (max-width: 576px) { .mapa.alto_180 { min-height: 144px; } } .mapa.alto_181 { min-height: 181px; } @media only screen and (max-width: 576px) { .mapa.alto_181 { min-height: 144.8px; } } .mapa.alto_182 { min-height: 182px; } @media only screen and (max-width: 576px) { .mapa.alto_182 { min-height: 145.6px; } } .mapa.alto_183 { min-height: 183px; } @media only screen and (max-width: 576px) { .mapa.alto_183 { min-height: 146.4px; } } .mapa.alto_184 { min-height: 184px; } @media only screen and (max-width: 576px) { .mapa.alto_184 { min-height: 147.2px; } } .mapa.alto_185 { min-height: 185px; } @media only screen and (max-width: 576px) { .mapa.alto_185 { min-height: 148px; } } .mapa.alto_186 { min-height: 186px; } @media only screen and (max-width: 576px) { .mapa.alto_186 { min-height: 148.8px; } } .mapa.alto_187 { min-height: 187px; } @media only screen and (max-width: 576px) { .mapa.alto_187 { min-height: 149.6px; } } .mapa.alto_188 { min-height: 188px; } @media only screen and (max-width: 576px) { .mapa.alto_188 { min-height: 150.4px; } } .mapa.alto_189 { min-height: 189px; } @media only screen and (max-width: 576px) { .mapa.alto_189 { min-height: 151.2px; } } .mapa.alto_190 { min-height: 190px; } @media only screen and (max-width: 576px) { .mapa.alto_190 { min-height: 152px; } } .mapa.alto_191 { min-height: 191px; } @media only screen and (max-width: 576px) { .mapa.alto_191 { min-height: 152.8px; } } .mapa.alto_192 { min-height: 192px; } @media only screen and (max-width: 576px) { .mapa.alto_192 { min-height: 153.6px; } } .mapa.alto_193 { min-height: 193px; } @media only screen and (max-width: 576px) { .mapa.alto_193 { min-height: 154.4px; } } .mapa.alto_194 { min-height: 194px; } @media only screen and (max-width: 576px) { .mapa.alto_194 { min-height: 155.2px; } } .mapa.alto_195 { min-height: 195px; } @media only screen and (max-width: 576px) { .mapa.alto_195 { min-height: 156px; } } .mapa.alto_196 { min-height: 196px; } @media only screen and (max-width: 576px) { .mapa.alto_196 { min-height: 156.8px; } } .mapa.alto_197 { min-height: 197px; } @media only screen and (max-width: 576px) { .mapa.alto_197 { min-height: 157.6px; } } .mapa.alto_198 { min-height: 198px; } @media only screen and (max-width: 576px) { .mapa.alto_198 { min-height: 158.4px; } } .mapa.alto_199 { min-height: 199px; } @media only screen and (max-width: 576px) { .mapa.alto_199 { min-height: 159.2px; } } .mapa.alto_200 { min-height: 200px; } @media only screen and (max-width: 576px) { .mapa.alto_200 { min-height: 160px; } } .mapa.alto_201 { min-height: 201px; } @media only screen and (max-width: 576px) { .mapa.alto_201 { min-height: 160.8px; } } .mapa.alto_202 { min-height: 202px; } @media only screen and (max-width: 576px) { .mapa.alto_202 { min-height: 161.6px; } } .mapa.alto_203 { min-height: 203px; } @media only screen and (max-width: 576px) { .mapa.alto_203 { min-height: 162.4px; } } .mapa.alto_204 { min-height: 204px; } @media only screen and (max-width: 576px) { .mapa.alto_204 { min-height: 163.2px; } } .mapa.alto_205 { min-height: 205px; } @media only screen and (max-width: 576px) { .mapa.alto_205 { min-height: 164px; } } .mapa.alto_206 { min-height: 206px; } @media only screen and (max-width: 576px) { .mapa.alto_206 { min-height: 164.8px; } } .mapa.alto_207 { min-height: 207px; } @media only screen and (max-width: 576px) { .mapa.alto_207 { min-height: 165.6px; } } .mapa.alto_208 { min-height: 208px; } @media only screen and (max-width: 576px) { .mapa.alto_208 { min-height: 166.4px; } } .mapa.alto_209 { min-height: 209px; } @media only screen and (max-width: 576px) { .mapa.alto_209 { min-height: 167.2px; } } .mapa.alto_210 { min-height: 210px; } @media only screen and (max-width: 576px) { .mapa.alto_210 { min-height: 168px; } } .mapa.alto_211 { min-height: 211px; } @media only screen and (max-width: 576px) { .mapa.alto_211 { min-height: 168.8px; } } .mapa.alto_212 { min-height: 212px; } @media only screen and (max-width: 576px) { .mapa.alto_212 { min-height: 169.6px; } } .mapa.alto_213 { min-height: 213px; } @media only screen and (max-width: 576px) { .mapa.alto_213 { min-height: 170.4px; } } .mapa.alto_214 { min-height: 214px; } @media only screen and (max-width: 576px) { .mapa.alto_214 { min-height: 171.2px; } } .mapa.alto_215 { min-height: 215px; } @media only screen and (max-width: 576px) { .mapa.alto_215 { min-height: 172px; } } .mapa.alto_216 { min-height: 216px; } @media only screen and (max-width: 576px) { .mapa.alto_216 { min-height: 172.8px; } } .mapa.alto_217 { min-height: 217px; } @media only screen and (max-width: 576px) { .mapa.alto_217 { min-height: 173.6px; } } .mapa.alto_218 { min-height: 218px; } @media only screen and (max-width: 576px) { .mapa.alto_218 { min-height: 174.4px; } } .mapa.alto_219 { min-height: 219px; } @media only screen and (max-width: 576px) { .mapa.alto_219 { min-height: 175.2px; } } .mapa.alto_220 { min-height: 220px; } @media only screen and (max-width: 576px) { .mapa.alto_220 { min-height: 176px; } } .mapa.alto_221 { min-height: 221px; } @media only screen and (max-width: 576px) { .mapa.alto_221 { min-height: 176.8px; } } .mapa.alto_222 { min-height: 222px; } @media only screen and (max-width: 576px) { .mapa.alto_222 { min-height: 177.6px; } } .mapa.alto_223 { min-height: 223px; } @media only screen and (max-width: 576px) { .mapa.alto_223 { min-height: 178.4px; } } .mapa.alto_224 { min-height: 224px; } @media only screen and (max-width: 576px) { .mapa.alto_224 { min-height: 179.2px; } } .mapa.alto_225 { min-height: 225px; } @media only screen and (max-width: 576px) { .mapa.alto_225 { min-height: 180px; } } .mapa.alto_226 { min-height: 226px; } @media only screen and (max-width: 576px) { .mapa.alto_226 { min-height: 180.8px; } } .mapa.alto_227 { min-height: 227px; } @media only screen and (max-width: 576px) { .mapa.alto_227 { min-height: 181.6px; } } .mapa.alto_228 { min-height: 228px; } @media only screen and (max-width: 576px) { .mapa.alto_228 { min-height: 182.4px; } } .mapa.alto_229 { min-height: 229px; } @media only screen and (max-width: 576px) { .mapa.alto_229 { min-height: 183.2px; } } .mapa.alto_230 { min-height: 230px; } @media only screen and (max-width: 576px) { .mapa.alto_230 { min-height: 184px; } } .mapa.alto_231 { min-height: 231px; } @media only screen and (max-width: 576px) { .mapa.alto_231 { min-height: 184.8px; } } .mapa.alto_232 { min-height: 232px; } @media only screen and (max-width: 576px) { .mapa.alto_232 { min-height: 185.6px; } } .mapa.alto_233 { min-height: 233px; } @media only screen and (max-width: 576px) { .mapa.alto_233 { min-height: 186.4px; } } .mapa.alto_234 { min-height: 234px; } @media only screen and (max-width: 576px) { .mapa.alto_234 { min-height: 187.2px; } } .mapa.alto_235 { min-height: 235px; } @media only screen and (max-width: 576px) { .mapa.alto_235 { min-height: 188px; } } .mapa.alto_236 { min-height: 236px; } @media only screen and (max-width: 576px) { .mapa.alto_236 { min-height: 188.8px; } } .mapa.alto_237 { min-height: 237px; } @media only screen and (max-width: 576px) { .mapa.alto_237 { min-height: 189.6px; } } .mapa.alto_238 { min-height: 238px; } @media only screen and (max-width: 576px) { .mapa.alto_238 { min-height: 190.4px; } } .mapa.alto_239 { min-height: 239px; } @media only screen and (max-width: 576px) { .mapa.alto_239 { min-height: 191.2px; } } .mapa.alto_240 { min-height: 240px; } @media only screen and (max-width: 576px) { .mapa.alto_240 { min-height: 192px; } } .mapa.alto_241 { min-height: 241px; } @media only screen and (max-width: 576px) { .mapa.alto_241 { min-height: 192.8px; } } .mapa.alto_242 { min-height: 242px; } @media only screen and (max-width: 576px) { .mapa.alto_242 { min-height: 193.6px; } } .mapa.alto_243 { min-height: 243px; } @media only screen and (max-width: 576px) { .mapa.alto_243 { min-height: 194.4px; } } .mapa.alto_244 { min-height: 244px; } @media only screen and (max-width: 576px) { .mapa.alto_244 { min-height: 195.2px; } } .mapa.alto_245 { min-height: 245px; } @media only screen and (max-width: 576px) { .mapa.alto_245 { min-height: 196px; } } .mapa.alto_246 { min-height: 246px; } @media only screen and (max-width: 576px) { .mapa.alto_246 { min-height: 196.8px; } } .mapa.alto_247 { min-height: 247px; } @media only screen and (max-width: 576px) { .mapa.alto_247 { min-height: 197.6px; } } .mapa.alto_248 { min-height: 248px; } @media only screen and (max-width: 576px) { .mapa.alto_248 { min-height: 198.4px; } } .mapa.alto_249 { min-height: 249px; } @media only screen and (max-width: 576px) { .mapa.alto_249 { min-height: 199.2px; } } .mapa.alto_250 { min-height: 250px; } @media only screen and (max-width: 576px) { .mapa.alto_250 { min-height: 200px; } } .mapa.alto_251 { min-height: 251px; } @media only screen and (max-width: 576px) { .mapa.alto_251 { min-height: 200.8px; } } .mapa.alto_252 { min-height: 252px; } @media only screen and (max-width: 576px) { .mapa.alto_252 { min-height: 201.6px; } } .mapa.alto_253 { min-height: 253px; } @media only screen and (max-width: 576px) { .mapa.alto_253 { min-height: 202.4px; } } .mapa.alto_254 { min-height: 254px; } @media only screen and (max-width: 576px) { .mapa.alto_254 { min-height: 203.2px; } } .mapa.alto_255 { min-height: 255px; } @media only screen and (max-width: 576px) { .mapa.alto_255 { min-height: 204px; } } .mapa.alto_256 { min-height: 256px; } @media only screen and (max-width: 576px) { .mapa.alto_256 { min-height: 204.8px; } } .mapa.alto_257 { min-height: 257px; } @media only screen and (max-width: 576px) { .mapa.alto_257 { min-height: 205.6px; } } .mapa.alto_258 { min-height: 258px; } @media only screen and (max-width: 576px) { .mapa.alto_258 { min-height: 206.4px; } } .mapa.alto_259 { min-height: 259px; } @media only screen and (max-width: 576px) { .mapa.alto_259 { min-height: 207.2px; } } .mapa.alto_260 { min-height: 260px; } @media only screen and (max-width: 576px) { .mapa.alto_260 { min-height: 208px; } } .mapa.alto_261 { min-height: 261px; } @media only screen and (max-width: 576px) { .mapa.alto_261 { min-height: 208.8px; } } .mapa.alto_262 { min-height: 262px; } @media only screen and (max-width: 576px) { .mapa.alto_262 { min-height: 209.6px; } } .mapa.alto_263 { min-height: 263px; } @media only screen and (max-width: 576px) { .mapa.alto_263 { min-height: 210.4px; } } .mapa.alto_264 { min-height: 264px; } @media only screen and (max-width: 576px) { .mapa.alto_264 { min-height: 211.2px; } } .mapa.alto_265 { min-height: 265px; } @media only screen and (max-width: 576px) { .mapa.alto_265 { min-height: 212px; } } .mapa.alto_266 { min-height: 266px; } @media only screen and (max-width: 576px) { .mapa.alto_266 { min-height: 212.8px; } } .mapa.alto_267 { min-height: 267px; } @media only screen and (max-width: 576px) { .mapa.alto_267 { min-height: 213.6px; } } .mapa.alto_268 { min-height: 268px; } @media only screen and (max-width: 576px) { .mapa.alto_268 { min-height: 214.4px; } } .mapa.alto_269 { min-height: 269px; } @media only screen and (max-width: 576px) { .mapa.alto_269 { min-height: 215.2px; } } .mapa.alto_270 { min-height: 270px; } @media only screen and (max-width: 576px) { .mapa.alto_270 { min-height: 216px; } } .mapa.alto_271 { min-height: 271px; } @media only screen and (max-width: 576px) { .mapa.alto_271 { min-height: 216.8px; } } .mapa.alto_272 { min-height: 272px; } @media only screen and (max-width: 576px) { .mapa.alto_272 { min-height: 217.6px; } } .mapa.alto_273 { min-height: 273px; } @media only screen and (max-width: 576px) { .mapa.alto_273 { min-height: 218.4px; } } .mapa.alto_274 { min-height: 274px; } @media only screen and (max-width: 576px) { .mapa.alto_274 { min-height: 219.2px; } } .mapa.alto_275 { min-height: 275px; } @media only screen and (max-width: 576px) { .mapa.alto_275 { min-height: 220px; } } .mapa.alto_276 { min-height: 276px; } @media only screen and (max-width: 576px) { .mapa.alto_276 { min-height: 220.8px; } } .mapa.alto_277 { min-height: 277px; } @media only screen and (max-width: 576px) { .mapa.alto_277 { min-height: 221.6px; } } .mapa.alto_278 { min-height: 278px; } @media only screen and (max-width: 576px) { .mapa.alto_278 { min-height: 222.4px; } } .mapa.alto_279 { min-height: 279px; } @media only screen and (max-width: 576px) { .mapa.alto_279 { min-height: 223.2px; } } .mapa.alto_280 { min-height: 280px; } @media only screen and (max-width: 576px) { .mapa.alto_280 { min-height: 224px; } } .mapa.alto_281 { min-height: 281px; } @media only screen and (max-width: 576px) { .mapa.alto_281 { min-height: 224.8px; } } .mapa.alto_282 { min-height: 282px; } @media only screen and (max-width: 576px) { .mapa.alto_282 { min-height: 225.6px; } } .mapa.alto_283 { min-height: 283px; } @media only screen and (max-width: 576px) { .mapa.alto_283 { min-height: 226.4px; } } .mapa.alto_284 { min-height: 284px; } @media only screen and (max-width: 576px) { .mapa.alto_284 { min-height: 227.2px; } } .mapa.alto_285 { min-height: 285px; } @media only screen and (max-width: 576px) { .mapa.alto_285 { min-height: 228px; } } .mapa.alto_286 { min-height: 286px; } @media only screen and (max-width: 576px) { .mapa.alto_286 { min-height: 228.8px; } } .mapa.alto_287 { min-height: 287px; } @media only screen and (max-width: 576px) { .mapa.alto_287 { min-height: 229.6px; } } .mapa.alto_288 { min-height: 288px; } @media only screen and (max-width: 576px) { .mapa.alto_288 { min-height: 230.4px; } } .mapa.alto_289 { min-height: 289px; } @media only screen and (max-width: 576px) { .mapa.alto_289 { min-height: 231.2px; } } .mapa.alto_290 { min-height: 290px; } @media only screen and (max-width: 576px) { .mapa.alto_290 { min-height: 232px; } } .mapa.alto_291 { min-height: 291px; } @media only screen and (max-width: 576px) { .mapa.alto_291 { min-height: 232.8px; } } .mapa.alto_292 { min-height: 292px; } @media only screen and (max-width: 576px) { .mapa.alto_292 { min-height: 233.6px; } } .mapa.alto_293 { min-height: 293px; } @media only screen and (max-width: 576px) { .mapa.alto_293 { min-height: 234.4px; } } .mapa.alto_294 { min-height: 294px; } @media only screen and (max-width: 576px) { .mapa.alto_294 { min-height: 235.2px; } } .mapa.alto_295 { min-height: 295px; } @media only screen and (max-width: 576px) { .mapa.alto_295 { min-height: 236px; } } .mapa.alto_296 { min-height: 296px; } @media only screen and (max-width: 576px) { .mapa.alto_296 { min-height: 236.8px; } } .mapa.alto_297 { min-height: 297px; } @media only screen and (max-width: 576px) { .mapa.alto_297 { min-height: 237.6px; } } .mapa.alto_298 { min-height: 298px; } @media only screen and (max-width: 576px) { .mapa.alto_298 { min-height: 238.4px; } } .mapa.alto_299 { min-height: 299px; } @media only screen and (max-width: 576px) { .mapa.alto_299 { min-height: 239.2px; } } .mapa.alto_300 { min-height: 300px; } @media only screen and (max-width: 576px) { .mapa.alto_300 { min-height: 240px; } } a.mobile-map-set { display: none; } @media only screen and (max-width: 800px) { a.mobile-map-set { display: block; position: absolute; right: 6px; width: 32px; height: 32px; top: 24px; border-radius: 3px; overflow: hidden; color: rgba(255, 255, 255, 0); background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); background-size: auto 110%; background-repeat: no-repeat; background-position: center center; background-color: #00953a; } .flotante ~ a.mobile-map-set { top: 0; } a.mobile-map-set:hover { overflow: hidden; color: rgba(255, 255, 255, 0); } } .pack-modulos { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; background-size: cover; background-repeat: no-repeat; background-position: top center; flex: 0 0 100%; padding: 40px; padding-top: 100px; } @media only screen and (max-width: 1145px) { .pack-modulos { justify-content: flex-end; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; } } #agrupaciones .pack-modulos { display: -ms-grid; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; } @media only screen and (max-width: 1660px) { #agrupaciones .pack-modulos { grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; } } @media only screen and (max-width: 1440px) { #agrupaciones .pack-modulos { grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; } } @media only screen and (max-width: 1290px) { #agrupaciones .pack-modulos { grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; } } @media only screen and (max-width: 1145px) { #agrupaciones .pack-modulos { grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; } } @media only screen and (max-width: 800px) { #agrupaciones .pack-modulos { grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; } } @media only screen and (max-width: 576px) { #agrupaciones .pack-modulos { grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; } } .pack-modulos figcaption { flex: 0 0 100%; margin-bottom: 70px; } @media only screen and (max-width: 1145px) { .pack-modulos figcaption { margin-bottom: 20px; flex: 1 0 100%; } } .pack-modulos figcaption h4, .pack-modulos figcaption h1 { text-align: right; color: white; font-size: 1.5rem; } .pack-modulos .sub-titulares { flex: 1 0 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid white; padding-bottom: 4px; margin-bottom: 10px; } @media only screen and (max-width: 1145px) { .pack-modulos .sub-titulares { flex: 1 0 100%; } } .pack-modulos .sub-titulares h2 { padding: 0; text-indent: 0; border: 0; color: white; font-size: 1.3rem; font-style: normal; } .pack-modulos .sub-titulares a { background-color: white; font-size: 0.7rem; margin: 0; font-weight: bolder; padding: 0; color: #595b5a; border-radius: 10px; background-image: url('_lite_next_arrow.63f280e5bfd3532eee4f.svg'); background-size: auto 18px; height: 20px; line-height: 19px; text-align: right; width: auto; padding: 0 30px 0 10px; display: inline-block; background-repeat: no-repeat; background-position: 95% center; text-decoration: none; } .pack-modulos .sub-titulares a:hover { background-color: #ffd700; } #agrupaciones .pack-modulos { padding: 0; } .modulos { flex: 0 0 800px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; margin-left: 150px; } @media only screen and (max-width: 1145px) { .modulos { flex: 1 0 100%; } } .item_modulo { height: 170px; flex: 1 0 22%; background-color: white; display: block; margin: 5px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; border-radius: 5px; } #agrupaciones .item_modulo { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); margin: 0; } .item_modulo header { flex: 0 0 100%; height: 100px; position: relative; overflow: hidden; z-index: 1; border-radius: 4px 4px 0 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } .item_modulo header figure { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 70px; width: 70px; background-color: white; border-radius: 35px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); } #agrupaciones .item_modulo header figure { box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } #agrupaciones .item_modulo header figure img { height: 80%; } .item_modulo header figure img { height: 65%; width: auto; } .item_modulo header .background { width: 100%; height: 100%; } .item_modulo header .background.azul { background-color: #006fb9; } .item_modulo header .background.verde { background-color: #00953a; } .item_modulo header .background.gris { background-color: #909090; } .item_modulo header .background.grisclaro { background-color: #ececec; } #agrupaciones .item_modulo:hover header { background-color: #006fb9; } #agrupaciones .item_modulo:hover header .background.azul, #agrupaciones .item_modulo:hover header .background.verde, #agrupaciones .item_modulo:hover header .background.gris, #agrupaciones .item_modulo:hover header .background.grisclaro { background-color: #006fb9; } #agrupaciones .item_modulo:hover section .tooltip_modulo.plain { filter: grayscale(0%); -webkit-filter: grayscale(0%); } .item_modulo section { flex: 0 0 100%; position: relative; height: 70px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; z-index: 20; } .item_modulo section .tooltip_modulo { z-index: 20; height: 43px; width: 60px; display: block; position: absolute; top: -27px; right: 0; background-image: url('tooltip_up.155dd95f69d03421da35.png'); background-size: auto 100%; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .item_modulo section .tooltip_modulo.verde { background-image: url('tooltip_up_gr.041252f4ce38a24aa022.png'); } .item_modulo section .tooltip_modulo.gris { background-image: url('tooltip_up_gray.df43ef0bb6a7cb542a82.png'); } .item_modulo section .tooltip_modulo.azul { background-image: url('tooltip_up.155dd95f69d03421da35.png'); } .item_modulo section .tooltip_modulo:hover:after { content: ''; position: absolute; bottom: 40px; left: -108px; width: 194px; display: block; font-size: 0.9rem; line-height: 1.2; text-align: center; background: #3a3a3a; color: white; content: attr(data-tooltip); padding: 10px; font-family: "Arial", sans-serif; border-radius: 4px 4px 0 0; } .item_modulo section .tooltip_modulo:hover:before { content: ''; position: absolute; display: block; width: 194px; bottom: 0px; height: 42px; left: -108px; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; background-image: url('tooltip_bottom.2d05fb8de615650cba9d.svg'); filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1)); } .item_modulo section .tooltip_modulo.plain { background-image: url('tooltip-plain.5446daaf920f30ee5530.svg'); background-size: auto 32px; top: -22px; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .item_modulo section .tooltip_modulo.plain:after, .item_modulo section .tooltip_modulo.plain:before { left: -116px; } .item_modulo section a { display: block; max-width: 90%; color: #b2b2b2 !important; font-size: 0.8rem; text-decoration: none; text-align: center; cursor: pointer; line-height: 1.3; transition: color 0.1s linear; } .item_modulo section a:hover { color: #666666 !important; } .item_modulo.pronto { position: relative; } .item_modulo.pronto:after { font-family: "overpassbold"; content: attr(data-text); display: block; padding: 2px 5px; position: absolute; top: 18px; left: 0; z-index: 101; color: white; background: #006fb9; font-size: 0.65rem; transform: rotate(-45deg); border-radius: 20px; } .item_modulo.pronto:hover:after { background-color: white; color: #006fb9; } .item_modulo.pronto a { cursor: not-allowed; color: #e8e8e8 !important; } .item_modulo.pronto a:hover { color: #e8e8e8 !important; } .item_modulo .dropdown-list { position: absolute; top: 100%; display: none; } .login-lateral { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; max-width: 1340px; width: 98%; } .pasos { margin: 10px 0 0; padding: 0; display: block; position: relative; height: 30px; } .pasos ul { width: 100%; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .pasos ul:after { content: ''; width: 98%; height: 6px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #e5e5e5; z-index: 0; } .pasos ul li { z-index: 10; list-style: none; } .pasos ul li a { text-decoration: none; padding: 0 12px; height: 30px; min-width: 30px; line-height: 30px; color: white; font-family: "overpassbold"; font-size: 0.8rem; text-align: center; display: block; border-radius: 15px; background-color: #e5e5e5; color: #595b5a; } .pasos ul li.activo a { background-color: #595b5a; color: white; } .pasos ul li.span { flex: 1 1 1%; -moz-flex: 1 1 1%; flex: 1 1 1%; -webkit-flex: 1 1 1%; -moz-flex: 1 1 1%; -ms-flex: 1 1 1%; position: relative; height: 30px; margin: 0; padding: 0; } .pasos ul li.listo { position: relative; } .pasos ul li.listo + .span:after { content: ''; width: 102%; height: 6px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; background-color: #404141; } .pasos ul li.listo a { color: white; background-color: #404141; } .pasos.verde li.listo + .span:after { background-color: #006226; } .pasos.verde li.listo a { background-color: #006226; color: white; } .pasos.verde li.listo a:after { background-color: #006226; } .pasos.verde li.activo a { background-color: #00953a; color: white; } .pasos.rojo li.listo + .span:after { background-color: #e1121e; } .pasos.rojo li.listo a { background-color: #e1121e; color: white; } .pasos.rojo li.listo:after { background-color: #e1121e; } .pasos.rojo li.activo a { background-color: #ef3742; color: white; } .pasos.azul li.listo + .span:after { background-color: #005086; } .pasos.azul li.listo a { background-color: #005086; color: white; } .pasos.azul li.listo a:after { background-color: #005086; } .pasos.azul li.activo a { color: white; background-color: #006fb9; } .pasos.listo ul:after { background-color: #595b5a; } .pasos.listo ul li { position: relative; } .pasos.listo ul li a { color: white; background-color: #595b5a; } .pasos.listo ul li:last-child a { color: rgba(0, 111, 185, 0) !important; } .pasos.listo ul li:last-child:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 90%; width: 90%; background-image: url('iconos_check_blanco.4e9584c2c15c34fe0dca.svg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .pasos.listo.verde ul:after { background-color: #00953a; } .pasos.listo.verde ul li a { color: white; background-color: #00953a; } .pasos.listo.rojo ul:after { background-color: #ef3742; } .pasos.listo.rojo ul li a { color: white; background-color: #ef3742; } .pasos.listo.azul ul:after { background-color: #006fb9; } .pasos.listo.azul ul li a { color: white; background-color: #006fb9; } .switch-cases { padding: 10px 0; width: calc(100%); } .cuerpo .switch-cases .alternatives { background-color: white; } .cuerpo .switch-cases .alternatives li.activo { background-color: #f2f2f2; } .switch-cases .alternatives { width: 100%; margin: 0 0 0 0; padding: 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; background-color: #f2f2f2; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; height: 85px; } .switch-cases .alternatives li { flex: 1 1 15%; -moz-flex: 1 1 15%; flex: 1 1 15%; -webkit-flex: 1 1 15%; -moz-flex: 1 1 15%; -ms-flex: 1 1 15%; list-style: none; border-right: 1px solid rgba(204, 204, 204, 0.5); position: relative; } .switch-cases .alternatives li a { cursor: pointer; width: 100%; display: block; height: 85px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .switch-cases .alternatives li a img { height: 50%; width: auto; filter: grayscale(100%); opacity: 0.5; -webkit-filter: grayscale(100%); opacity: 0.5; } .switch-cases .alternatives li a > p { margin: 5px 0; font-family: "overpasslight"; } .switch-cases .alternatives li.activo { background-color: white; } .switch-cases .alternatives li.activo a p { color: #006fb9; font-family: "overpasssemibold"; } .switch-cases .alternatives li.activo a img { filter: grayscale(0%); opacity: 1; -webkit-filter: grayscale(0%); opacity: 1; } .switch-cases .alternatives li:hover { background-color: white; } .switch-cases .alternatives li:last-child { border: none; } .switch-cases .alternatives li figure { text-align: center; margin: 0; padding: 0; display: block; width: 100%; } .switch-cases .alternatives li img { display: inline-block; } .switch-cases .alternatives li p { line-height: 1.4; text-align: center; font-family: "overpassregular"; font-size: 0.85rem !important; } .switch-cases .content { position: relative; display: none; margin: 15px 0 10px; width: calc(100% - 20px); padding: 10px 10px 20px 10px; border-radius: 2px; background-color: white; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05); } .switch-cases .content.activo { display: block; } .switch-cases .content:after { text-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); content: '\25B2'; color: white; position: absolute; font-size: 2rem; top: -12px; height: 10px; left: attr(data-pos); } .switch-cases .content.pos_0:after { left: 0%; } .switch-cases .content.pos_1:after { left: 1%; } .switch-cases .content.pos_2:after { left: 2%; } .switch-cases .content.pos_3:after { left: 3%; } .switch-cases .content.pos_4:after { left: 4%; } .switch-cases .content.pos_5:after { left: 5%; } .switch-cases .content.pos_6:after { left: 6%; } .switch-cases .content.pos_7:after { left: 7%; } .switch-cases .content.pos_8:after { left: 8%; } .switch-cases .content.pos_9:after { left: 9%; } .switch-cases .content.pos_10:after { left: 10%; } .switch-cases .content.pos_11:after { left: 11%; } .switch-cases .content.pos_12:after { left: 12%; } .switch-cases .content.pos_13:after { left: 13%; } .switch-cases .content.pos_14:after { left: 14%; } .switch-cases .content.pos_15:after { left: 15%; } .switch-cases .content.pos_16:after { left: 16%; } .switch-cases .content.pos_17:after { left: 17%; } .switch-cases .content.pos_18:after { left: 18%; } .switch-cases .content.pos_19:after { left: 19%; } .switch-cases .content.pos_20:after { left: 20%; } .switch-cases .content.pos_21:after { left: 21%; } .switch-cases .content.pos_22:after { left: 22%; } .switch-cases .content.pos_23:after { left: 23%; } .switch-cases .content.pos_24:after { left: 24%; } .switch-cases .content.pos_25:after { left: 25%; } .switch-cases .content.pos_26:after { left: 26%; } .switch-cases .content.pos_27:after { left: 27%; } .switch-cases .content.pos_28:after { left: 28%; } .switch-cases .content.pos_29:after { left: 29%; } .switch-cases .content.pos_30:after { left: 30%; } .switch-cases .content.pos_31:after { left: 31%; } .switch-cases .content.pos_32:after { left: 32%; } .switch-cases .content.pos_33:after { left: 33%; } .switch-cases .content.pos_34:after { left: 34%; } .switch-cases .content.pos_35:after { left: 35%; } .switch-cases .content.pos_36:after { left: 36%; } .switch-cases .content.pos_37:after { left: 37%; } .switch-cases .content.pos_38:after { left: 38%; } .switch-cases .content.pos_39:after { left: 39%; } .switch-cases .content.pos_40:after { left: 40%; } .switch-cases .content.pos_41:after { left: 41%; } .switch-cases .content.pos_42:after { left: 42%; } .switch-cases .content.pos_43:after { left: 43%; } .switch-cases .content.pos_44:after { left: 44%; } .switch-cases .content.pos_45:after { left: 45%; } .switch-cases .content.pos_46:after { left: 46%; } .switch-cases .content.pos_47:after { left: 47%; } .switch-cases .content.pos_48:after { left: 48%; } .switch-cases .content.pos_49:after { left: 49%; } .switch-cases .content.pos_50:after { left: 50%; } .switch-cases .content.pos_51:after { left: 51%; } .switch-cases .content.pos_52:after { left: 52%; } .switch-cases .content.pos_53:after { left: 53%; } .switch-cases .content.pos_54:after { left: 54%; } .switch-cases .content.pos_55:after { left: 55%; } .switch-cases .content.pos_56:after { left: 56%; } .switch-cases .content.pos_57:after { left: 57%; } .switch-cases .content.pos_58:after { left: 58%; } .switch-cases .content.pos_59:after { left: 59%; } .switch-cases .content.pos_60:after { left: 60%; } .switch-cases .content.pos_61:after { left: 61%; } .switch-cases .content.pos_62:after { left: 62%; } .switch-cases .content.pos_63:after { left: 63%; } .switch-cases .content.pos_64:after { left: 64%; } .switch-cases .content.pos_65:after { left: 65%; } .switch-cases .content.pos_66:after { left: 66%; } .switch-cases .content.pos_67:after { left: 67%; } .switch-cases .content.pos_68:after { left: 68%; } .switch-cases .content.pos_69:after { left: 69%; } .switch-cases .content.pos_70:after { left: 70%; } .switch-cases .content.pos_71:after { left: 71%; } .switch-cases .content.pos_72:after { left: 72%; } .switch-cases .content.pos_73:after { left: 73%; } .switch-cases .content.pos_74:after { left: 74%; } .switch-cases .content.pos_75:after { left: 75%; } .switch-cases .content.pos_76:after { left: 76%; } .switch-cases .content.pos_77:after { left: 77%; } .switch-cases .content.pos_78:after { left: 78%; } .switch-cases .content.pos_79:after { left: 79%; } .switch-cases .content.pos_80:after { left: 80%; } .switch-cases .content.pos_81:after { left: 81%; } .switch-cases .content.pos_82:after { left: 82%; } .switch-cases .content.pos_83:after { left: 83%; } .switch-cases .content.pos_84:after { left: 84%; } .switch-cases .content.pos_85:after { left: 85%; } .switch-cases .content.pos_86:after { left: 86%; } .switch-cases .content.pos_87:after { left: 87%; } .switch-cases .content.pos_88:after { left: 88%; } .switch-cases .content.pos_89:after { left: 89%; } .switch-cases .content.pos_90:after { left: 90%; } .switch-cases .content.pos_91:after { left: 91%; } .switch-cases .content.pos_92:after { left: 92%; } .switch-cases .content.pos_93:after { left: 93%; } .switch-cases .content.pos_94:after { left: 94%; } .switch-cases .content.pos_95:after { left: 95%; } .switch-cases .content.pos_96:after { left: 96%; } .switch-cases .content.pos_97:after { left: 97%; } .switch-cases .content.pos_98:after { left: 98%; } .switch-cases .content.pos_99:after { left: 99%; } .switch-cases .content.pos_100:after { left: 100%; } .item-hide { display: none !important; } .datos-expandible { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } .datos-expandible .datos-internos { flex: 2; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; padding: 5px; } .datos-expandible .datos-internos .modulo-dato { text-indent: 0; flex: 0 0 100%; margin-bottom: 10px; } .datos-expandible .datos-internos .modulo-dato h4 { padding: 0; margin: 0; font-size: 0.7rem; line-height: 1; } .datos-expandible .datos-internos .modulo-dato p { padding: 0; margin: 0; color: #006fb9; font-size: 0.7rem; line-height: 1; } .datos-expandible .datos-internos .modulo-dato small { padding: 0; margin: 0; font-size: 0.6rem; line-height: 1; } .datos-expandible .datos-consulta { flex: 6; } .datos-expandible .datos-consulta h3 { font-size: 0.8rem; font-family: "overpassbold"; text-indent: 0; } .datos-expandible .datos-consulta p { text-indent: 0; } .contenedor-zona { width: 100%; display: block; background-color: #595b5a; padding: 5px 5px 5px 5px; } .contenedor-zona .zona-header .modulo-tabs { margin-top: 15px; margin-bottom: -1px; } .contenedor-zona .zona-header .modulo-tabs ul { margin: 0; padding: 0; width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } .contenedor-zona .zona-header .modulo-tabs ul li { list-style: none; margin: 0 0 0 10px; padding: 0 10px; display: inline-block; font-size: 1rem; font-family: "overpasslight"; } .contenedor-zona .zona-header .modulo-tabs ul li a { cursor: pointer; display: inline-block; text-decoration: none; height: 40px; line-height: 39px; } .contenedor-zona .zona-header .modulo-tabs ul li.activo { background-color: #f2f2f2; border-radius: 3px 3px 0 0; } .contenedor-zona .zona-header .modulo-tabs ul li.activo a { font-family: "overpassbold"; } .contenedor-zona .zona-header .modulo-tabs a { color: white; } .contenedor-zona .zona-header .modulo-tabs li.activo a { color: #006fb9; } .contenedor-zona .zona-header .modulo-tabs li.activo a:hover { color: #006fb9; } .contenedor-zona .zona-content { padding: 10px 0px 20px 0px; } .contenedor-zona .zona-content.dinamica { display: none; } .contenedor-zona .zona-content.dinamica.activo { display: block; background-color: #f2f2f2; } .contenedor-zona .resultados-datos { margin-bottom: 0; padding-bottom: 0px; } .edicion-tabla { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; padding: 7px 5px 7px 5px; } .edicion-tabla .data-edicion { flex: 0 0 100px; } .edicion-tabla .content-edicion { flex: 1 0 50%; } .edicion-tabla .content-edicion .agrupacion { width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; } .edicion-tabla .content-edicion .agrupacion h4 { width: 100%; flex: 0 0 100%; } .edicion-tabla .content-edicion .agrupacion .formularios { flex: 2; } .edicion-tabla .content-edicion .agrupacion .data-activate { flex: 8; } .edicion-tabla .content-edicion .agrupacion .data-activate .formularios { width: 98%; min-width: 0px; margin: 0; padding: 0; } .edicion-tabla .content-edicion .agrupacion .data-activate .formularios input { min-width: 0px; margin: 0; padding: 0; } .edicion-tabla .content-edicion .data-activate.active { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .edicion-tabla .content-edicion h4 { line-height: 1; margin: 4px 0 0 0; padding: 0; font-size: 0.7rem; } .edicion-tabla .content-edicion .round-switch { margin: 0 !important; padding: 0 !important; width: auto; min-width: 0px !important; } .edicion-tabla .content-edicion .round-switch input { width: 0; height: 0px; } .edicion-tabla .content-edicion .formulario-seccion { padding: 0 5px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .edicion-tabla .content-edicion .formulario-seccion .formularios { margin: 0; } .edicion-tabla .content-edicion .formulario-seccion .formularios.flex-1 { flex: 1; } .edicion-tabla .content-edicion .formulario-seccion .formularios.flex-2 { flex: 2; } .edicion-tabla .content-edicion .formulario-seccion .formularios.flex-3 { flex: 3; } .edicion-tabla .content-edicion .formulario-seccion .formularios.flex-4 { flex: 4; } .edicion-tabla .btns { margin: 3px 0; border-left: 1px solid rgba(0, 0, 0, 0.05); flex: 0 0 24px; text-align: right; padding: 2px 11px 2px 0; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; align-content: flex-end; -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; } .edicion-tabla .btns a { width: 20px; height: 20px; display: inline-block; margin: 5px 0 0 0; padding: 0; } .edicion-tabla .btns a .bci-icon { margin: 0; padding: 0; width: 20px; height: 20px; } .pestanas-cerrar { position: absolute; bottom: 3px; right: 0; color: #f2f2f2; background: url('_lite_cerrar.40c3192a031e459c1243.svg') right center no-repeat; background-size: auto 30px; padding: 0 30px 0 10px; border-radius: 4px 4px 0 0; line-height: 30px; background-color: #404141; text-decoration: none; } .pestanas-cerrar:hover { text-decoration: none; background-color: #272727; } .botonera-modulos { background-color: #e9e9e9; border-top: 1px solid #dddddd; padding: 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .botonera-modulos .boton { margin: 0 10px; } .botonera-modulos .divisor { flex: 1 0 49%; } .botonera-modulos .divisor.izq { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .botonera-modulos .divisor.izq .boton { margin: 0 10px 0 0; } .botonera-modulos .divisor.der { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .botonera-modulos .divisor.der .boton { margin: 0 0 0 10px; } .modulos-informacion { max-width: 1290px; width: 96%; display: block; position: relative; } .modulos-informacion.btn-activo { margin-top: 16px; } .modulos-informacion.btn-activo > .pestanas-cerrar { bottom: 100%; } .modulos-informacion.expandido { max-width: 1640px; } .modulos-informacion.agrupaciones { padding-left: 300px; } @media only screen and (max-width: 1660px) { .modulos-informacion.agrupaciones { padding-left: 250px; } } @media only screen and (max-width: 1440px) { .modulos-informacion.agrupaciones { padding-left: 300px; } } @media only screen and (max-width: 1290px) { .modulos-informacion.agrupaciones { padding-left: 35%; } } @media only screen and (max-width: 1145px) { .modulos-informacion.agrupaciones { padding-left: 0; } } .modulos-informacion > .pestanas { width: 100%; display: block; position: relative; } .modulos-informacion > .pestanas.dark { background-color: rgba(0, 0, 0, 0.8); } .modulos-informacion > .pestanas.dark .pestanas-cerrar { background-color: inherit; } .modulos-informacion > .pestanas.dark .pestanas-cerrar:hover { opacity: 0.7; } .modulos-informacion > .pestanas ul { margin: 0 0 -3px 0; padding: 0; width: 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; } .modulos-informacion > .pestanas ul li { margin: 0; padding: 0; list-style: none; text-align: center; padding: 0 10px; color: white; line-height: 30px; border-top: 6px solid rgba(0, 0, 0, 0); font-family: "overpassregular"; font-size: 0.95rem; margin: 0 8px 0 0; } .modulos-informacion > .pestanas ul li:last-child { margin: 0; } .modulos-informacion > .pestanas ul li a { width: 100%; cursor: pointer; color: rgba(255, 255, 255, 0.7); } .modulos-informacion > .pestanas ul li a:hover { text-decoration: none; } .modulos-informacion > .pestanas ul li:hover { background-color: rgba(255, 255, 255, 0.2); } @media only screen and (max-width: 1145px) { .modulos-informacion > .pestanas ul li { padding: 0 5px; font-size: 0.85rem; } } @media only screen and (max-width: 800px) { .modulos-informacion > .pestanas ul li { font-size: 0.8rem; padding: 0 2px; } } .modulos-informacion > .pestanas ul li.activo { background-color: white; color: #006fb9; border-top: 6px solid #006fb9; } .modulos-informacion > .pestanas ul li.activo a { color: #006fb9; } .modulos-informacion .content { display: block; background: #f1f1f1; width: 100%; } .modulos-informacion .content.dinamico { display: none; } .modulos-informacion .content.dinamico.activo { display: block; } .modulos-informacion .content .acciones { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; width: 100%; background-color: white; min-height: 90px; padding: 5px 10px 5px 10px; } .modulos-informacion .content .acciones .filtros { flex: 11; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; align-content: flex-end; -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; } @media only screen and (max-width: 1145px) { .modulos-informacion .content .acciones .filtros { flex: 12; } } @media only screen and (max-width: 1290px) { .modulos-informacion .content .acciones .filtros .dummy { display: none !important; } } .modulos-informacion .content .acciones .filtros .boton { margin-bottom: 10px; flex: 0 0 80px; padding: 8px 0; min-width: 0; } .modulos-informacion .content .acciones .filtros .vue .vs__actions .vs__clear { top: 0px; } .modulos-informacion .content .acciones .filtros .vue .vue-formulario { height: 40px; } .modulos-informacion .content .acciones .filtros .vue .vue-formulario .vs__dropdown-toggle { margin: 0; padding: 0; height: 40px; background-color: #f1f1f1; } .modulos-informacion .content .acciones .filtros .vue .vue-formulario input { margin: 0; padding: 0; } .modulos-informacion .content .acciones .filtros .formularios { flex: 1 0 10%; margin-right: 10px; min-width: 0; } .modulos-informacion .content .acciones .filtros .formularios input, .modulos-informacion .content .acciones .filtros .formularios select, .modulos-informacion .content .acciones .filtros .formularios textarea { min-width: 0; background-color: #f1f1f1; } @media only screen and (max-width: 800px) { .modulos-informacion .content .acciones .filtros .formularios .secundaria { display: none; } } .modulos-informacion .content .acciones.automatico { min-height: 0px; } .modulos-informacion .content .acciones .titulares { margin: 5px 0 10px 0; padding: 0; flex: 0 0 100%; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } @media only screen and (max-width: 1145px) { .modulos-informacion .content .acciones .titulares { flex: 0 0 100%; } } .modulos-informacion .content .acciones .titulares p { margin: 0; line-height: 1; text-indent: 18px; } @media only screen and (max-width: 1145px) { .modulos-informacion .content .acciones .titulares p { display: none; } } .modulos-informacion .content .acciones.buscadores .filtros { flex: 9; } .modulos-informacion .content .acciones.buscadores .data-activate { display: none; } .modulos-informacion .content .acciones.buscadores .data-activate.active { flex: 1; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .modulos-informacion .content .acciones.buscadores .data-activate.active .formularios { flex: 1; } .modulos-informacion .content .resultados { width: 100%; min-height: 300px; position: relative; } .modulos-informacion .content .resultados .flotante { width: 50%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modulos-informacion .content .resultados .informativo { text-align: center; } .modulos-informacion .content .resultados .informativo .bci-icon { display: inline-block; height: 80px; width: 80%; background-size: auto 90%; } .modulos-informacion .content .resultados .informativo p { font-family: "overpassregular"; font-size: 1rem; color: #aeb2af; text-align: center; } .modulos-informacion .content .resultados .resultados-informacion { background: white; width: 100%; position: relative; padding: 5px 10px 10px 10px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; } .modulos-informacion .content .resultados .resultados-informacion:after { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); content: ''; display: block; width: calc(100% - 17px); height: 1px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .modulos-informacion .content .resultados .resultados-informacion p { margin: 0; font-family: "overpassregular"; font-size: 0.8rem; color: #595b5a; flex: 1; } .modulos-informacion .content .resultados .resultados-informacion .boton { min-width: 0px !important; flex-grow: 0; margin: 2px 0 2px 10px; } .modulos-informacion .content .resultados .resultados-informacion.interior { padding: 5px 10px 2px 10px; min-height: 50px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; } .modulos-informacion .content .resultados .resultados-informacion.interior .flot { flex: 1; } .modulos-informacion .content .resultados .resultados-informacion.interior .flot p { margin-bottom: 10px; } .modulos-informacion .content .resultados .resultados-informacion.interior .tabla-resumen { flex: 0 0 430px; } .icono-inline { display: inline-block; height: 20px; width: 30px; position: relative; } .icono-inline .bci-icon { position: absolute; top: 3px; left: 0; height: 25px; margin-right: 6px; background-size: auto 100%; width: 25px; } .resultados-datos { padding: 10px; margin-bottom: 30px; } .modal .resultados-datos { padding: 0 !important; margin-bottom: 3px; } .resultados-datos .tablas td, .resultados-datos .tablas th, .resultados-datos .tablaDatos td, .resultados-datos .tablaDatos th { text-align: left; position: relative; min-height: 24px !important; } .resultados-datos .tablas td, .resultados-datos .tablaDatos td { height: 36px; min-height: 36px; position: relative; } .resultados-datos .tablas td .pequena, .resultados-datos .tablaDatos td .pequena { height: 10px; width: 23px; } .resultados-datos .tablas td .solo-descargar, .resultados-datos .tablaDatos td .solo-descargar { width: 100px; position: absolute; top: 50%; left: 100%; transform: translate(-100%, -50%); } .resultados-datos .tablas th.corta, .resultados-datos .tablas td.corta, .resultados-datos .tablaDatos th.corta, .resultados-datos .tablaDatos td.corta { text-align: right; } .resultados-datos .tablas .solo-icono, .resultados-datos .tablaDatos .solo-icono { display: inline-block; width: 26px; padding: 0; margin: 3px 0 0 0; } .resultados-datos .tablas .solo-icono .bci-icon, .resultados-datos .tablaDatos .solo-icono .bci-icon { width: 26px; height: 24px; } .resultados-datos .tablas th, .resultados-datos .tablaDatos th { font-size: 0.65rem; } .resultados-datos.pestanas { padding: 0; } .resultados-datos.pestanas.azul > .modulo-tabs { background-color: #006fb9; } .resultados-datos.pestanas > .modulo-tabs { background-color: #595b5a; width: 100%; display: block; padding: 5px 0 0 8px; margin-bottom: -1px; position: relative; } .resultados-datos.pestanas > .modulo-tabs ul { margin: 0; padding: 0; } .resultados-datos.pestanas > .modulo-tabs ul li { list-style: none; margin: 0; padding: 0 10px; display: inline-block; font-size: 0.82rem; font-family: "overpasslight"; } .resultados-datos.pestanas > .modulo-tabs ul li a { cursor: pointer; color: rgba(255, 255, 255, 0.5); display: inline-block; text-decoration: none; height: 24px; line-height: 23px; } .resultados-datos.pestanas > .modulo-tabs ul li a:hover { color: rgba(255, 255, 255, 0.7); } .resultados-datos.pestanas > .modulo-tabs ul li.activo { background-color: #f2f2f2; border-radius: 3px 3px 0 0; } .resultados-datos.pestanas > .modulo-tabs ul li.activo a { color: #595b5a; font-family: "overpassbold"; } .resultados-datos.pestanas > .modulo-tabs ul li.activo a:hover { color: #595b5a; } .resultados-datos.pestanas .pestanas-content { display: none; } .resultados-datos.pestanas .pestanas-content.activo { display: block; padding: 10px; } .tabla-resumen { margin: 5px 0 10px; width: 100%; padding: 4px; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; border-radius: 2px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); } .tabla-resumen h1 { width: 100%; flex: 0 0 100%; color: white; font-size: 0.8rem; line-height: 1; margin: 3px 0; } .tabla-resumen.azul { background-color: #006fb9; } .tabla-resumen.azuloscuro { background-color: #005086; } .tabla-resumen.rojo { background-color: #ef3742; } .tabla-resumen.verde { background-color: #00953a; } .tabla-resumen.amarillo { background-color: #ffd700; } .tabla-resumen.amarillo h1 { color: #595b5a; } .tabla-resumen.gris { background-color: #595b5a; } .tabla-resumen .modulo-resumen { background-color: white; flex: 2; margin: 2px; } .tabla-resumen .modulo-resumen.destacado { flex: 3; } .tabla-resumen .modulo-resumen span { padding: 2px; text-indent: 2px; background-color: #aeb2af; color: white; width: 100%; height: 20px; display: block; font-size: 0.7rem; font-family: "overpassregular"; } .tabla-resumen .modulo-resumen p { color: #595b5a; font-family: "overpasslight"; padding: 6px 3px; font-size: 0.95rem; margin: 0; } @media only screen and (max-width: 1145px) { .tabla-resumen .modulo-resumen p { padding: 6px 2px; font-size: 0.8rem; } } @media only screen and (max-width: 800px) { .tabla-resumen .modulo-resumen p { padding: 6px 2px; font-size: 0.6rem; } } .tabla-resumen .modulo-resumen.destacado.azul span { background-color: #006fb9; } .tabla-resumen .modulo-resumen.destacado.azuloscuro span { background-color: #005086; } .tabla-resumen .modulo-resumen.destacado.rojo span { background-color: #ef3742; } .tabla-resumen .modulo-resumen.destacado.verde span { background-color: #00953a; } .tabla-resumen .modulo-resumen.destacado.amarillo span { background-color: #ffd700; color: #595b5a; } .tabla-resumen .modulo-resumen.destacado.gris span { background-color: #595b5a; } /*ENDOSOS WEB*/ .bodyBackgroundImage { height: 100%; width: 100%; background-color: #f2f2f2; background-size: cover; background-position: center center; background-repeat: no-repeat; } .cabeceraM { position: relative; max-width: 1200px; margin: 0 auto; height: 85px; } .cabeceraM .logotipoBCISeguros { background: url('baselogo.40be1eeb7627766436b1.png') center bottom no-repeat; width: 342px; position: absolute; top: 0; left: -30px; /* height: 140px; */ height: 165px; z-index: 10000; } .cabeceraM .logotipoBCISeguros span { position: absolute; top: 0; left: 0; width: 100%; height: 75%; background: url('logo.dadbe1468bd243325c8a.png') center center no-repeat; background-size: 75% auto; display: block; text-indent: -99999px; overflow-x: hidden; } .logoEndoso { float: right; padding-top: 30px; /* background: url(./assets/img/ENDOSOS-01.png)center center no-repeat; */ } .building-icon { background: transparent; content: url('building-regular.e40dd43d221536d2c75a.svg'); box-sizing: border-box; color: rgb(0, 128, 0); display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; font-weight: 400; height: 16px; line-height: 24px; overflow-x: visible; overflow-y: visible; text-align: center; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; white-space: nowrap; width: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .addressCard-icon { background: transparent; content: url('address-card-regular.24276b1c5496c3dcb003.svg'); box-sizing: border-box; display: block; color: rgb(0, 128, 0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 20px; font-weight: 400; height: 20px; line-height: 24px; overflow-x: visible; overflow-y: visible; text-align: center; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; white-space: nowrap; width: 14px; } .item-selected { background: green; color: white; } .marginUnset { margin: 1% 1% 2%; } .marginModificationComponent { margin: 1% 23% 2%; } /*Iconos*/ .icono-cartera { background-color: #0071ce; background-size: 60% auto !important; background-image: url('icono-cartera.f284dd09bb5f8b60148e.svg'); } .icono-ventas { background-color: gold; background-image: url('icono-ventas.7c98cb002ae848424a27.svg'); } .icono-sistemas { background-color: #00953a; background-image: url('icono-sistemas.1963bd6372179d761254.svg'); } .iconos_busqueda { background-color: #f25774; background-size: 60% auto !important; background-image: url('iconos_busqueda.ca84527c156047c21f68.svg'); } .iconos-bcichat { background-color: #aeb2af; background-size: 60% auto !important; background-image: url('iconos-bcichat.7d35b13c6861460920ee.svg'); } .icono-cumple { background-color: #9c67d2; background-size: 60% auto !important; background-image: url('icono-cumpleano.9901aaedee1be87c566c.svg'); } .icono-noticias { background-color: #ef3742; background-image: url('icono-noticias.c47500e24c4d06ddb084.svg'); } ._bold2_email { background-color: #d7b401; background-size: 100% auto !important; background-image: url('_bold2_email.7079e556403c42f0abd0.svg'); } .icono-endosos { background-color: #29bb89; background-image: url('icono-endosos.28baf8e309fd0a71e6d0.svg'); } ._express_contactar { background-color: #b4764f; background-image: url('_express_contactar.b37be20a631267358597.svg'); } .ico_endosos { background-color: #3490de; background-image: url('icono-endosos.28baf8e309fd0a71e6d0.svg'); } .ico_setup { background-color: #f58a27; background-image: url('ico_setup.068d50153378003ecc4b.svg'); } .ico_renovacionLP { background-color: #1cc5dc; background-image: url('ico_renovacionLP.dc520ffc9eccfbbea9b4.svg'); } .ico_siniestro { background-color: #ff6701; background-size: 100% auto !important; background-image: url('ico_siniestro.4a07486e5c6c18196b50.svg'); } .ico_siniestro2 { background-color: #aeb2af; background-image: url('ico_siniestro.4a07486e5c6c18196b50.svg'); } .ico_transporte { background-color: #4aa96c; background-size: 120% auto !important; background-image: url('ico_transporte.390de90a5b7c052f6a78.svg'); } .ico_doc { background-color: #8c0000; background-size: 90% auto !important; background-image: url('ico_doc.c7a7b4c5c1438d98141e.svg'); } .ico_doc2 { background-color: #bd2000; background-size: 111% auto !important; background-image: url('ico_doc2.e49de2136f9deddad1d4.svg'); } .ico_pago { background-color: #75cfb8; background-size: 80% auto !important; background-image: url('ico_pago.88b99b3288595b7407d9.svg'); } .ico_pago2 { background-color: #75cfb8; background-size: 80% auto !important; background-image: url('ico_pago.88b99b3288595b7407d9.svg'); } #menu-desplegable-principal .menu-content > ul > li > ul.bg-default:after { background-color: #aeb2af; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-default li:before { background-color: #aeb2af; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-gestion-usuario:after { background-color: #f58a27; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-gestion-usuario li:before { background-color: #f58a27; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-noticia:after { background-color: #ef3742; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-noticia li:before { background-color: #ef3742; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-denuncios:after { background-color: #ff6701; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-denuncios li:before { background-color: #ff6701; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-documentos-electronicos:after { background-color: #bd2000; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-documentos-electronicos li:before { background-color: #bd2000; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-documentos:after { background-color: #8c0000; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-documentos li:before { background-color: #8c0000; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-transporte:after { background-color: #4aa96c; } #menu-desplegable-principal .menu-content > ul > li > ul.bg-transporte li:before { background-color: #4aa96c; } .bg-pago-linea { background-color: #75cfb8; } sub-nav { width: 100%; line-height: 20px; font-size: .65rem; font-weight: 700; color: #d0d0d0; } .sub-nav a { cursor: pointer; margin-left: 13px; } .sub-nav-selected { color: #838885 !important; } /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/datatables.net-dt/css/jquery.dataTables.min.css ***! \******************************************************************************************************************************************************************************************************************************************************/ table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable tr.dt-hasChild td.dt-control:before{content:"-";background-color:#d33333}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url('sort_both.8b117faa9d4dd934d6bb.png')}table.dataTable thead .sorting_asc{background-image:url('sort_asc.4bba59196d7ce2619696.png') !important}table.dataTable thead .sorting_desc{background-image:url('sort_desc.c4196d3286cc33244c83.png') !important}table.dataTable thead .sorting_asc_disabled{background-image:url('sort_asc_disabled.07c018ae0160704a3290.png')}table.dataTable thead .sorting_desc_disabled{background-image:url('sort_desc_disabled.27ac5d1bc294b1fae056.png')}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:linear-gradient(to bottom, white 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}