@font-face {
    font-family: "Barlow";
    src: url(fonts/Barlow/Barlow-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Iconos Fondea;
    src: url('fonts/iconos_fondea/fonts/iconos_fondea.ttf')
}

@font-face {
    font-family: Barlow Black;
    src: url('fonts/Barlow/Barlow-Black.ttf')
}

@font-face {
    font-family: Barlow Bold;
    src: url('fonts/Barlow/Barlow-Bold.ttf')
}

@font-face {
    font-family: Barlow Light;
    src: url('fonts/Barlow/Barlow-Light.ttf')
}

@font-face {
    font-family: Barlow Regular;
    src: url('fonts/Barlow/Barlow-Regular.ttf')
}

@font-face {
    font-family: Karma Regular;
    src: url('fonts/Karma/Karma-Regular.ttf')
}

@media print {
    .no-print,
    .no-print * {
        display: none !important;
    }
}

* {
    font-family: "Barlow"
}

body {
    padding-top: 100px !important;
    font-size: 15px;
    background-color: #ccc
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Barlow", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.1
}

a {
    color: #666
}

.text-fondea,
a:hover,
a.list-group-item .list-group-item-heading.text-fondea {
    color: #e7004d
}

.text-lighter {
    font-weight: lighter !important
}

.bold {
    font-weight: bold !important
}

.bolder {
    font-weight: bolder !important
}

.underborder {
    border-bottom: 3px solid #e7004d;
}

:focus {
    outline: -webkit-focus-ring-color auto 0 !important
}

.marker {
    background-image: url(../../images/fondea/Watermark.png)
}

.bg-fondea {
    background-color: #e7004d !important;
}

.spacer {
    height: 70px
}

.m-b {
    margin-bottom: 1rem;
}

.m-b-2 {
    margin-bottom: 2rem;
}

.m-b-3 {
    margin-bottom: 3rem;
}

.m-b-4 {
    margin-bottom: 4rem;
}

.m-b-5 {
    margin-bottom: 5rem;
}

.btn-fondea {
    display: inline-block;
    transition: background-color .5s;
    background-color: #e7004d;
    color: #fff;
    text-align: center;
    font-size: 90%;
    padding: 2px 20px 5px !important;
    margin-top: 3px;
    border-radius: 100px;
    border: 2px solid #e7004d
}

.btn-fondea:active,
.btn-fondea:focus,
.btn-fondea:hover,
.nav-horizontal a.btn-fondea:hover {
    background-color: #fff !important;
    border-color: #e7004d;
    color: #e7004d !important
}

.btn-fondea.alt {
    background-color: #fff;
    color: #e7004d
}

.btn-fondea.alt:hover,
.nav-tabs li a:hover,
.nav-tabs>li.active>a,
.open .btn-fondea.dropdown-toggle,
.open .btn-fondea.dropdown-toggle.focus,
.open .btn-fondea.dropdown-toggle:focus,
.open .btn-fondea.dropdown-toggle:hover {
    background-color: #e7004d !important;
    color: #fff !important;
    border-color: #e7004d
}

.btn-fondea.inv {
    background-color: #ccc;
    color: #fff;
    border-color: #ccc
}

.btn-fondea.inv:hover,
.btn-group>.btn-alt:hover {
    background-color: #fff !important;
    color: #ccc !important;
    border-color: #ccc
}

.btn-fondea.alt.inv {
    background-color: #fff;
    color: #ccc
}

.btn-fondea.alt.inv:hover {
    background-color: #ccc !important;
    color: #fff !important
}

.btn-fondea[disabled] {
    opacity: 1
}

a#btn-search {
    padding: 3px 8px 2px !important;
    margin-top: 3px;
    background: #ccc;
    color: #fff;
    text-align: right !important;
    border-color: #ccc !important
}

.block-options .btn.btn-fondea,
.widget-options .btn.btn-fondea {
    padding: 0 !important;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    line-height: 30px;
    vertical-align: super;
    margin-left: 20px
}

.widget.block-fullscreen {
    position: fixed;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 1031;
    margin-bottom: 0;
    overflow-y: auto;
}

.widget-advanced .widget-pie-chart-container {
    position: absolute;
    display: inline-block;
    padding: 5px;
    width: 200px;
    height: 200px;
    top: -50px;
    left: 50%;
    margin-left: -100px;
    border-radius: 100px;
    background-color: #ffffff;
}


