@import url("reset.css")%>"); @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600&display=swap'); @font-face @font-face @font-face

@font-face {
    font-family: 'IBM Plex Sans';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    margin: 0;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    color: #1D1D1D;
}

fieldset {
    border:none;
}

#loginCN8 {
    position: relative;
    width: 1440px;
    height: 1029px;
    background: #FFFFFF;
}

#pnlLogin {
    position: relative;
    width: 1440px;
    height: 1029px;
    background: #FFFFFF
}

.leftCN8 {
    position: absolute;
    width: 800px;
    height: 1029px;
    /*left: -12px;*/
    top: 0px;
    /*background: url('images/login/bg1.png');*/
    background-size: cover;
    min-width: 800px;
    margin: auto;
}

    .leftCN8::before {
        /*            content: "";
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
            background-size: 800px 1029px;
            position: absolute;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            opacity: 10;*/
    }

.rightCN8 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 88px;
    position: absolute;
    width: 640px;
    height: auto;
    left: 800px;
    top: 0px;
    background: #FFFFFF;
}

#inner-divCN8 {
    padding: 0px;
    background-color: #ffffff;
    background-size: cover;
    max-width: 1440px;
    min-height: 100%;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

#form1 {
    margin: 0px;
    padding: 0;
}

h1 {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #FFFFFF;
}


.loginTextContainerCN8 {
    position: relative;
    width: 735px;
    height: 1029px;
}

.loginTextCN8 {
    position: absolute;
    width: 735px;
    height: 344px;
    left: 25px;
    top: 600px;
    text-align: left;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    color: #FFFFFF;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 6px 0px;
    padding: 20px;
    display: inline-block;
    text-shadow: 2px 2px 4px #000000;
    /*           top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);*/
}

.loginareaCN8 {
    /*    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    position: static;
    width: 464px;
    height: 450px;
    left: 0px;
    top: 233px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px 0px;*/
}

.LoginTextBoxCN8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    position: static;
    width: 464px;
    height: 55px;
    left: 0px;
    top: 33px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 8px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 12px 0px;
}

.bodyTextCN8 {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #1D1D1D;
    opacity: 1.0;
}

.UserNameLabelCN8 {
    position: relative;
    left: 0px;
    top: 0px;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #1D1D1D;
    flex: none;
    flex-grow: 0;
    margin: 0px 4px;
    text-align: left;
}

.UserNameTextCN8 {
    position: static;
    width: 201px;
    height: 23px;
    left: 16px;
    top: 16px;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    /* Text Black */
    color: #1D1D1D;
    opacity: 1;
    flex: none;
    flex-grow: 0;
    margin: 16px 0px;
}

.ErrorCN8, .reseterror {
    position: relative;
    left: 0px;
    top: 0px;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    /* identical to box height */
    /* Text Black */
    color: #ff495c;
    flex: none;
    flex-grow: 0;
    margin: 0px 4px;
    text-align: left;
}

.signSectionCN8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    position: static;
    width: 464px;
    height: 348px;
    left: 0px;
    top: 0px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 40px 0px;
}





.playButton {
    /*            position: static;
            width: 13px;
            height: 13px;
            left: 20px;
            top: 15.5px;
            flex: none;
            flex-grow: 0;
            margin: 0px 10px;*/
}

.imgCN8Logo {
    /*position: relative;
    width: 165.67px;
    height: 56px;*/
    /*            left: calc(50% - 165.67px/2 - 149.17px);*/
    /*top: calc(50% - 56px/2 - 313.5px);
    flex: none;
    order: 0;
    flex-grow: 0;*/
    margin: 25px 0px;
}

.imgCN8ClientLogo {
    /*    position: relative;
    top: calc(50% - 56px/2 - 313.5px);
    float: right;
    margin: 48px 0px;
    right: 150px;*/
}

#UserLogin {
    height: auto;
}

#lnkBtnCreateAccount {
    position: static;
    left: 232px;
    top: 0px;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #004FEF;
}


