/* NAVBAR */


.nav-item-menu {
    padding-left : 8px;
    padding-right : 20px;
}

.nav-link-menu {

}

.nav-link-menu:hover {

}

.nav-item-menu-mobile {
}

.nav-link-menu-mobile {
    color: #000000;
    text-align: center;
    text-transform: initial !important;
    font-weight: initial !important;
    font-size: 1rem !important;
    border-bottom: 1px solid #f2f2f2 !important;
}

.nav-link-menu-mobile:hover {
    border-bottom: 1px solid #2698c5 !important;
}

.navbar-light {
    background-color: #160d58;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
    font-size: 0.94rem;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #FFFFFF;
    font-size: 0.94rem;
    text-transform: uppercase;
    font-weight: bold;
}


.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,<svg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'><path stroke=\'rgba(255, 255, 255, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/></svg>');
}

.navbar-light .navbar-brand {
    color: rgba(255, 255, 255, 1);
}

.navbar-light .navbar-brand:hover {
    color: rgba(255, 255, 255, 1);
}

.navbar-toggler {
    position:relative;
    top:-6px;
}

@media (max-width: 992px) {
    .navbar-mobile-hide {
        display: none;
    }
    .navbar-mobile-show {
        display: block;
    }
}

@media (min-width: 992px) {
    .navbar-mobile-hide {
        display: block;
    }
    .navbar-mobile-show {
        display: none;
    }

}


.navbar-dark .navbar-toggler {
    color: #0a0a0a;
    border-color: #0a0a0a;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,<svg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'><path stroke=\'rgba(255, 255, 255, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/></svg>');
}

.navbar-dark .navbar-brand {
    color: #0a0a0a;
}

.navbar-dark .navbar-brand:hover {
}

.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
    font-size: 0.94rem;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #0a0a0a;
    font-size: 0.94rem;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}

.navbar {
    padding-top: 10px;
}

.navbar-brand {
    font-size: 1.5rem;
    /*font-weight: bold;*/

}

.navbar-backgroundBlue {
    background-color: #160d58;
}


/* SUBMENU CONNECTION */

.subMenuConnection-dark {
    display: none;
    position:absolute;
    /*top:60px;*/
    left:-32px;
    z-index: 300;
    margin-top: -14px;
}

/*.subMenuConnection-dark-arrow-up {*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-left: 8px solid transparent;*/
    /*border-right: 8px solid transparent;*/

    /*border-bottom: 8px solid #eff1f4;*/

    /*margin-left: 48%;*/
/*}*/

.subMenuConnection-dark-login {
    color: #2698c5;
    display: block;
    width: 232px;
    text-align: center;
    padding: 19px 20px 19px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #F5F5F5;
    cursor: pointer;
}
.subMenuConnection-dark-login:hover {
    background-color: #2698c5;
    color: #FFFFFF;
}

.subMenuConnection-dark-register {
    color: #2698c5;
    display: block;
    width: 232px;
    text-align: center;
    padding: 19px 20px 19px 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #c9c9c9;
    background-color: #F5F5F5;
    cursor: pointer;
}
.subMenuConnection-dark-register:hover {
    background-color: #2698c5;
    color: #FFFFFF;
}


.subMenuConnection-light {
    display: none;
    position:absolute;
    /*top:60px;*/
    left: -32px;
    z-index: 300;
    margin-top: -14px;
}

/*.subMenuConnection-light-arrow-up {*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-left: 8px solid transparent;*/
    /*border-right: 8px solid transparent;*/

    /*border-bottom: 8px solid #eff1f4;*/

    /*margin-left: 48%;*/
/*}*/

.subMenuConnection-light-login {
    color: #696969;
    display: block;
    width: 232px;
    text-align: center;
    padding: 19px 20px 19px 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #FFFFFF;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    cursor: pointer;

    font-size: 1.0rem;
    text-transform: uppercase;

}
.subMenuConnection-light-login:hover {
    background-color: #F5F5F5;
}