/*.block-options a.btn.btn-fondea.dropdown-toggle {
    width: auto;
	padding: 0 15px !important;
	margin-top: 5px
}*/

.block-options .dropdown-menu.dropdown-custom>li {
    padding: 0;
    font-size: initial
}

.btn-link {
    background-color: transparent;
    color: #64646A;
}

.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus {
    color: #e7004d;
    text-decoration: none;
}

.btn-group {
    min-width: 110px
}

.btn-group>.btn:first-child:not(.btn-fondea) {
    transition: border-color .5s;
    background-color: #fff !important;
    border-color: #e7004d;
    color: #e7004d !important
}

.btn-group>.btn:first-child:not(.btn-fondea):hover {
    color: #ccc !important;
    border-color: #ccc !important
}

.btn-group>.btn:last-child:not(:first-child) {
    background-color: #e7004d !important;
    border-color: #e7004d;
    color: #fff !important
}

.btn-group>.btn:last-child:not(:first-child):hover {
    background-color: #ccc !important;
    border-color: #ccc
}

.dropdown-menu>.buttons-columnVisibility.active>a {
    color: initial;
    background-color: transparent
}

.dt-buttons.btn-group {
    min-width: 50px
}

.dt-buttons.btn-group button.btn-fondea {
    padding: 3px 15px !important
}

.js-icon-list a.btn {
    padding: 6px 12px;
    border-radius: 4px
}

.js-icon-list .section-sub-title {
    font-size: 16px
}

div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(255, 255, 255, 95);
    display: flex;
    align-items: center;
    justify-content: center
}

div#preloader>i {
    font-size: 20vw;
    color: #e7004d
}

#menu1 {
    border-top: 1px solid #ccc
}

#menu1>ul>li>a#btn-login,
#menu1>ul>li>a#btn-register,
.btn-fondea {
    padding: 2px 20px 5px !important;
    margin-top: 3px;
    text-align: center
}

.modal {
    text-align: center
}

@media screen and (min-width:768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.modal-content,
.modal-content .block:first-child,
.modal-content .block:last-child {
    border-radius: 13px;
    box-shadow: 10px 15px 15px 1px rgba(0, 0, 0, .3)
}

.modal-content div:first-child {
    border-radius: 13px 13px 0 0
}

.modal-content div:last-child {
    border-radius: 0 0 13px 13px
}

.modal-content .modal-header .close {
    position: absolute;
    float: none;
    height: 20px;
    width: 20px;
    line-height: -1;
    top: 5px;
    right: 5px;
    font-size: 18px;
    opacity: 1;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    z-index: 2
}

.modal-content .modal-header {
    border-bottom: 0 solid #e5e5e5;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 5px;
    background-color: #fff;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px
}

.modal-content .modal-title {
    font-weight: lighter;
    color: #333;
    font-size: 32px
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-content .modal-body {
    padding-bottom: 25px;
    background-color: #fff;
    text-align: center
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #e7004d;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 90%;
    text-align: center
}

.has-error.text-left * {
    text-align: left
}

label.file-label {
    text-align: left;
    color: #e7004d;
    font-weight: lighter
}

label.file-label:before {
    content: attr(data-texto);
    background-color: #e7004d;
    position: absolute;
    right: 20px;
    color: #fff;
    padding: 0 15px 1px;
    border-radius: 50px
}

.select2-results,
.select2-search--dropdown {
    padding: 5px
}

.datepicker-dropdown {
    border-radius: 10px !important;
    padding: 3px 10px !important;
    border: 2px solid #e7004d !important;
    line-height: inherit !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    font-size: initial !important;
}

.datepicker-panel>ul>li:hover,
.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    background-color: transparent !important;
    border: 2px solid #e7004d;
    border-radius: 30px;
    line-height: 25px;
    font-weight: bold;
    color: #e7004d !important;
}

.datepicker-container:after,
.datepicker-container:before {
    display: none !important;
}

.datepicker-panel>ul>li.highlighted {
    background-color: #e7004d !important;
    border-radius: 100px;
    line-height: 30px;
    color: #ffffff !important;
}

.modal label.file-label:before {
    right: 10px
}

.form-control {
    margin: 0;
    font-size: 13px
}

textarea.form-control {
    border-radius: 10px
}

.form-control:focus {
    border-color: #e7004d;
    box-shadow: 0 0 0 2px rgba(100, 100, 106, .5)
}

.form-control::placeholder {
    color: #e7004d
}

.select2-container:focus {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background-color: #f1f1f1;
    border-width: 2px 2px 0;
    border-style: solid;
    border-color: #64656a
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 12px;
    margin: 2px;
    border: 2px solid #e7004d;
    height: 32px;
    background: #fff
}

.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #e7004d;
    border-radius: 15px;
    border-width: 2px
}