/* CN8 */
/*#rp-cancel {
            margin: 12px 0px 0px 10px;
            font-size: 10px;
            display: inline-block;
        }*/

#UserLogin_btnReset {
    float: left;
}

#rp-login {
    /*  font-size: 10px;*/
}

.reseterror {
    display: none;
}

#client_logo {
    float: right;
}

#login #header .section {
    float: left;
    width: 510px !important;
}

.placeholder {
    color: #aaa;
}

.MaintenanceAlert {
    width: 855px;
    min-height: 60px;
}

.InfoAlert {
    width: 855px;
}

#login .right .loginboxnone {
    display: none;
}

.btn-rounded-large {
    text-align: center;
}

/*Slider*/
.mySlides {
    display: none
}

img {
    vertical-align: middle;
}
/*------------------------------------*/
/* Slideshow container */
.slideshow-container {
    position: absolute;
    width: 800px;
    height: 1029px;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    /*    position: absolute;*/
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    font-family: Verdana, sans-serif;
    background-color: #000000;
    opacity: 1;
    border-radius: 50%;
}

/* Position the "next button" to the right */
.next {
    right: 0;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dotbk {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dot {
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin: 0 2px;
    background-color: transparent;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active, .dot:hover {
        background-color: #ffffff;
    }


.berlitzBlue {
    color: #004FEF;
    /*rgb(0, 79, 239)*/
}

.berlitBluePrintUncoated {
    color: #0083ca;
}

.berlitzGreen {
    color: #643BA2;
    /*rgb(65, 206, 122)*/
}

.berlitzGreenPrintUncoated {
    color: #
}

.berlitzRed {
    color: #FF495C;
    /*rgb(255, 73, 92)*/
}

.berlitzRedPrintUncoated {
    color: #ef3a4c;
}

.berlitzPurple {
    color: #643BA2;
    /*rgb(100, 59, 162)*/
}

.charcol {
    color: #1D1D1D;
}

.powder {
    color: #FCFCFC;
}

.black {
    color: #1D1D1D;
}

.gray {
    color: #BABCC8;
}

.gray2 {
    color: #96979e;
}

textColor {
    color: #1D1D1D;
}

.BerlitzBorder {
    color: #E5E5E5;
}

h1 {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: #1D1D1D;
    margin: 0px 0px 8px 0px;
}

h2 {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 29px;
    color: #1D1D1D;
    margin: 0px 0px 20px 0px;
}

h3 {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 26px;
    color: #1D1D1D;
    margin: 0px 0px 8px 0px;
}

h4 {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 29px;
    color: #1D1D1D;
    margin: 0px 0px 8px 0px;
}

p {
    line-height: 26px;
    margin-bottom: 10px;
}




strong, .strong {
    font-weight: bold;
}

textarea:focus, input:focus {
    outline: none;
}


*:focus {
    outline: none;
}

.small {
    /*    font-size: 11px;*/
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #1D1D1D;
    opacity: 1.0;
}

.details {
    /*    font-size: 11px;*/
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /*    line-height: 21px;*/
    color: #1D1D1D;
    /*    opacity: 1.0;*/
}

a:link {
    text-decoration: none !important;
}


a:visited {
    text-decoration: none !important;
}


a:hover {
    text-decoration: none !important;
}


a:active {
    text-decoration: none !important;
}




a {
    /*    color: #0096d6;*/
    text-decoration: none !important;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #1D1D1D;
    /*    opacity: 1.0;*/
}

    a:hover { /*text-decoration: underline;*/
        text-decoration: none !important;
    }

    a img {
        border: none;
        text-decoration: none !important;
    }

.center {
    text-align: center;
}

.relative {
    position: relative;
}

sup {
    font-size: smaller;
    vertical-align: super;
}

.wrap {
    margin: 0 auto;
    width: 1190px;
    /*padding-left: 30px;
    padding-right: 10px;*/
    background-color: transparent;
    z-index: auto;
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    float: none;
    clear: both;
}

.error {
    color: #FF495C;
}

.text-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    position: static;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 8px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 12px 0px;
    height: 44px;
}

/* structure */
#header {
    /*    background: #fff url(../images/bg-header.gif) repeat-x;*/
    height: 148px;
    position: relative;
    z-index: 110;
}

#content {
    /*margin: 20px 0 30px 0;*/
    background-color: transparent;
}

