/* TEMPLATE STYLES */
@font-face {
    font-family: 'Proxima Nova';
    src: local('Proxima Nova'), local('Proxima Nova'),
        url(../font/Proxima-Nova-Reg.otf) format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: local('Proxima Nova Bold'), local('Proxima Nova Bold'),
        url(../font/Proxima-Nova-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Baloo';
    src: local('Baloo'), local('Baloo'), url(../font/Baloo-Regular.ttf) format('truetype');
}

html {
    font-family: 'Proxima Nova' !important;
}

body {
    font-family: 'Proxima Nova' !important;
    position: relative;
    overflow-y: scroll;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #fafafa !important;
    line-height: 1.5;
}

img {
    border-radius: 0px !important;
}

.buttons-excel {
    background-color: #4CAF50 !important;
    border-radius: 10em !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    padding: .85rem 2.13rem;
    color: #fff;
    font-size: 1rem;
}

.btn-group:hover>.dropdown-menu {
    display: block;
}

.btn-group>.dropdown-toggle:active {
    pointer-events: none;
}

.dropdown-item.btn-group {
    padding: 0;
}

.dropdown-menu {
    padding: 0;
    border-radius: 0;
    margin: 0;
}

@media (min-width: 992px) {

    /*992 768*/
    .dropdown-submenu {
        top: 0;
        left: 100%;
    }
}

#gto-map-fondo {
    position: absolute;
    background-image: url('../Images/reg.jpg');
    background-repeat: no-repeat;
    background-size: auto 100%;
    opacity: .4;
    height: 400px;
    background-position: left;
    filter: grayscale(100);
}

.dotted-scrollspy {
    display: block;
    position: fixed;
    top: 10rem;
    right: 0;
    -moz-transform: translateX(78%);
    -ms-transform: translateX(78%);
    -o-transform: translateX(78%);
    transform: translateX(78%);
    background: rgba(255, 255, 255, 0);
    border-radius: 0px;
    z-index: 1040;
}

.btn-group .btn {
    border-radius: 0px;
}

.btn-floating {
    z-index: 1;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #000f9f;
    margin: 1em;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    display: inline-block;
}

.btn-floating:hover {
    background-color: #3b679c;
}

.btn-floating i {
    width: inherit;
    font-size: 1.5rem;
    line-height: 50px;
    text-align: center;
}

.btn-floating i {
    display: inline-block;
    color: #fff;
}

.btn-social-all i.fa {
    margin-top: 0;
}

.validation-summary-errors {
    color: red !important;
}

.nav-pills .nav-item a {
    /*transform: translateX(73%);*/
    text-align: left;
    color: #9e9e9e;
    border-radius: 0;
    border-left: 2px solid #fff;
    transition: transform .25s, background .25s;
}

.nav-pills .nav-item a i {
    margin-right: .2em;
}

.nav-pills .nav-item a:hover {
    border-left: 3px solid #FFF;
    color: white;
    -moz-transform: translateX(-73%);
    -ms-transform: translateX(-73%);
    -o-transform: translateX(-73%);
    transform: translateX(-73%);
    background: #000F9F;
    position: relative;
    z-index: 1;
}

.nav-pills .nav-item a.active {
    color: #616161;
    border-left: 3px solid #0B4284;
    font-weight: 500;
}

.nav-pills .nav-item a i,
.nav-pills .nav-item a span {
    vertical-align: middle;
    padding: .1rem;
    padding-right: .4em;
}