span.select2-container--open {
    background-color: #f1f1f1
}

.select2-container .select2-dropdown {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px
}

.select2-container--default.select2-container--focus.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container.select2-container--open .select2-dropdown {
    background-color: #f1f1f1;
    border: 2px solid #e7004d;
    border-radius: 15px !important;
    box-sizing: border-box;
    margin-left: -2px;
    margin-top: -2px
}

.select2-results__option {
    border-radius: 15px;
    text-align: center
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #c1c1c1
}

.select2-results__option:last-child {
    border-radius: 0 0 15px 15px
}

.select2-search--dropdown .select2-search__field {
    padding: 1px 6px;
    font-family: inherit;
    border-radius: 15px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-search--dropdown .select2-search__field:focus {
    padding: 1px 6px;
    font-family: inherit;
    border-radius: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #e7004d;
    outline: 0
}

.select2-results__options::-webkit-scrollbar-track {
    margin-bottom: 5px;
    border-radius: 10px
}

.select2-results__options::-webkit-scrollbar {
    width: 15px
}

.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.input-group-addon {
    padding: 0 12px;
    color: #fff;
    background-color: #e7004d;
    border: 2px solid #e7004d;
    border-radius: 15px
}

.modal-content p:not('.list-group-item-text') {
    margin: 35px auto
}

.modal-content a:not('.list-group-item-text') {
    text-decoration: underline;
    font-weight: bolder
}

.modal-footer {
    color: #fff;
    text-align: center;
    background-color: transparent
}

.modal-footer p {
    margin: 20px auto;
    font-size: 80%
}

.modal-footer p:first-child {
    margin-bottom: 5px
}

.modal-footer p:last-child {
    margin-top: 5px
}

.modal-footer span {
    display: inline-block;
    border: 2px solid #fff;
    height: 50px;
    width: 50px;
    padding-top: 3px;
    border-radius: 50px;
    font-size: 28px
}

.modal [class^=col] {
    padding-left: 5px;
    padding-right: 5px
}

.modal .form-group {
    margin-bottom: 10px;
    font-size: 13px
}

#page-container.header-fixed-top {
    padding: 0
}

.navbar-fondea,
header {
    padding-top: 15px;
    height: 100px;
    right: 0;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 100
}

#page-container,
#page-content,
#sidebar,
#sidebar-alt,
.nav-horizontal a,
.slider-track,
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th,
.table-pricing td.table-featured,
.table-pricing.table-featured td,
.themed-background-dark,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    background-color: #ccc
}

header {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #e2e2e2 !important
}

.content-header {
    background-color: #E2E2E2
}

#sidebar,
#sidebar-alt {
    margin-top: 97.5px;
    background-color: #fff;
    z-index: 10;
    border: 1px solid #e2e2e2
}

.sidebar-content {
    color: #64646A
}

.navbar-fondea {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #e2e2e2
}

#alerta_menu {
    height: 40px;
    background: #e7004d;
    color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    line-height: 2.5;
    z-index: 100;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

#alerta_menu.affix {
    top: -40px
}

#alerta_menu+#navbar-fondea {
    padding-top: 0;
    top: 40px;
    height: 82px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

#alerta_menu+#navbar-fondea+.header-fixed-top {
    margin-top: 23px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

#alerta_menu+#navbar-fondea+.header-fixed-top>#sidebar,
#alerta_menu+#navbar-fondea+.header-fixed-top>#sidebar-alt {
    margin-top: 122px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

#alerta_menu.affix+#navbar-fondea {
    padding-top: 15px;
    top: 0;
    height: 100px
}

#alerta_menu.affix+#navbar-fondea+.header-fixed-top {
    margin-top: 0
}