#footer {
    /*background: #fff url(../images/bg-footer.gif) repeat-x;
    height: 150px;
    color: #545554;*/ /* font-family: 'Maven Pro', Sans-Serif; */
    /*font-weight: 400px;*/
    padding-top: 12px;
    position: relative;
    bottom: 0;
    padding-bottom:0;
}

/* header */
#bar {
    height: 32px;
    padding: 2px 0px;
}

    #bar .left {
    }

    #bar .right {
    }

    #bar #notification {
    }

    #bar #search {
        float: left;
        padding-top: 3px;
        position: relative;
    }

#txtSearch {
    /*border: none;
    background: transparent url(../images/bg-search.png) no-repeat;
    padding: 5px 20px 5px 5px;
    width: 186px;
    height: 16px;*/ /* 211x26 */
}

#btnSearch {
    /*    position: absolute;*/
    /*    right: 6px;
    top: 10px;*/
}

#txtSearchNetwork {
    border: none;
    background: transparent url(../images/bg-search.png) no-repeat;
    padding: 5px 20px 5px 5px;
    width: 186px;
    height: 16px; /* 211x26 */
}

#btnSearchNetwork {
    position: absolute;
    right: 6px;
    top: 10px;
}

#bar #home, #bar #help {
    float: left;
    padding: 7px 10px;
}

#bar #welcome {
    float: left;
    font-size: 13px;
    line-height: 16px;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    padding: 2px 0px 2px 0px;
    margin-top: 1px;
}

    #bar #welcome span.userName {
        padding-right: 25px;
    }

#welcome .menucontainer {
    position: relative;
    padding: 0 4px;
    z-index: 120;
}

#welcome .menu-open {
}

#welcome a.first {
    display: block;
    background: transparent url(../images/btn-dropdown.png) no-repeat 99% 2px;
    height: 22px;
    padding: 5px 5px 0px;
    border: solid 1px transparent;
    border-bottom: none;
}

    #welcome a.first:hover {
        background: transparent url(../images/btn-dropdown_hover.png) no-repeat 99% 2px;
    }

    #welcome a.first span {
        color: #6b6b6b;
    }

#interestEdit a.open, #welcome a.open {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #fff;
    border: solid 1px #cccbcb;
    border-bottom: none;
}

#interestEdit .options, #welcome .options {
    display: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    border: solid 1px #cccbcb;
    border-top: none;
    position: absolute;
    /*
	width:95%;
	min-width:160px;
*/
    padding: 0px;
    z-index: 99;
    font-size: 11px;
    list-style-type: none;
}

    #interestEdit .options li, #welcome .options li {
        border-top: solid 1px #cccbcb; /*padding: 5px 10px;*/
    }

        #interestEdit .options li a, #welcome .options li a {
            display: block;
            padding: 5px 10px;
        }

            #interestEdit .options li a:hover, #welcome .options li a:hover {
                background: #643BA2;
                color: #fff;
            }

#interestEdit .options {
    width: 120px;
}

.edit {
    display: block;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #fff;
    border: solid 1px #FFFFFF;
    border-bottom: none;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    width: 93px;
}

@-moz-document url-prefix() {
    .edit {
        margin-left: 34px !important;
    }
}

.editOpen {
    border: solid 1px #cccbcb;
}

    .editOpen a.editinterest {
        color: #0054A4;
        font-weight: bold;
    }

