html, body {
    width: 100%;
    height: 100%;
    font-size: 0.9em;
}

body 
{
    font-family: 'Open Sans', sans-serif;
    background-color: #111;
}

/* Links */
a {
    color: rgb(165, 80, 11);
    transition: 0.3s;
}

a:hover {
    color: rgb(255, 170, 73);
    text-decoration: none;
}

/* Navbar */
.menu-container {
    display: flex; 
    justify-content: center; 
    padding: 0px;
    width: 100%; 
    z-index: 1050 !important;
    background-color: rgb(1 1 1 / 85%);
    box-shadow: 0px 0px 8px #000;
}

.fixed {
    position: fixed;
    animation: smoothScroll 0.3s forwards;
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.menu {
    display: flex; 
    justify-content: space-between;
}

.menu .nav-item {
    color: #FFF;
    padding: 0px 10px;
    font-size: 1.1em;
}

.menu-logo {
    font-size: 2.2rem;
    color: white !important;
    padding: .5rem 1rem;
}


.navbar-dark .navbar-nav .nav-link
{
    color: white;
    font-size: 1.05em;
    text-shadow: 0.5px 0.5px 0.1px #000;
    transition: 0.7s;
}

.navbar-nav > .nav-item {
    border-bottom: transparent solid 3px;
}

.navbar-nav > .active {
    border-bottom: rgb(252, 98, 37) solid 3px;
}

.dropdown-menu {    
    font-size: 1.0em !important;
}

/* Main */
.main {
    background-color: #EFEFEF;
    box-shadow: inset 0 8px 10px -7px #222;
    /*padding-top: 20px; 
    padding-bottom: 20px;*/
}

.main-info-container {
    padding-top: 2rem;
    background-color: #111;
}

.main-info {
    text-align: center;
    cursor: pointer
}

.main-info li {
    font-size: 2rem; 
    color: #FFF; 
    border: #FFF solid 3px; 
    width: 80px; 
    height: 80px; 
    line-height: 79px;
    transition: 0.7s;
}

.main-info h4 {
    margin-top: 10px;
    color: #CCC;
}

.main-info p {
    padding: 10px 40px; font-size: 1.1em; line-height: 23px;
    color: #999;
    transition: 0.7s;
}

.main-info:hover p {
    color: #FFF;
}

.main-info:hover li {
    color: #fce61e; 
    border: #fce61e solid 3px; 
}

/* Menu Information */
.menu-info {
    padding-top: 220px;
    height: 490px;
    color: white;
    text-shadow: 0px 0px 5px rgb(1 1 1 / 80%);
    display: flex;
    background: url('../images/back_0.jpg') center 50% no-repeat #000;
    /*background-size: cover;*/
}

.menu-info-small {
    padding-top: 140px;
    height: 200px;
    color: white;
    text-shadow: 0px 0px 5px rgb(1 1 1 / 80%);
    display: flex;
    background: url('../images/back_small.jpg') right top no-repeat #0a0a0a;
    /*background-size: cover;*/
}

.menu-info .title {
    font-size: 2.3em;
}

.info-logo 
{
    padding: 0px 0px 0px 10px;
}
.info-text
{
    color: white;
    animation: opacity-text-frame 1.0s linear;
    animation-fill-mode: forwards;
}

.link-facebook, .link-youtube, .link-whatsapp {
    color: #CCC;
    text-decoration:none;
}

.link-facebook:hover {
    color: #3B5998;
    text-decoration:none;
}
.link-youtube:hover {
    color: #FF0000;
    text-decoration:none;
}

.link-whatsapp:hover {
    color: #25D366;
    text-decoration:none;
}

.version-link {
    text-decoration: none !important;
}

.active > .version-link {
    color: white;
    font-weight: bold;
}

.footer {
    background-color: #222;
    font-size: 0.9em; color: #CCC; padding: 20px 40px;
}
#mspro-gestion {
    border-bottom: 0px;
    transition: 0.1s;
}


#mspro-gestion > .nav-item > .nav-link {
    border-color: transparent !important;
}

#mspro-gestion > .active > .nav-link {
    border-color: transparent !important;
    color: white !important;
}