#alerta_menu.affix+#navbar-fondea+.header-fixed-top>#sidebar,
#alerta_menu.affix+#navbar-fondea+.header-fixed-top>#sidebar-alt {
    margin-top: 97.5px
}

#navbar-fondea>.container {
    background: #fff
}

#navbar-fondea>a.btn.btn-fondea.alt.inv {
    padding: 5px 8px !important;
    margin: 15px
}

.navbar-header>button.navbar-toggle {
    border: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 28px;
    margin: 0;
    color: #666
}

.navbar-header>button.navbar-toggle.navbar-toggle-sidebar {
    left: 10px;
    width: 50px
}

.navbar-header>button.navbar-toggle.navbar-toggle-sidebar+.navbar-toggle-sidebar {
    left: 60px
}

#navbar-fondea>a>i {
    line-height: inherit
}

#navbar-fondea>a>img {
    width: 40px;
    height: 40px;
    margin: 15px;
    border: 2px solid #fff;
    border-radius: 20px;
    vertical-align: top
}

#menu1>ul>li>a,
#menu1>ul>li>span,
.nav.navbar-nav-custom>li>a {
    font-weight: 700;
    border-radius: 100px;
    width: 100%;
    text-align: center;
    transition: background-color .5s
}

.navbar-brand {
    display: block;
    width: 100%;
    margin-top: 20px;
    line-height: 100px;
    height: 60px
}

.navbar-brand img {
    max-width: 40%;
    max-height: 50px;
    display: block;
    margin: 0 auto
}

.nav.navbar-nav-custom>li>a {
    padding: 8px 10px;
    display: inline-block
}

#menu1>ul {
    padding: 15px
}

#menu1>ul>li>a,
#menu1>ul>li>span {
    padding: 8px;
    display: inline-block
}

#menu1>ul>li>a:focus,
#menu1>ul>li>a:hover,
#menu1>ul>li>span:focus,
#menu1>ul>li>span:hover {
    background: 0 0;
    color: #e7004d
}

#menu1>ul>li.social {
    text-align: center
}

#menu1>ul>li.social>a {
    width: 32%;
    font-size: 150%;
    color: #ccc
}

.sidebar-nav {
    padding-top: 0
}

.sidebar-header {
    background-color: #64646A;
    font-size: inherit;
    text-align: right;
    padding: 10px
}

.sidebar-header .sidebar-header-title {
    font-size: inherit;
    line-height: 1.2;
    font-weight: bolder;
    opacity: 1;
    width: calc(100% - 40px);
    margin-left: 40px
}

.sidebar-nav a {
    color: #64646A;
    line-height: inherit;
    white-space: nowrap
}

#sidebar:hover .sidebar-nav a {
    white-space: normal
}

.sidebar-nav a>i {
    width: 40px !important;
    font-size: 3rem !important;
    margin: 10px 0 10px 4px
}

.sidebar-nav a>i.sidebar-nav-indicator {
    width: 18px !important;
    margin: 0
}

#sidebar-scroll>div>ul>li>ul>li>ul>li>a {
    color: #fff
}

#sidebar-scroll>div>ul>li>ul>li>a {
    text-align: right;
    color: #fff;
    font-size: inherit
}

.divider {
    margin: 15px 5px;
    height: 2px;
    padding: 0 !important;
    background-color: #f0f0f0
}

.widget {
    border: 1px solid rgba(0, 0, 0, 0.19);
    border-radius: 5px;
}

.block,
.block .btn:not(.btn-link) {
    margin-bottom: 20px
}

.block {
    border-radius: 13px;
    padding: 20px 15px 1px;
    background-color: #fff;
    border: 1px solid #dbe1e8;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .3);
}

.block legend {
    margin: 20px auto -15px;
    border-bottom: 0
}

.block .table-responsive {
    margin-bottom: 20px
}

.table>tbody>tr>td {
    padding: 2px 10px !important
}

table.dataTable td,
table.dataTable th {
    white-space: nowrap
}

td .btn {
    margin: 0 !important
}

.block-title {
    border-radius: 0;
    border-bottom: 1px solid #eaedf1;
    margin: 0 0 20px;
    background-color: transparent;
    color: #333;
    border-bottom-color: #ccc
}

.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 {
    font-size: 30px;
    display: inline-block;
    line-height: 1.4;
    margin: 0;
    padding: 10px 15px 7px;
    font-weight: 400
}