/*
#header .section { height: 109px; margin-top: 25px; }
#logo { float: left; }
#topnav { float: right; list-style: none; margin-top: 25px; margin-right: 20px; }
#topnav li { float: left; margin-left: 50px; }
#topnav li:first-child { margin-left: 0px; }
#topnav li a { font-size: 13px; color: #1D1D1D; }
#topnav li a img { position: relative; top: 3px; padding-right: 3px; }
*/

#header .section {
    height: 90px;
    margin-top: 15px;
}

#logo {
    margin-right: 20px;
    float: left;
}

#client_logo {
    float: left;
}

#topnav {
    list-style: none;
    margin-top: 3px;
    z-index: 110;
    /*display: block;*/
}

    #topnav li {
    }

        #topnav li a:hover {
            /*            color: #fff;
            background-color: #643BA2;*/
        }


        #topnav li:first-child {
            margin-left: 0px;
        }

        #topnav li a {
            width: 189px;
            font-size: 13px;
            color: #1D1D1D;
            font-family: arial;
            display: block;
            float: left;
            padding: 12px;
            background-color: transparent;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -o-border-radius: 6px;
        }

            #topnav li a img {
                position: relative;
                top: 3px;
                padding-right: 10px;
            }

            #topnav li a:hover {
                /*             color: #fff;
                background-color: #643BA2;

 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #ffffff) );
 background:-moz-linear-gradient( center top, #ffffff 5%, #efefef 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
 background-color:#ffffff;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border: 1px solid #efefef;

                color: #fff;
                background-color: #643BA2;*/
            }


/*topnav*/
#topnav {
  /*  position: relative;*/
}

    #topnav div.menu {
        display: none;
        position: absolute;
        padding: 3px;
        background-color: #fff;
        margin: 0px;
        margin-top: 1px;
        top: 50px;
        left: 240px;
        z-index: 900;
        border: 1px solid #E5E5E5;
        border-radius: 12px;
        overflow: hidden;
    }

    #topnav #navNetwork div.menu {
        left: -350px;
    }

    #topnav #navLearning div.menu {
        left: -315px;
    }


    #topnav #navCountry div.menu {
        left: -351px;
    }

.flagshadow {
    box-shadow: 0px 10px 30px -10px #b5b5b5;
}

/*
  #topnav .tabBorder {
    border: 1px solid #808080;
    border-bottom: none;
    z-index: 999;
    background-color: #fff;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
}      
    */

#topnav .navLink {
    width: 213px;
    height: 21px;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    z-index: 999;
    background-color: #fff;
    padding: 0px;
}

.btn {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #1D1D1D;
    /*opacity: 1.0;;*/
    flex: none;
    order: 0;
    flex-grow: 0; /*margin: 0px 10px; */
    text-align: center;
}

    .btn a {
        font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        color: #1D1D1D;
        opacity: 1.0;
        ;
        flex: none;
        order: 0;
        flex-grow: 0; /*margin: 0px 10px; */
        text-align: center;
    }


    .btn:hover {
        color: #ffffff !important;
        background-color: #643BA2;
    }

    .btn a:hover {
        color: #ffffff !important;
        background-color: #643BA2;
    }