#mspro-gestion .active {
    background-color: #222;
    border-radius: 4px;
}

#mspro-gestion .dropdown-item:active
{
    background-color: #CCC;
    border-radius: 4px;
}


.h3_title:before {
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background: rgb(252, 98, 37);
    left: 0px;
    top: 40px;
    position: absolute;
}

.h3_title {
    padding-bottom: 15px;   
}

.sub_title {
    padding-bottom: 15px;   
}

.sub_title:after {
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background: rgb(252, 98, 37);
    left: 0px;
    margin-top: 10px;
}

.guides-section a, .download-section a
{
    display: block; 
    text-decoration: none; 
    font-size: 1.4rem;
    color: #111;
    width: 100%;
    border: #CCC solid 1px;
    font-weight: bold;
    text-align: center;
    padding: 1.1em 0em;
    margin-bottom: 0.5em;
}

#menu-general, #menu-admin, #menu-web, #menu-wiki
{
    background-color: #d5d5d5;
    padding: 10px 5px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
    margin: 5px 10px;
    color: white;
}

.dropdown-item {
    display: block;
    border-radius: 3px;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #393939;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.guides-section a:hover, .download-section a:hover
{
    border: #999 solid 1px;
}

.guides-section > .active, .download-section > .active
{
    background-color:rgb(165, 67, 11);
    color: white;
}

.version-list .active
{
    
    background-color:rgb(165, 67, 11);
    color: white;
    border :rgb(252, 98, 37) solid 1px;
}

.carousel
{
    text-align: center;
}

.carousel-control-prev, .carousel-control-next
{
    border: 0px;
    background-color: transparent;
    filter: invert(100%);
}

.navbar .nav-item .dropdown-menu{ border-radius: 0px; background-color: #333; color: #FFF; transition: 0.4s; }

.navbar .nav-item .dropdown-menu .dropdown-item
{
    transition: 0.7s;
    color: #FFF;
}

.navbar .nav-item .dropdown-menu .dropdown-item:hover
{
    background-color: rgb(252, 98, 37);
}

.navbar .nav-item .dropdown-menu .dropdown-item:active
{
    background-color: rgb(252, 98, 37);
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        min-width: 700px;
    }

	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
		.navbar .nav-item .dropdown-menu{ margin-top:0; }
	

}	
/* ============ desktop view .end// ============ */

@media (max-width: 992px)  {

    .menu-info {
        padding-top: 220px;
        height: 490px;
        color: white;
        text-shadow: 0px 0px 5px rgb(1 1 1 / 80%);
        display: flex;
        background: url('../images/back_0.jpg') 65% 50% no-repeat #000;
    }

    .menu {
        width: 100%;
        display: block;
    }
    .menu-logo {
        float: right;
    }
    .menu-info {
        overflow: hidden;
        padding-top: 200px;
        height: 450px;
    }
    .header > #menu {
        width: 100%;
    }
        
    .info-text > h2 {
        font-size: 1.7rem;
    }

    .row-panel {
        flex-direction: column-reverse;
    }
    
    .h3_title {
        font-size: 1.5em;
    }

}

@keyframes opacity-text-frame {
    0% { 
        opacity: 0.3;
    }
    50% {
        opacity: 0.85;
    }
    100% {
        opacity: 1.0;
    }
}


/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/) -
 */