.block-sub-title h1,
.block-sub-title h2,
.block-sub-title h3,
.block-sub-title h4,
.block-sub-title h5,
.block-sub-title h6 {
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-weight: lighter
}

.block-sub-title>.block-options {
    margin-top: -15px
}

.btn-group ul.dropdown-menu,
.nav-tabs .dropdown-menu {
    top: 35px;
    background-color: #f1f1f1;
    border-color: #64656a;
    border-radius: 15px;
    border-width: 2px
}

.btn-group ul.dropdown-menu li,
.nav-tabs .dropdown-menu li {
    border-radius: 12px;
    margin: 2px;
    border: .5px solid #e7004d;
    background: #fff
}

.btn-group ul.dropdown-menu li a:hover,
.nav-tabs .dropdown-menu li a:hover {
    border-radius: 12px;
    background: #ccc;
    color: #333
}

.dropdown-menu.dropdown-custom>li {
    padding: 0;
    font-size: initial;
}

#infoMessage {
    position: relative;
    width: 50%;
    margin-left: 25%;
    margin-top: 40px;
    border-radius: 15px;
    padding: 20px;
    background: #fff
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -15px;
    right: -15px;
    opacity: 1;
    color: inherit
}

.nav-tabs {
    border-bottom: 0
}

.nav-tabs>li {
    background-color: transparent
}

.nav-tabs>li>a {
    transition: background-color .5s;
    padding: 5px 15px;
    border-radius: 15px;
    border: 2px solid #e7004d !important;
    margin-bottom: 20px;
    color: #e7004d
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #e7004d;
    color: #fff
}

#admin-inicio li p {
    margin: 0
}

.modal-content-fondea {
    border-radius: 13px;
    box-shadow: 10px 15px 15px 1px rgba(0, 0, 0, .3);
    background-color: #e7004d
}

.modal-content-fondea div:first-child {
    border-radius: 13px 13px 0 0
}

.modal-content-fondea div:last-child {
    border-radius: 0 0 13px 13px
}

#fondea-invertir-modal button.close,
.modal-content-fondea .modal-header .close {
    position: absolute;
    float: none;
    height: 20px;
    width: 20px;
    line-height: -1;
    top: 5px;
    right: 5px;
    font-size: 18px;
    opacity: 1;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    z-index: 2
}

.modal-content-fondea .modal-header {
    border-bottom: 0 solid #e5e5e5;
    margin-bottom: -1px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 5px;
    background-color: #fff
}

.modal-content-fondea .modal-title {
    font-weight: lighter;
    color: #333
}

.fondos_actual,
.modal-footer-fondea {
    color: #fff;
    text-align: center
}

.modal-content-fondea .modal-body {
    padding-bottom: 25px;
    background-color: #fff
}

#fondea-invertir-modal .form-control,
.form-control,
.modal-content-fondea .form-control {
    border-radius: 10px;
    padding: 3px 10px;
    height: auto;
    border: 2px solid #e7004d;
    width: 100%;
    line-height: inherit !important
}

.modal-content-fondea p {
    margin: 35px auto
}

.modal-content-fondea a {
    text-decoration: underline;
    font-weight: bolder
}

.modal-footer-fondea p {
    margin: 20px auto;
    font-size: 80%
}

.modal-footer-fondea p:first-child {
    margin-bottom: 5px
}

.modal-footer-fondea p:last-child {
    margin-top: 5px
}

.modal-footer-fondea span {
    display: inline-block;
    border: 2px solid #fff;
    height: 50px;
    width: 50px;
    padding-top: 3px;
    border-radius: 50px;
    font-size: 28px
}

.fondos_actual {
    border-radius: 13px 0 0 13px !important;
    background-color: #e7004d;
    padding: 30px 20px
}

.fondos_actual .circle {
    height: 100px;
    width: 100px;
    background-color: #fff;
    color: #e7004d;
    border-radius: 100px !important;
    margin: 0 auto;
    font-size: 22px;
    line-height: 4.7;
    font-weight: 700
}

.inversiones_form {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.inversiones_form h4 {
    text-align: left
}

.inversiones_form>div>div {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 50px
}

#fondea-search-modal .modal-dialog {
    width: 100%;
    margin-top: 0
}

#fondea-search-modal .modal-content {
    border-radius: 0;
    min-height: 100px
}