.btnOutline {
    padding: 6px 12px;
    border: 1px solid rgb(186, 188, 200);
    box-sizing: border-box;
    border-radius: 112px;
    margin: -16px 32px;
    background-color: rgb(255, 255, 255);
    color: rgb(45, 47, 61);
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

    .btnOutline:hover {
        color: #ffffff !important;
        background-color: #643BA2;
        text-decoration: none !important;
    }

    .btnOutline a:hover {
        color: #ffffff !important;
        background-color: #643BA2;
        text-decoration: none !important;
    }
    .btnOutlineText:hover {
        color: #ffffff !important;
        background-color: #643BA2;
        text-decoration: none !important;
    }

    .btnOutlineText a:hover {
        color: #ffffff !important;
        background-color: #643BA2;
        text-decoration: none !important;
    }
    
.btnOutlineBlue {
    padding: 6px 12px;
    border: 1px solid rgb(186, 188, 200);
    box-sizing: border-box;
    border-radius: 112px;
    margin: -16px 32px;
    background-color: #004FEF;
    color: #FFFFFF;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

    .btnOutlineBlue:hover {
        color: #ffffff !important;
        background-color: #643BA2;
        text-decoration: none !important;
    }

    .btnOutlineBlue a:hover {
        color: #ffffff !important;
        background-color: #643BA2;
        text-decoration: none !important;
    }








.btnHover {
    background-color: #643BA2;
}

.btnHoverText {
    color: #ffffff !important;
}


.btn2 {
    border: 1px solid;
    color: #E5E5E5;
}

    .btn2:hover {
        border: 1px solid;
        color: #643BA2;
    }


.btn3 {
    background-color: #004FEF;
}

    .btn3:hover {
        background-color: #643BA2;
    }

/*.btn4 {
    border: none;
    width:auto;
}

    .btn4:hover {
        border: 1px solid;
        border-radius:2px;
        background-color: #643BA2;
    }*/


.button-blue-rect {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    position: static;
    height: 44px;
    background: #004FEF;
    border-radius: 112px;
    border: none;
    margin: 0px 10px;
    text-align: center;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF !important;
    text-decoration: none;
}

    .button-blue-rect a {
        text-decoration: none;
    }

.button-rect {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    position: static;
    /*    width: 169px;*/
    height: 44px;
    /*    left: 767px;*/
    /*    top: 0px;*/
    background: #FFFFFF;
    border-radius: 112px;
    border: 1px solid #BABCC8;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 0px 10px;
    text-align: center;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #1D1D1D;
}

.blue-button-rect a {
    color: #FFFFFF;
}

.button-rect a {
    color: #1D1D1D;
}

.button-rect:hover, .button-rect:focus, .button-rect:active {
    background-color: #643BA2;
    color: #ffffff !important;
    text-decoration: none;
}

.button-blue-rect:hover, .button-blue-rect:focus, .button-blue-rect:active {
    background-color: #643BA2;
    text-decoration: none;
}

.button-blue-rect:active {
    -moz-box-shadow: inset 0px 0px 3px #132a85;
    -webkit-box-shadow: inset 0px 0px 3px #132a85;
    text-decoration: none;
}

.btnLoginCN8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: static;
    width: 464px;
    height: 55px;
    left: 0px;
    top: 293px;
    background: #004FEF;
    border-radius: 8px;
    border: none;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 10px 0px;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
}

    .btnLoginCN8:hover, .btnLoginCN8:focus, .btnLoginCN8:active {
        background-color: #643BA2;
    }

#topnav .tabBorder {
}
/*
    #topnav .tabBorder {
        width: 213px;
        height: 21px;
        font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        border-radius: 6px;
        z-index: 999;
        background-color: #fff;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
    }




    #topnav .navLink {
        margin-bottom: 0px;
        margin-left: 0px;
        position: absolute;

        padding: 0px;
    }
*/

/*
    #topnav #navProfile a {
        background: #fff url(../images/topnav/profile.gif) no-repeat 22px 7px;


    }

    #topnav #navNetwork a {
        background: #fff url(../images/topnav/network.gif) no-repeat 22px 7px;


    }

    #topnav #navLearning a {
        background: #fff url(../images/topnav/learning.gif) no-repeat 22px 7px;

    }

    #topnav #navCountry a {
        background: #fff url(../images/topnav/country_guides.gif) no-repeat 22px 12px;

    }
*/
#topnav a.tabBorder {
}



/* footer */
#footer a {
    color: #545554;
}

#footer .left {
}

#footer .right {
}

#footnav {
/*    margin-top: 3px;
    margin-bottom: 8px;
    height: 12px;*/

    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #footnav ul {
        list-style-type: none;
    }

    #footnav li {
        float: left;
        border-left: solid 1px #545554;
        padding: 0 5px;
    }

        #footnav li:first-child {
            border-left: none;
            padding-left: 0px;
        }