.subMenuConnection-light-register {
    color: #696969;
    display: block;
    width: 232px;
    text-align: center;
    padding: 19px 20px 19px 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    /*border-top: 1px solid #d3d3d3;*/
    border: 1px solid #d3d3d3;
    background-color: #FFFFFF;
    cursor: pointer;

    font-size: 1.0rem;
    text-transform: uppercase;
}
.subMenuConnection-light-register:hover {
    background-color: #F5F5F5;
}

/* SUBMENU ACCOUNT */

.subMenuAccount-dark {
    position:absolute;
    /*margin-left:0;*/
    left: -40px;
    top: 60px;
    /*width:210px;*/
    border: none;
    background-color: transparent;
}

.subMenuAccount-dark-myAccount {
    color: #FFFFFF;
    padding: 19px 20px 19px 20px;
    text-align: center;
    width: 232px;
    padding: auto;
    background-color: #160d58;
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

    font-size: 1.0rem;
    font-weight: bold;
    text-transform: uppercase;
}

.subMenuAccount-dark-myAccount:hover {
    background-color: #2698c5;
    color: #FFFFFF;
}

.subMenuAccount-dark-administration {
    color: #FFFFFF;
    text-align: center;
    width: 232px;
    padding: 19px 20px 19px 20px;
    background-color: #160d58;
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;

    font-size: 1.0rem;
    font-weight: bold;
    text-transform: uppercase;
}

.subMenuAccount-dark-administration:hover {
    background-color: #2698c5;
    color: #FFFFFF;
}

.subMenuAccount-dark-disconnect {
    color: #FFFFFF;
    padding: 19px 20px 19px 20px;
    text-align: center;
    width: 232px;
    padding: auto;
    background-color: #160d58;
    cursor: pointer;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;

    font-size: 1.0rem;
    font-weight: bold;
    text-transform: uppercase;
}

.subMenuAccount-dark-disconnect:hover {
    background-color: #2698c5;
    color: #FFFFFF;
}


.subMenuAccount-light {
    position:absolute;
    margin-left:0;
    left: -40px;
    top: 60px;
    /*width:210px;*/
    border: none;
    background-color: transparent;
    padding: 0px;
    border: 1px solid #d3d3d3;
}

.subMenuAccount-light-myAccount {
    color: #696969;
    padding: 19px 20px 19px 20px;
    text-align: center;
    width: 232px;
    padding: auto;
    background-color: #FFFFFF;
    cursor: pointer;
    border-bottom: 1px solid #d3d3d3;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

    font-size: 1.0rem;
    text-transform: uppercase;
}

.subMenuAccount-light-myAccount:hover {
    color: #696969;
    background-color: #F5F5F5;
    /*font-weight: bold;*/
}

.subMenuAccount-light-administration {
    color: #696969;
    text-align: center;
    width: 232px;
    padding: 19px 20px 19px 20px;
    background-color: #FFFFFF;
    cursor: pointer;
    border-bottom: 1px solid #d3d3d3;

    font-size: 1.0rem;
    text-transform: uppercase;
}

.subMenuAccount-light-administration:hover {
    color: #696969;
    background-color: #F5F5F5;
    /*font-weight: bold;*/
}

.subMenuAccount-light-disconnect {
    color: #696969;
    padding: 19px 20px 19px 20px;
    text-align: center;
    width: 232px;
    padding: auto;
    background-color: #FFFFFF;
    cursor: pointer;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;

    font-size: 1.0rem;
    text-transform: uppercase;
}

.subMenuAccount-light-disconnect:hover {
    background-color: #F5F5F5;
    color:  #696969;
    /*font-weight: bold;*/
}


/*// Large devices (desktops, 992px and up)*/
/*@media (min-width: 992px) and (max-width: 1199.98px) { ... }*/

/*// Extra large devices (large desktops, 1200px and up)*/
/*@media (min-width: 1200px) { ... }*/