#fondea-search-modal .modal-content .modal-body {
    padding: 15px
}

#fondea-search-modal .modal-content div:last-child {
    border-radius: 0
}

.flat-search,
.flat-search:focus {
    font-size: 40px;
    height: auto;
    border: 0;
    box-shadow: none
}

.flat-search:focus {
    box-shadow: none;
    border-bottom: 2px dotted #ccc
}

.btn-fondea:focus,
.btn-fondea:hover,
.btn-submit-fondea:focus,
.btn-submit-fondea:hover,
.precio-oportunidad .btn-fondea:focus,
.precio-oportunidad .btn-fondea:hover {
    background-color: #fff;
    color: #666
}

.btn-flat-search {
    font-size: 36px;
    border-radius: 100px !important
}

.btn-submit-fondea,
button.btn-fondea {
    transition: background-color .5s;
    border-radius: 100px;
    background-color: #e7004d;
    border: 2px solid #e7004d;
    color: #fff;
    height: auto;
    padding: 3px 35px !important
}

.btn.btn-flat {
    padding: 10px 30px;
    font-weight: 700 !important
}

.btn-fondea-inverse {
    background-color: #fff !important;
    color: #e7004d !important
}

.panel-fondea .panel-heading h4 a.collapsed:before,
.panel-fondea .panel-heading h4 a:before {
    font-family: iconos_fondea !important;
    color: #e7004d;
    font-size: 80%;
    margin: 5px
}

.panel-fondea {
    box-shadow: none
}

.panel-fondea .panel-heading h4 a {
    text-decoration: none
}

.panel-fondea .panel-heading h4 a.collapsed:before {
    content: "\e903"
}

.panel-fondea .panel-heading h4 a:before {
    content: "\e902"
}

.panel-fondea .panel-title {
    font-size: 17px
}

.panel-fondea .panel-body {
    padding-left: 40px
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0 solid #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #666;
    border-color: #666;
    cursor: default
}

.pagination>.disabled>a,
.pagination>li>a,
.pagination>li>span {
    border-radius: 50px;
    width: 40px;
    padding: 0;
    height: 40px;
    font-size: 18px;
    font-weight: 900;
    line-height: 2.1;
    text-decoration: none;
    text-align: center;
    color: #64656a;
    background-color: #fff;
    border: 2px solid #64656a !important;
    margin: 30px 10px;
    cursor: pointer
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #64656a;
    border-color: #64656a
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px
}

.pagination.scrollable {
    white-space: nowrap;
    overflow-x: auto;
    max-width: 300px;
    border-radius: 20px;
}

.pagination.scrollable li a {
    float: none;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 5px;
}

.scrollable::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.scrollable::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px grey;
    border-radius: 10px;
}

.scrollable::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 10px;
    max-width: 10px;
    border: 1px solid #e7004d
}

.scrollable::-webkit-scrollbar-thumb:hover {
    background: #e7004d
}

.switch span {
    border: 2px solid #e7004d
}

.switch span:after {
    background-color: #e7004d
}

.switch input:checked+span:after {
    background-color: #fff
}

.switch-primary input:checked+span {
    background-color: #e7004d
}

#page-content+footer {
    padding: 9px 10px;
    font-size: 15px;
    background-color: #64656a;
    border-top: 0;
    color: #fff
}

footer a {
    color: #fff
}

footer ul li {
    margin-top: 10px
}

.pie-chart .pie-avatar {
    position: absolute;
    width: 70px;
    top: 40px;
    left: 40px
}

.data_coche>div:nth-child(2) {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph
}

.info {
    position: absolute;
    width: 100%;
    left: 0;
    top: 65px;
    z-index: 2
}

#clicktocall {
    width: 75px;
    height: 75px;
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 2147483642;
    text-align: center;
    padding: 0 !important
}

#clicktocall>i,
.tellamamos {
    position: absolute;
    right: 0;
    border-radius: 50px
}

#clicktocall>i {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    font-size: 30px;
    margin: 0 auto;
    left: 0;
    top: 0;
    bottom: 0;
    line-height: 75px;
    z-index: 100;
    background: #e7004d;
    color: #fff
}

#clicktocall:hover>i {
    transform: rotate(250deg)
}