#copyright {
    clear: both;
    display: block;
}

/* content */
#content {
    p /*adding:32px;*/
}

    #content a:hover {
        text-decoration: underline;
    }

#contentleft {
    width: 800px;
    float: left;
}

#contentfull {
    width: 969px;
    float: left;
}

#contentright {
    width: 370px;
    float: right;
}

/* misc */
input.labelhighlight {
    color: #4A4B4C;
    font-style: italic;
}

.btnDownload {
    background-image: url(../images/btnDownload.svg) !important;
    padding: 6px 12px;
    border: 1px solid rgb(186, 188, 200);
    box-sizing: border-box;
    border-radius: 112px;
    margin: -16px 32px;
    background-position: 10% 50%;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-color: #ffffff;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    padding: 10px 30px 10px 50px;
    height: 44px;
    position: relative;
    top: 50%;
    transform: translate(0%, 50%);
}

    .btnDownload.hover {
        color: #ffffff !important;
        background-color: #004FEF;
        text-decoration: none !important;
    }

    .btnDownload.active {
        color: #ffffff !important;
        background-color: #004FEF;
        text-decoration: none !important;
    }

.btn-rounded-large {
    padding: 6px 12px;
    border: 1px solid rgb(186, 188, 200);
    box-sizing: border-box;
    border-radius: 112px;
    margin: -16px 32px;
    background-color: rgb(255, 255, 255);
    color: rgb(45, 47, 61);
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    width: auto
}

    .btn-rounded-large.active {
        color: #ffffff !important;
        background-color: #004FEF;
        text-decoration: none !important;
    }

    .btn-rounded-large:hover {
        color: #ffffff !important;
        background-color: #643BA2;
        text-decoration: none !important;
    }

    .btn-rounded-large.active:hover {
        color: #ffffff !important;
        background-color: #643BA2;
        text-decoration: none !important;
    }


ul.buttons li.active {
    /*    background: url(../images/tab-active.png) top left no-repeat !important;*/
    width: 204px !important;
    height: 38px !important;
    margin-bottom: 5px;
}

.input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #b2b2b2;
    display: inline-block;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #1D1D1D;
    opacity: 1.0;
    padding: 4px 6px;
    text-decoration: none;
}

.error .input, input.error {
    border: solid 2px #FF495C !important;
}

.btn-cancel {
    color: #939393;
}



/*.btn-rounded-large:active {
    border-color: #bdbdbd;
    -moz-box-shadow: inset 0 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.5);
    box-shadow: inset 0 0px 5px rgba(0,0,0,.3);
}
*/
.btn-rounded-large span { /*position: relative; top: -4px;*/
    line-height: 20px;
}

.btn-rounded-large img {
    position: relative;
    float: left;
    margin-right: 3px; /*top: 5px;*/
}

/* breadcrumbs */
.breadcrumbs {
    /*    background: url(../images/bg-breadcrumb.gif) repeat-x;
    position: relative;
    top: -2px;*/
    position: relative;
    height: 25px;
    width: 1095px;
    margin-bottom: 20px;
}

}

.breadcrumbs .bc-container {
    /*        position: relative;
        top: -6px;*/
}

.breadcrumbs span.bc-sep {
    padding: 0px 8px 0 8px;
}

.breadcrumbs span.bc-current, .breadcrumbs a {
    /*        position: relative;
        top: -8px;*/
}

.breadcrumbs .bc-current {
    font-weight: bold;
}