main {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.extra-margins {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

.jumbotron {
    text-align: center;
}

.dropdown-item:hover {
    background-color: #e0e0e0;
    color: #0082FF !important;
}

.dropdown-item:hover a {
    color: #0082FF !important;
}

.navbar {
    background-color: #fff;
}

.navbar.navbar-dark .navbar-nav .nav-item:hover {
    background-color: #000F9F !important;
    /*color:#565656!important;*/
}

.navbar.navbar-dark .navbar-nav .nav-item a {
    color: #0B4284;
}

.navbar.navbar-dark .navbar-nav .nav-item a:hover {
    color: #0B4284;
}

.navbar.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
    /*padding-top: 12px;
            padding-bottom: 12px;*/
}

.navbar.navbar-dark.scrolling-navbar.top-nav-collapse .navbar-nav .nav-item a {
    /*no cambio color: #fff;*/
}

.navbar.scrolling-navbar.top-nav-collapse-,
.navbar.navbar-dark .navbar-toggler {
    background-color: #0026FF;
    /*padding-top: 5px;
            padding-bottom: 5px;*/
}

.footer {
    position: fixed;
    bottom: 0;
    margin-bottom: 20px;
    width: 100%;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

.footer nav {
    display: inline-block;
    float: left;
    padding-left: 0;
}

.footer ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
dl, ol, ul {
    margin-top: 0;
}

address, dl, ol, ul {
    margin-bottom: 1rem;
}
*, :after, :before {
    box-sizing: border-box;
}

@media screen and (min-width: 768px){
.footer:not(.footer-big) nav ul li:first-child {
    margin-left: 0;
}
}
.footer ul li {
    display: inline-block;
}
*, :after, :before {
    box-sizing: border-box;
}

.footer ul li a,
.footer ul li a:hover {
    text-decoration: none;
}

.footer ul li a {
    color: inherit;
    padding: 0.5rem;
    font-size: .8571em;
    text-transform: uppercase;
}

a,
a:focus,
a:hover {
    color: #0041a0;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: initial;
}

@media screen and (min-width: 768px) {
    .footer .credits {
        padding-right: 15px;
    }
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media screen and (min-width: 992px) {
    .footer .copyright {
        float: right;
        padding-right: 15px;
    }
}

@media screen and (min-width: 992px) {
    .footer .copyright {
        float: right;
        padding-right: 15px;
    }
}

.footer .copyright {
    font-size: .8571em;
    line-height: 1.8;
}

footer.page-footer {
    background-color: #DADADA;
    color: #565656 !important;
}

.gto-blue {
    background-color: #000F9F !important;
    /* background-color: var(--azul-marino-alt) !important; */
}

.gto-blue-med {
    background-color: #0b3cae;
    /*#06f;*/
}

.gto-blue-med-2 {
    background-color: #0b3cae;
    opacity: .9;
}

.gto-blue-med-3 {
    background-color: #0b3cae;
    opacity: .8;
}

.gto-blue-med-4 {
    background-color: #0b3cae;
    opacity: .7;
}

.gto-blue-darken-1 {
    background-color: #000F9F;
}

.gto-pink {
    background-color: #ff5ac8;
    /*#f45197; #590094*/
}

.text-blue-gto {
    color: #000F9F;
}

.text-blue-gto-med {
    color: #0066FF;
}

.top-nav-collapse {
    padding-top: 3px;
    padding-bottom: 3px;
}

#navbarNav a {
    font-size: 14px;
    padding: 1em 1em;
    letter-spacing: 1px;
    line-height: 20px;
}

nav {
    margin-bottom: 10px;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
}

#panel-peb {
    background-color: rgba(238, 238, 238, .8);
    padding: 1em;
    margin: 1em;
    border-radius: 2px;
}

#panel-peb h1 {
    font-weight: 400;
    /*text-shadow: 0px 2px 5px #9e9e9e;*/
    color: #0B4284
}

.fw-400 {
    font-weight: 400;
}

.text-blue {
    color: #0B4284;
}

.text-shadow {
    text-shadow: 5px 3px 5px #565656
}

.text-shadow2 {
    text-shadow: 0px 2px 5px #9e9e9e;
    font-weight: 400
}

.text-shadow3 {
    text-shadow: 1px 1px 1px #9e9e9e
}

.card-block .h5 {
    font-weight: 400;
}

.tile {
    height: 230px
}

.tooltip-inner {
    max-width: 900px !important
}

/*chosen*/
.chosen-single {
    background-color: #fff !important;
}

.chosen-container .chosen-single,
.chosen-container-multi .chosen-choices {
    background-color: transparent;
    background-image: none;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #757575;
    border-radius: 0;
    outline: 0;
    height: 2.1rem;
    font-size: 1rem;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
    color: #757575 !important;
}