.tellamamos {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    width: 0;
    z-index: 8;
    font-size: 34px;
    height: 75px;
    padding: 10px 32px;
    top: -2px;
    border: 5px solid #e7004d;
    background: #fff;
    color: transparent
}

#clicktocall:hover>.tellamamos {
    width: auto;
    padding: 10px 75px 10px 10px;
    font-size: 34px;
    color: #e7004d
}

#comm100-button-513 {
    display: none
}

.animated_flip {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: #ffffff;
    border-radius: 50%;
}

.popover {
    border: 2px solid #e7004d;
    border-radius: 10px;
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ef004d;
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0)
    }
    to {
        -webkit-transform: rotateY(-360deg)
    }
}

.widget-advanced.widget-fondea .widget-header {
    height: 110px;
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin: 0 15px;
    border-bottom: 2px solid #e7004d;
}


/*.widget-advanced.widget-fondea .widget-main{
	padding: 15px;
}*/

.widget-advanced .widget-main .pie-chart {
    background-size: cover;
    border-radius: 50%;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, .3);
    border: 1px solid #64646a;
}

.widget-advanced .widget-main .pie-chart span strong {
    font-size: 3.5rem;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
}

.widget-advanced.widget-fondea .sub-header {
    height: 80px;
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.btn-group-justified>.btn-group .btn.btn-fondea {
    padding: 3px 0 !important;
}

@keyframes spinner {
    from {
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg)
    }
}

@media (min-width:450px) {
    .navbar-brand img {
        height: 50px;
        display: block;
        margin: 0 auto;
        max-width: 100%
    }
    .navbar-brand:before {
        display: none
    }
}

td .btn-group .btn-fondea {
    padding: 0 !important;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 30px
}

@media (min-width:768px) {
    #comm100-button-513 {
        display: block
    }
    #clicktocall {
        bottom: 122px
    }
    .sidebar-alt-partial #sidebar-alt,
    .sidebar-partial #sidebar {
        width: 65px
    }
    .sidebar-partial #main-container {
        margin-left: 65px
    }
    .sidebar-alt-visible-lg #main-container {
        margin-right: 200px;
    }
    /*.sidebar-alt-partial #sidebar-alt:hover,
    .sidebar-alt-visible-lg #sidebar-alt,
    .sidebar-alt-visible-lg.sidebar-alt-partial #sidebar-alt,
    .sidebar-partial #sidebar:hover,
    .sidebar-visible-lg #sidebar,
    .sidebar-visible-lg.sidebar-partial #sidebar {
        width: 200px;
        opacity: 1
    }*/
    .navbar-toggle-sidebar {
        display: none
    }
    .container {
        max-width: 970px
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 15px;
    }
    .navbar-brand img {
        height: 34px
    }
    #menu1 {
        border-top: 0;
        padding: 0
    }
    #menu1>ul>li {
        margin-left: 10px
    }
    #menu1>ul>li>a>i,
    #menu1>ul>li>a>span>i {
        font-size: 150%
    }
    #menu1>ul>li.social>a,
    #menu1>ul>li.social>a>i {
        width: 30px;
        font-size: 100%
    }
    .modal-xs {
        max-width: 350px;
        padding: 25px
    }
    .modal-xs .modal-header {
        padding: 30px 30px 0
    }
    .modal-xs .modal-body {
        padding: 0 30px 30px;
        text-align: left
    }
    .modal-xs .modal-content p {
        margin: 15px auto
    }
}

@media (min-width:799px) {
    .navbar-brand img {
        height: 40px
    }
}

@media (min-width:992px) {
    .btn-fondea {
        padding: 5px 20px !important
    }
    #sidebar,
    #sidebar-alt,
    .sidebar-alt-partial #sidebar-alt,
    .sidebar-partial #sidebar {
        opacity: 1
    }
    #navbar-fondea>.container {
        width: 970px
    }
    .navbar-brand img {
        height: 50px
    }
    #menu1>ul>li {
        margin-left: 0
    }
    .navbar-toggle-sidebar {
        display: none
    }
}

@media (min-width:1197px) {
    .navbar-toggle {
        display: none
    }
    #navbar-fondea>.container {
        width: auto;
        max-width: 95%;
        margin: 0 auto
    }
    #navbar-fondea>.container {
        width: 1170px
    }
    #menu1>ul {
        padding: 15px 0
    }
    #menu1>ul>li {
        margin-left: 15px
    }
}