/* latestposts */
#latestposts {
    margin-top: 40px;
    border: solid 1px #d1d1d1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
}

    #latestposts h3 {
        margin: 18px 12px 12px;
    }

    #latestposts li {
        margin: 12px 15px 12px 9px;
        padding-top: 12px;
        background: url(../images/sep.gif) repeat-x top left;
    }

        #latestposts li:first-child {
            background: none;
            padding-top: 0;
        }

    #latestposts .left {
    }

    #latestposts .right {
        float: none;
        margin-left: 46px;
    }

    #latestposts p {
        color: #231f20;
        line-height: 14px;
    }

    #latestposts .timeago {
        color: #b2b2b2;
        line-height: 14px;
    }


/* recommend button */
a.recommend {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    gap: 10px;
    width: 170px;
    height: 36px;
    border: 1px solid #BABCC8;
    border-radius: 112px;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #1D1D1D;
    /*    opacity: 1.0;;*/
    text-decoration: none;
    position: relative;
    top: 50%;
    transform: translate(0%, -5%);
}

    a.recommend:hover {
        background-color: #643BA2;
        color: #ffffff;
        text-decoration: none !important;
    }



a.recommended {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    gap: 10px;
    width: 170px;
    height: 36px;
    border: 1px solid #BABCC8;
    border-radius: 112px;
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #1D1D1D;
    /*    opacity: 1.0;;*/
    text-decoration: none;
    position: relative;
    top: 50%;
    transform: translate(0%, -5%);
}

}

a.recommended:hover {
    background-color: #643BA2;
    color: #ffffff;
    text-decoration: none !important;
}

a.recommend img, a.recommended img {
    position: relative;
    top: 0px;
    /*        left: 6px;*/
}

a.recommend span, a.recommended span {
    margin: 0px 0 0 5px;
}

a.recommend .recommended {
    display: none;
}

a.recommended .recommend {
    display: none;
}

.menuiframe {
    height: 211px;
    width: 446px;
    overflow: hidden !important;
}

.menulearningiframe {
    height: 160px;
    width: 467px;
    overflow: hidden !important;
}

.menucountryiframe {
    height: 230px;
    width: 493px;
    overflow: hidden !important;
}

.inviteNumber {
    background-color: #FF495C;
    width: 17px;
    height: 17px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: relative;
    top: -2px;
    line-height: 16.5px;
    font-size: 10px;
    margin-left: 4px;
    padding: 2px;
}

.badge-network {
    /* position: absolute;

    right: 68px;
    display: block;*/
    position: relative;
    top: -12px;
    float: right;
    width: 21px;
    height: 22px;
    padding: 6px 5px 0px 0px;
    margin: 5px 0px 0px 5px;
    background: url(../images/bg-badge-med.png) top right no-repeat;
    font: normal bold 13px/13px Arial,Helvetics,Sans-serif;
    color: #ffffff;
    text-align: center;
}

.button-blue-rectbk {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    color: #ffffff !important;
    padding: 10px 15px 10px 15px;
    background-color: #0096d6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #132a85;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

    .button-blue-rectbk:hover {
        background-color: #00a9f1;
    }

    .button-blue-rectbk:active {
        -moz-box-shadow: inset 0px 0px 3px #132a85;
        -webkit-box-shadow: inset 0px 0px 3px #132a85;
    }

.button-blue-rect-large {
    font-family: 'IBM Plex Sans',Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    color: #ffffff !important;
    padding: 10px 15px 10px 15px;
    background-color: #0096d6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #132a85;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 230px;
    height: 34px;
    text-decoration: none;
}

    .button-blue-rect-large:hover {
        background-color: #00a9f1;
        text-decoration: none;
    }

    .button-blue-rect-large:active {
        -moz-box-shadow: inset 0px 0px 3px #132a85;
        -webkit-box-shadow: inset 0px 0px 3px #132a85;
        text-decoration: none;
    }

.network-header {
    height: 30px;
}

.expertthumboverlay {
    position: absolute;
    top: 0;
    left: 0;
}


div.LearningBurst {
    display: block;
    width: 533px;
    padding: 20px;
    background: url(../images/learningburst-bg.png) top left no-repeat;
}

    div.LearningBurst p {
        display: block;
        font-size: 14px;
        line-height: 18px;
        width: 495px;
        margin: 30px 0px 20px 0px;
    }

#lblLearningBurstCompleteContent ul {
    list-style-type: square;
    list-style-position: inside;
}

    #lblLearningBurstCompleteContent ul li {
        font-size: 14px;
        line-height: 18px;
    }