.flag{display:inline-block;position: relative;width:16px;height:11px;background:url('../images/flags.png') no-repeat}.flag.flag-gu{background-position:-96px -55px}.flag.flag-mn{background-position:-208px -88px}.flag.flag-va{background-position:-48px -154px}.flag.flag-tibet{background-position:-32px -143px}.flag.flag-fo{background-position:-64px -44px}.flag.flag-th{background-position:-16px -143px}.flag.flag-tr{background-position:-144px -143px}.flag.flag-tl{background-position:-80px -143px}.flag.flag-kz{background-position:-144px -77px}.flag.flag-zm{background-position:-16px -165px}.flag.flag-uz{background-position:-32px -154px}.flag.flag-dk{background-position:-64px -33px}.flag.flag-scotland{background-position:-176px -121px}.flag.flag-gi{background-position:-224px -44px}.flag.flag-gy{background-position:-128px -55px}.flag.flag-bj{background-position:-112px -11px}.flag.flag-fr{background-position:-80px -44px}.flag.flag-mo{background-position:-224px -88px}.flag.flag-ir{background-position:-112px -66px}.flag.flag-io{background-position:-80px -66px}.flag.flag-tm{background-position:-96px -143px}.flag.flag-ch{background-position:-96px -22px}.flag.flag-mt{background-position:-32px -99px}.flag.flag-nl{background-position:-240px -99px}.flag.flag-gp{background-position:-16px -55px}.flag.flag-im{background-position:-48px -66px}.flag.flag-tv{background-position:-176px -143px}.flag.flag-mu{background-position:-48px -99px}.flag.flag-pe{background-position:-96px -110px}.flag.flag-vi{background-position:-112px -154px}.flag.flag-hn{background-position:-176px -55px}.flag.flag-ss{background-position:-128px -132px}.flag.flag-ae{background-position:-16px 0}.flag.flag-td{background-position:-240px -132px}.flag.flag-pw{background-position:0 -121px}.flag.flag-nu{background-position:-32px -110px}.flag.flag-bt{background-position:-208px -11px}.flag.flag-ms{background-position:-16px -99px}.flag.flag-cv{background-position:-240px -22px}.flag.flag-es{background-position:-224px -33px}.flag.flag-mh{background-position:-144px -88px}.flag.flag-la{background-position:-160px -77px}.flag.flag-vn{background-position:-128px -154px}.flag.flag-py{background-position:-16px -121px}.flag.flag-br{background-position:-176px -11px}.flag.flag-ye{background-position:-224px -154px}.flag.flag-ie{background-position:0 -66px}.flag.flag-gh{background-position:-208px -44px}.flag.flag-cg{background-position:-80px -22px}.flag.flag-cu{background-position:-224px -22px}.flag.flag-hu{background-position:-224px -55px}.flag.flag-sg{background-position:-224px -121px}.flag.flag-at{background-position:-176px 0}.flag.flag-lk{background-position:-224px -77px}.flag.flag-vu{background-position:-144px -154px}.flag.flag-bo{background-position:-160px -11px}.flag.flag-jo{background-position:-208px -66px}.flag.flag-er{background-position:-208px -33px}.flag.flag-za{background-position:-256px -154px}.flag.flag-rs{background-position:-80px -121px}.flag.flag-nr{background-position:-16px -110px}.flag.flag-ls{background-position:-256px -77px}.flag.flag-jm{background-position:-192px -66px}.flag.flag-tz{background-position:-208px -143px}.flag.flag-ki{background-position:-16px -77px}.flag.flag-sj{background-position:0 -132px}.flag.flag-cz{background-position:-16px -33px}.flag.flag-pg{background-position:-128px -110px}.flag.flag-lv{background-position:-32px -88px}.flag.flag-do{background-position:-96px -33px}.flag.flag-lu{background-position:-16px -88px}.flag.flag-no{background-position:-256px -99px}.flag.flag-kw{background-position:-112px -77px}.flag.flag-mx{background-position:-96px -99px}.flag.flag-yt{background-position:-240px -154px}.flag.flag-ly{background-position:-48px -88px}.flag.flag-cy{background-position:0 -33px}.flag.flag-ph{background-position:-144px -110px}.flag.flag-my{background-position:-112px -99px}.flag.flag-sm{background-position:-48px -132px}.flag.flag-et{background-position:-240px -33px}.flag.flag-ru{background-position:-96px -121px}.flag.flag-tj{background-position:-48px -143px}.flag.flag-ai{background-position:-64px 0}.flag.flag-pl{background-position:-176px -110px}.flag.flag-kp{background-position:-64px -77px}.flag.flag-uy{background-position:-16px -154px}.flag.flag-gb{background-position:-112px -44px}.flag.flag-gs{background-position:-64px -55px}.flag.flag-kurdistan{background-position:-96px -77px}.flag.flag-rw{background-position:-112px -121px}.flag.flag-ec{background-position:-128px -33px}.flag.flag-mm{background-position:-192px -88px}.flag.flag-pa{background-position:-80px -110px}.flag.flag-wales{background-position:-160px -154px}.flag.flag-kg{background-position:-256px -66px}.flag.flag-ve{background-position:-80px -154px}.flag.flag-tk{background-position:-64px -143px}.flag.flag-ca{background-position:-16px -22px}.flag.flag-is{background-position:-128px -66px}.flag.flag-ke{background-position:-240px -66px}.flag.flag-ro{background-position:-64px -121px}.flag.flag-gq{background-position:-32px -55px}.flag.flag-pt{background-position:-256px -110px}.flag.flag-tf{background-position:-256px -132px}.flag.flag-ad{background-position:0 0}.flag.flag-sk{background-position:-16px -132px}.flag.flag-pm{background-position:-192px -110px}.flag.flag-om{background-position:-64px -110px}.flag.flag-an{background-position:-112px 0}.flag.flag-ws{background-position:-192px -154px}.flag.flag-sh{background-position:-240px -121px}.flag.flag-mp{background-position:-240px -88px}.flag.flag-gt{background-position:-80px -55px}.flag.flag-cf{background-position:-64px -22px}.flag.flag-zanzibar{background-position:0 -165px}.flag.flag-mw{background-position:-80px -99px}.flag.flag-catalonia{background-position:-32px -22px}.flag.flag-ug{background-position:-240px -143px}.flag.flag-je{background-position:-176px -66px}.flag.flag-km{background-position:-32px -77px}.flag.flag-in{background-position:-64px -66px}.flag.flag-bf{background-position:-48px -11px}.flag.flag-mc{background-position:-80px -88px}.flag.flag-sy{background-position:-192px -132px}.flag.flag-sn{background-position:-64px -132px}.flag.flag-kr{background-position:-80px -77px}.flag.flag-eu{background-position:-256px -33px}.flag.flag-bn{background-position:-144px -11px}.flag.flag-st{background-position:-144px -132px}.flag.flag-england{background-position:-192px -33px}.flag.flag-lc{background-position:-192px -77px}.flag.flag-dm{background-position:-80px -33px}.flag.flag-be{background-position:-32px -11px}.flag.flag-ni{background-position:-224px -99px}.flag.flag-ua{background-position:-224px -143px}.flag.flag-mz{background-position:-128px -99px}.flag.flag-pf{background-position:-112px -110px}.flag.flag-tn{background-position:-112px -143px}.flag.flag-ee{background-position:-144px -33px}.flag.flag-xk{background-position:-208px -154px}.flag.flag-sx{background-position:-176px -132px}.flag.flag-sd{background-position:-192px -121px}.flag.flag-gd{background-position:-128px -44px}.flag.flag-ci{background-position:-112px -22px}.flag.flag-sz{background-position:-208px -132px}.flag.flag-cl{background-position:-144px -22px}.flag.flag-fi{background-position:0 -44px}.flag.flag-ga{background-position:-96px -44px}.flag.flag-jp{background-position:-224px -66px}.flag.flag-de{background-position:-32px -33px}.flag.flag-np{background-position:0 -110px}.flag.flag-re{background-position:-48px -121px}.flag.flag-bg{background-position:-64px -11px}.flag.flag-sc{background-position:-160px -121px}.flag.flag-ng{background-position:-208px -99px}.flag.flag-qa{background-position:-32px -121px}.flag.flag-mk{background-position:-160px -88px}.flag.flag-aw{background-position:-208px 0}.flag.flag-kn{background-position:-48px -77px}.flag.flag-al{background-position:-80px 0}.flag.flag-bw{background-position:-240px -11px}.flag.flag-um{background-position:-256px -143px}.flag.flag-ky{background-position:-128px -77px}.flag.flag-tt{background-position:-160px -143px}.flag.flag-so{background-position:-80px -132px}.flag.flag-lt{background-position:0 -88px}.flag.flag-by{background-position:-256px -11px}.flag.flag-bb{background-position:0 -11px}.flag.flag-us{background-position:0 -154px}.flag.flag-md{background-position:-96px -88px}.flag.flag-ag{background-position:-48px 0}.flag.flag-hm{background-position:-160px -55px}.flag.flag-as{background-position:-160px 0}.flag.flag-eg{background-position:-160px -33px}.flag.flag-sv{background-position:-160px -132px}.flag.flag-sl{background-position:-32px -132px}.flag.flag-fk{background-position:-32px -44px}.flag.flag-am{background-position:-96px 0}.flag.flag-ck{background-position:-128px -22px}.flag.flag-tw{background-position:-192px -143px}.flag.flag-kh{background-position:0 -77px}.flag.flag-to{background-position:-128px -143px}.flag.flag-se{background-position:-208px -121px}.flag.flag-cd{background-position:-48px -22px}.flag.flag-pn{background-position:-208px -110px}.flag.flag-gr{background-position:-48px -55px}.flag.flag-id{background-position:-256px -55px}.flag.flag-vc{background-position:-64px -154px}.flag.flag-somaliland{background-position:-96px -132px}.flag.flag-bi{background-position:-96px -11px}.flag.flag-pk{background-position:-160px -110px}.flag.flag-pr{background-position:-224px -110px}.flag.flag-bd{background-position:-16px -11px}.flag.flag-co{background-position:-192px -22px}.flag.flag-fm{background-position:-48px -44px}.flag.flag-bm{background-position:-128px -11px}.flag.flag-ar{background-position:-144px 0}.flag.flag-bv{background-position:-224px -11px}.flag.flag-sb{background-position:-144px -121px}.flag.flag-mq{background-position:-256px -88px}.flag.flag-eh{background-position:-176px -33px}.flag.flag-bh{background-position:-80px -11px}.flag.flag-it{background-position:-144px -66px}.flag.flag-hr{background-position:-192px -55px}.flag.flag-sa{background-position:-128px -121px}.flag.flag-mv{background-position:-64px -99px}.flag.flag-mg{background-position:-128px -88px}.flag.flag-dz{background-position:-112px -33px}.flag.flag-gg{background-position:-192px -44px}.flag.flag-gm{background-position:-256px -44px}.flag.flag-af{background-position:-32px 0}.flag.flag-li{background-position:-208px -77px}.flag.flag-sr{background-position:-112px -132px}.flag.flag-vg{background-position:-96px -154px}.flag.flag-cr{background-position:-208px -22px}.flag.flag-tc{background-position:-224px -132px}.flag.flag-ao{background-position:-128px 0}.flag.flag-ma{background-position:-64px -88px}.flag.flag-mr{background-position:0 -99px}.flag.flag-gn{background-position:0 -55px}.flag.flag-ne{background-position:-176px -99px}.flag.flag-nf{background-position:-192px -99px}.flag.flag-wf{background-position:-176px -154px}.flag.flag-hk{background-position:-144px -55px}.flag.flag-gf{background-position:-160px -44px}.flag.flag-ps{background-position:-240px -110px}.flag.flag-ic{background-position:-240px -55px}.flag.flag-cw{background-position:-256px -22px}.flag.flag-ml{background-position:-176px -88px}.flag.flag-ax{background-position:-224px 0}.flag.flag-gl{background-position:-240px -44px}.flag.flag-dj{background-position:-48px -33px}.flag.flag-cn{background-position:-176px -22px}.flag.flag-ht{background-position:-208px -55px}.flag.flag-lr{background-position:-240px -77px}.flag.flag-tg{background-position:0 -143px}.flag.flag-ba{background-position:-256px 0}.flag.flag-ge{background-position:-144px -44px}.flag.flag-bz{background-position:0 -22px}.flag.flag-au{background-position:-192px 0}.flag.flag-iq{background-position:-96px -66px}.flag.flag-cm{background-position:-160px -22px}.flag.flag-gw{background-position:-112px -55px}.flag.flag-az{background-position:-240px 0}.flag.flag-na{background-position:-144px -99px}.flag.flag-fj{background-position:-16px -44px}.flag.flag-zw{background-position:-32px -165px}.flag.flag-bs{background-position:-192px -11px}.flag.flag-il{background-position:-16px -66px}.flag.flag-nz{background-position:-48px -110px}.flag.flag-me{background-position:-112px -88px}.flag.flag-si{background-position:-256px -121px}.flag.flag-nc{background-position:-160px -99px}.flag.flag-lb{background-position:-176px -77px}