.chosen-container,
.chosen-container-single,
.chosen-with-drop chosen-container-active .chosen-single {
    border: 0;
}

/*.chosen-container-single .chosen-single{
            border: none;
            border-top: 2px solid #0f0;
            border-radius: 0;
        }*/
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-choices {
    background-image: none;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #4285F4;
}

.chosen-container .chosen-drop {
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.chosen-container .chosen-results .active-result {
    font-size: 1em;
    padding: 1em;
}

.chosen-container .chosen-results,
.chosen-container-single .chosen-search {
    padding: .5em 1em;
}

.chosen-container-single .chosen-search input[type="text"] {
    padding: .5em;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #4285F4;
    background-image: none;
    color: #fff;
}

.md-form {
    margin-bottom: 1rem !important;
}

.md-form-sel {
    width: calc(100% - 3rem);
    /*margin-bottom: 1em;*/
}

.md-form-sel label {
    position: relative;
}

.multiselect-container li a label {
    padding: .5em 1em;
    cursor: pointer;
    width: 100%;
    font-size: 1em;
}

.multiselect-container li:hover {
    background-color: #f5f5f5;
}

.multiselect-container li+.active {
    background-color: #4285F4;
    border-bottom: 1px solid #f5f5f5;
}

.multiselect-container li+.active a {
    color: #ffffff;
}

.md-form-multiselect .btn-group,
.md-form-multiselect .btn-group .multiselect {
    width: 100%;
}

.md-form-multiselect .btn-group .multiselect {
    font-size: 1em;
}

.md-form-multiselect .btn-group {
    border-bottom: 2px solid #ccc;
}

.md-form-multiselect .btn-group button {
    background-color: transparent;
    border: none;
    border-radius: 0;
    vertical-align: middle;
    color: #757575 !important;
    box-shadow: none;
    text-align: left;
}

.md-form-multiselect ul {
    width: 100%;
    padding: 0;
}

.md-form-multiselect .btn-group .btn-default,
.md-form-multiselect .btn-group button:hover,
.md-form-multiselect .btn-group.show button {
    background-color: transparent !important;
    cursor: pointer;
}

.md-form-multiselect .btn-group.show {
    border-bottom: 2px solid #4285F4;
}

/*datatables*/
.pagination {
    float: right;
}

.dataTables_filter {
    float: left;
}

.paginate_button a,
.dataTables_filter {
    color: #616161 !important;
    text-decoration: none;
}

.paginate_button {
    font-size: .8rem;
    padding: .85rem 2.13rem;
    margin: 6px;
    border-radius: 2px;
    border: 0;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    cursor: pointer;
}

.paginate_button.active {
    background-color: #039be5;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.paginate_button:hover {
    background-color: rgba(0, 0, 0, .05);
}

.paginate_button.active:hover {
    background-color: #039be5;
    cursor: default;
}

.paginate_button.active a {
    color: #fff !important;
}

.paginate_button.disabled {
    color: rgba(0, 0, 0, .26);
    cursor: default;
    background-color: transparent;
}

.dataTables_info {
    color: #616161 !important;
}

.modal-backdrop {
    background-color: #fafafa;
}

.modal-backdrop.show {
    opacity: .8
}

/*hide scroll modal*/
body.modal-open {
    overflow: hidden !important;
}

/* [type="radio"]{
            visibility:hidden;
            margin-left:-1em;
        } */
[type="radio"]+i {
    position: absolute;
}

[type="radio"]+i+label {
    padding-left: 3em;
    cursor: pointer;
    z-index: 1000;
    margin: 1em 0;
}

[type="radio"]:checked+i {
    color: #4285F4;
    z-index: 0;
    background-color: #4285F4;
    border-radius: 50%;
    width: .9em;
    height: .9em;
    margin-top: -1px;
    padding-left: 1px;
}

.table-scrollx {
    overflow-x: scroll;
    width: 100%;
    transform: rotateX(180deg);
}

.table-scrollx table {
    transform: rotateX(180deg);
    /*display:table-cell;*/
}

.card-header {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.w-08 {
    width: 8%
}

div.dataTables_processing {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    margin-top: -25px;
    text-align: center;
    font-size: 2em;
    height: 60px;
    padding-top: 10px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #093b76 25%, #093b76 75%, rgba(255, 255, 255, 0) 100%);
    color: #fff
}

.h-100 {
    height: 100%;
}

.item-scrollspy {
    margin-top: -120px;
    background-color: transparent;
    height: 120px;
}

.position-relative {
    position: relative;
    z-index: 1;
}

.blue-gradient {
    background: #000;
    background: -moz-linear-gradient(-45deg, #000 0, #062a64 100%);
    background: -webkit-linear-gradient(-45deg, #000 0, #062a64 100%);
    background: linear-gradient(135deg, #0262c9 0, #0159bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#062a64', GradientType=1);
}

#carousel-one .carousel-item img {
    /*filter:grayscale(100);
            opacity:.6;*/
}

#carousel-one .carousel-item img:hover {
    filter: initial;
    opacity: .9;
}

h1 {
    color: #000F9F !important;
}

.bg-blue-f,
.nav-bar,
.gto-blue-darken-1 {
    background-color: #000F9F !important;
}

/* .bg-blue-s,
.fixed-top {
    background-color: #9f9f9f;
} */

.navbar.navbar-dark .navbar-nav .nav-item a {
    color: white;
    /*text-transform:uppercase;*/
    letter-spacing: normal !important;
    font-weight: 400;
    /*padding: 2em 1em 2em 1em!important;*/
}

.navbar.navbar-dark .navbar-nav .nav-item:hover .nav-link {
    color: #FFF !important;
}

@media (min-width: 992px) {
    .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
        text-transform: uppercase;
        padding: 2.8em 1em 2.8em 1em !important;
    }
}

.nav-link a:hover {
    /*background-color: #ff5ac8;*/
}

.list-group-item {
    border: 2px solid #000F9F;
    border-radius: 0 !important;
}

.list-group-item-menu:hover,
.list-group-item-menu a:hover {
    color: #FFF !important;
    background-color: #FF5AC8 !important;
}

.radius-left {
    border-radius: 100px 0 0 100px
}

.radius-right {
    border-radius: 0 100px 100px 0
}

@media (min-width: 1200px) {

    #carousel-example-1z,
    #carousel-example-1z .carousel-inner,
    #carousel-example-1z .carousel-item {
        height: 360px
    }

    .container {
        width: 1200px;
        max-width: 100%;
    }
}

@media (min-width: 992px) {

    #carousel-example-1z,
    #carousel-example-1z .carousel-inner,
    #carousel-example-1z .carousel-item {
        height: 360px
    }

    .modal-lg {
        max-width: 1200px;
    }
}