div.skip {
    display: block;
    width: 495px;
    padding: 20px;
    /*    background: url(../images/wizard/skip-bg.png) top left no-repeat;*/
    text-align: center;
}

    div.skip p {
        display: block;
        font-size: 14px;
        line-height: 18px;
        /*        width: 420px;*/
        margin: 20px 0px 20px 0px;
    }

    div.skip a.customize {
        display: block;
        float: left;
        text-align: center;
        margin: 0px;
    }

    div.skip a.cancel {
        display: block;
        float: left;
        font-weight: normal;
        color: #4a4b4c;
        margin-top: 0px;
        margin-left: 5px;
        padding: 10px 12px 10px 12px;
    }

a.customize {
    display: block;
    margin: 23px 20px 23px 0px;
    padding: 10px 20px 10px 20px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #dddddd;
    border-radius: 7px;
    box-shadow: 1px 2px 4px #DDD;
}

    a.customize:hover {
        border-color: #0096D6;
        text-decoration: none !important;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ededed) ) !important;
        background: -moz-linear-gradient( center top, #ededed 5%, #ffffff 100% ) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
        background-color: #e8e8e8 !important;
    }

    a.customize:active {
        border-color: #bdbdbd;
        -moz-box-shadow: inset 0 0px 5px rgba(0,0,0,.5);
        -webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.5);
        box-shadow: inset 0 0px 5px rgba(0,0,0,.3);
    }

.ajaxModalPopupBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: transparent url(  '../images/background.png' ) no-repeat color: #FFFFFF;*/
    background: #231f20;
    opacity: 1;
    filter: alpha(opacity=60);
    /*background: #4A4B4C;*/
    /*background-image: url(  '../images/background.png' );*/
    text-align: center;
    vertical-align: middle;
    cursor: move;
    z-index: 9999;
}

.ajaxModalPopupContent {
    position: relative;
    background: #fff;
    border: solid 1px #e6e6e6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    /*overflow:hidden;*/
}

.ajaxModalPopupClose {
    position: absolute;
    top: -12px;
    right: -15px;
    display: block;
    color: Transparent;
    height: 38px;
    width: 38px;
}

/*.ajaxModalPopupClose:hover{background:url(../images/btn-close_hover.png) top left no-repeat;}*/

.ico-alert {
    position: relative;
    top: 4px;
    left: 5px;
}

.errorContainer {
    display: none; /*padding: 5px; border: solid 1px #FF495C;*/
    margin-bottom: 10px;
}

    .errorContainer ul {
    }

        .errorContainer ul li {
            float: none;
            width: auto;
            margin: 5px 0;
        }

            .errorContainer ul li label {
                float: none;
                width: auto;
                margin: 0;
                padding: 0;
            }




.mySelect-active {
    z-index: 1000 !important;
}

.hideContent {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.label-danger {
    background-color: #d9534f;
}

.label {
    border-bottom-left-radius: 3.375px;
    border-bottom-right-radius: 3.375px;
    border-top-left-radius: 3.375px;
    border-top-right-radius: 3.375px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: inline;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13.5px;
    font-weight: bold;
    height: auto;
    line-height: 13.5px;
    padding-bottom: 4.05px;
    padding-left: 8.1px;
    padding-right: 8.1px;
    padding-top: 2.7px;
    text-align: center;
    text-size-adjust: 100%;
    vertical-align: baseline;
    white-space: nowrap;
    width: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*---RADIO BUTTONS --*/

/*
    <label class="container">One
  <input type="radio" checked="checked" name="radio">
  <span class="checkmark"></span>
</label>
*/

/* Customize the label (the container) */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}