@media (min-width: 768px) {

    #carousel-example-1z,
    #carousel-example-1z .carousel-inner,
    #carousel-example-1z .carousel-item {
        height: 340px
    }
}

@media (min-width: 576px) {

    #carousel-example-1z,
    #carousel-example-1z .carousel-inner,
    #carousel-example-1z .carousel-item {
        height: 360px
    }
}

/*carousel-3d*/
.container-3d {
    padding-top: 4em;
    margin: 0 auto;
    position: relative;
}

.carousel-3d {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
}

.item-3d {
    margin-top: 1em;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 200px;
    opacity: 0.95;
}

.item-3d img {
    width: 100%;
    height: 100%;
}

@media (max-width: 2000px) {
    .container-3d {
        width: 450px;
        height: 550px;
        perspective: 2000px;
    }

    .a {
        transform: rotateY(0deg) translateZ(450px);
    }

    .b {
        transform: rotateY(60deg) translateZ(450px);
    }

    .c {
        transform: rotateY(120deg) translateZ(450px);
    }

    .d {
        transform: rotateY(180deg) translateZ(450px);
    }

    .e {
        transform: rotateY(240deg) translateZ(450px);
    }

    .f {
        transform: rotateY(300deg) translateZ(450px);
    }

    /*.modal-backdrop{
        top:10.2rem;
    }
    .navbar-brand img{
        width:100%;
    }*/
}

@media (max-width: 1200px) {
    .container-3d {
        width: 300px;
        height: 400px;
        perspective: 1200px;
    }

    .a {
        transform: rotateY(0deg) translateZ(300px);
    }

    .b {
        transform: rotateY(60deg) translateZ(300px);
    }

    .c {
        transform: rotateY(120deg) translateZ(300px);
    }

    .d {
        transform: rotateY(180deg) translateZ(300px);
    }

    .e {
        transform: rotateY(240deg) translateZ(300px);
    }

    .f {
        transform: rotateY(300deg) translateZ(300px);
    }

    .modal-backdrop {
        top: 10rem;
    }

    .navbar-brand img {
        width: 110%;
    }
}

@media (max-width: 992px) {
    .container-3d {
        width: 250px;
        height: 300px;
        perspective: 1000px;
    }

    .a {
        transform: rotateY(0deg) translateZ(250px);
    }

    .b {
        transform: rotateY(60deg) translateZ(250px);
    }

    .c {
        transform: rotateY(120deg) translateZ(250px);
    }

    .d {
        transform: rotateY(180deg) translateZ(250px);
    }

    .e {
        transform: rotateY(240deg) translateZ(250px);
    }

    .f {
        transform: rotateY(300deg) translateZ(250px);
    }

    .modal-backdrop {
        top: 9rem;
    }

    .navbar-brand img {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .container-3d {
        width: 250px;
        height: 300px;
        perspective: 1000px;
    }

    .a {
        transform: rotateY(0deg) translateZ(250px);
    }

    .b {
        transform: rotateY(60deg) translateZ(250px);
    }

    .c {
        transform: rotateY(120deg) translateZ(250px);
    }

    .d {
        transform: rotateY(180deg) translateZ(250px);
    }

    .e {
        transform: rotateY(240deg) translateZ(250px);
    }

    .f {
        transform: rotateY(300deg) translateZ(250px);
    }

    .modal-backdrop {
        top: 9rem;
    }

    .navbar-brand img {
        width: 70%;
    }
}

@media (max-width: 576px) {
    .container-3d {
        width: 200px;
        height: 250px;
        perspective: 1000px;
    }

    .a {
        transform: rotateY(0deg) translateZ(200px);
    }

    .b {
        transform: rotateY(60deg) translateZ(200px);
    }

    .c {
        transform: rotateY(120deg) translateZ(200px);
    }

    .d {
        transform: rotateY(180deg) translateZ(200px);
    }

    .e {
        transform: rotateY(240deg) translateZ(200px);
    }

    .f {
        transform: rotateY(300deg) translateZ(200px);
    }

    .modal-backdrop {
        top: 8rem;
    }

    .navbar-brand img {
        width: 60%;
    }
}

.custom-control-input:checked~.custom-control-label-i::before,
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-radio .custom-control-label-i::before,
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-control-label-i::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    /*pointer-events: none;*/
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    border-top-color: rgb(173, 181, 189);
    border-right-color: rgb(173, 181, 189);
    border-bottom-color: rgb(173, 181, 189);
    border-left-color: rgb(173, 181, 189);
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    /*pointer-events: none;*/
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    border-top-color: rgb(173, 181, 189);
    border-right-color: rgb(173, 181, 189);
    border-bottom-color: rgb(173, 181, 189);
    border-left-color: rgb(173, 181, 189);
}

.swal-footer {
    text-align: center !important;
}

.swal2-styled.swal2-confirm {
    background-image: linear-gradient(310deg, rgb(0, 65, 160), rgb(26,102,160))!important;
}
.swal2-popup{
    border-radius: 1rem !important;
}

#top-bar-sticky-wrapper {
    height: 51px;
    /* background-color: var(--azul-marino-alt); */
    background-color: #E4ECFA;
    padding: 2px;
    line-height: 0.5rem;
}

.gto-2022 {
    background-color: #E4ECFA;
    /* padding: 39px 10px; */
    color: #000F9F !important;
}