body {
    background-color: #F5F5F5;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
}

.select-channel {
	display:block;
    text-align:center;
    margin-bottom: 15px;
}

.select-channel .item,
.select-option-session .item {
    background-color: #F5F5F5;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 3px;
    min-height: 140px;
    padding: 1em 1.5em;
    width: 100%;
}

.select-channel.active-channel .item.active-channel,
.select-option-session .item.active-option {
    background-color: #E9FAFA;
    border-color: #06748C;
}

.select-channel .item.inactive-channel,
.select-option-session .item.inactive-option {
    background-color: #F5F5F5;
    opacity: .65;
}


/*Option Session Items*/
.select-option-session {
    background-color: #F5F5F5;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-radius: .20rem;
    display: block;
    margin-bottom: 1em;
    padding: 1em 0;
    text-align: center;
}

.select-option-session:hover {
    background-color: #E9FAFA;
    border-color: #06748C;
}

/*Select options Status*/
.select-option-session.active-option {
    background-color: #E9FAFA;
    border-color: #06748C;
}
.select-option-session.inactive-option {
    background-color: #F5F5F5;
    opacity: .65;
}

.select-option-session img {
    background-color: transparent;
    height: 2.5rem;
    padding: 0;
    width: 2.5rem;
}

.select-option-session span {
    display: block;
    font-size: .875rem;
    height: 95px;
    max-height: 95px;
    overflow-y: hidden;
    padding: 1em 0.5em 0;
}

/*Header*/
.header .navbar-brand svg,
.header .navbar-brand img {
    width: 100%;
}

.header .navbar-brand img {
    max-width: 140px;
}


/*Navbar*/
.header .container > .navbar-header,
.header .container > .navbar-collapse {
    margin-bottom: -10px;
}

.bg-lib-primary .navbar-toggler {
    color: #343741;
    border-color: #343741;
}


/*Responsive Navbar*/
@media (max-width: 991px) {

    .header .navbar-header {
        float: none;
    }
    .header .navbar-nav {
        margin: 0;
        float: none !important;
    }
    .header .navbar-nav > li {
        float: none;
    }

    /*Pull Right*/
    .header .dropdown-menu.pull-right {
        float: none !important;
    }

    /*Dropdown Menu Slide Down Effect*/
    .header .navbar-nav .open .dropdown-menu {
        border: 0;
        float: none;
        width: auto;
        margin-top: 0;
        position: static;
        box-shadow: none;
        background-color: transparent;
    }

    .header .navbar-nav .open .dropdown-menu {
        padding: 0;
    }

    .header .navbar-nav .open .dropdown-menu > li > a {
        padding-left: 1.6em;
    }

    .header .dropdown-menu.no-bottom-space {
        padding-bottom: 0;
    }

    /*Design for max-width: 991px*/
    .header .navbar-nav > li {
        border-top-style: solid;
        border-top-width: 1px;
    }

    .header .navbar-nav > li:first-child {
        border-top: 0 none;
    }

    .header .navbar-nav > li > a {
        font-size: .875rem;
        padding: 1.2em 1.6em;
    }

    .header .dropdown .dropdown-submenu > a {
        font-size: 13px;
        color: #555 !important;
        text-transform: uppercase;
    }
}


/*Colors*/
.text-lib-primary {
    color: #FFD000 !important;
}
.text-lib-secondary {
    color: #1A1446 !important;
}
.text-teal-80 {
    color: #99E5EA !important;
}
.text-medium-teal {
    color: #28A3AF !important;
}
.text-dark-teal {
    color: #06748C !important;
}


/*Background Colors*/
.bg-lib-primary {
    background-color: #2C3A39 !important;
}
.bg-lib-secondary {
    background-color: #1A1446 !important;
}
.bg-teal-10 {
    background-color: #F2FCFC !important;
}
.bg-teal-80 {
    background-color: #99E5EA !important;
}
.bg-medium-teal {
    background-color: #28A3AF !important;
}
.bg-dark-teal {
    background-color: #06748C !important;
}


/*Primary Button Brasil*/
.btn-primary {
    color: #343741;
    background-color: #FFD000;
    border-color: #99E3EA;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1a1446;
    border-color: #06748C;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #1a1446;
    border-color: #06748C;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #565656;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}

/*Primary Button Global*/
.btn.btn-primary-lm {
    background-color: #99E5EA;
    border-color: #99E3EA;
    color: #343741;
}

.btn.btn-primary-lm:hover {
    color: #fff;
    background-color: #06748C;
    border-color: #06748C;
}

.btn.btn-primary-lm:focus, .btn.btn-primary-lm.focus {
    color: #fff;
    background-color: #06748C;
    border-color: #06748C;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn.btn-primary-lm.disabled, .btn.btn-primary-lm:disabled {
    color: #565656;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}


/*Secondary Buttons*/
.btn-secondary {
    color: #343741;
    background-color: #FFF;
    border-color: #343741;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #06748C;
    border-color: #06748C;
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #06748C;
    border-color: #06748C;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #565656;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

/*Inverse Buttons*/
.btn-inverse {
    color: #343741;
    background-color: #fff;
    border-color: #fff;
}

.btn-inverse:hover {
    color: #343741;
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}

.btn-inverse:focus, .btn-inverse.focus {
    color: #fff;
    background-color: #343741;
    border-color: #343741;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-inverse.disabled, .btn-inverse:disabled {
    color: #565656;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}

/*Identity welcome pic*/
.col-welcome-pic {
    background-image:url("../img/persona-welcome-identity.svg");
    background-position:15px bottom;
    background-repeat:no-repeat;
    background-size:auto;
    min-height:450px;
}

@media (max-width: 767px) {
    .col-welcome-pic {
        background-image: none;
        margin-bottom: 1em;
        min-height: auto;
    }
}

/*Iframe content*/
.extContent {
    min-height: 640px;
}



/*Identity Select Channel*/
.opt-channel {
    position: relative;
}

.opt-channel input {
    position: absolute;
    top: 1em;
    left: 1em;
    padding: 1em;
    z-index: 1;
}

/*Brand channels*/
.ico-ch-yelum {
    background-image: url('../img/logo-channel-yelum.svg');
}
.ico-ch-aliro {
    background-image:url('../img/logo-channel-aliro.svg');
}
.ico-ch-indiana {
    background-image:url('../img/logo-channel-indiana.svg');
}
.ico-ch-affinity {
    background-image:url('../img/logo-channel-affinity.svg');
}
.ico-ch-liberty-conces {
    background-image:url('../img/logo-channel-concessionaria.svg');
}
.ico-ch-aliro-conces {
    background-image:url('../img/logo-channel-aliro-concessionaria.svg');
}
.ico-ch-lsm {
    background-image:url('../img/logo-channel-lsm.svg');
}

/* Responsive img - min resolution 576px */
@media (min-width: 576px) {
    .ico-ch-lsm {
        background-size: 80%;
    }
}

.opt-channel input:active + .label-channel {
    opacity: .9;
}

.opt-channel input:checked + .label-channel {
    background-color: #E9FAFA;
    border-color: #06748C;
}

.label-channel {
    cursor: pointer;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 45px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-radius: .25rem;
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

/*Autocmomplete component*/
.autocomplete-items {
    background-color: #fff;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    left: 5px;
    right: 5px;
    max-height: 385px;
    padding: 10px;
    overflow-y: auto;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #d4d4d4;
    font-size: .875rem;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #06748C !important;
    color: #ffffff;
}

/*List Activities item*/
#listActivities.list-group .list-group-item a {
    font-size: .875rem;
}

/*Form elements size (form-control-lg, btn-lg)*/
.form-control-lg {
    font-size: 1rem;
    height: calc(2em + 1rem + 2px);
}
.btn.btn-lg {
    font-size: 1rem;
    padding: .688rem 1rem;
}

.label-middle-lg {
    line-height: 3;
}

.cpf-icon-shot {
    background: url(/img/icon-vendor-info.svg) no-repeat 100%;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0.375rem 0.75rem;
}

.cpf-links-in {
    display: flex;
    align-items: center;
    position: relative;
    order: 2;
}

/*Estilo da mensagem para sessao Auto*/
.alert-container {
    display: flex;
    margin-bottom: 1rem;
}

.alert-container-logo-span {
    filter: invert(100%) sepia(2%) saturate(3833%) hue-rotate(326deg) brightness(101%) contrast(110%);
    margin: 15px;
}

.alert-container-logo {
    background-color: #0061F5;
    border-radius: 5px 0 0 5px;
}

.alert-container-logo::before {
    line-height: 2.75;
    font-family: "icomoon";
    color: #fff;
    font-size: 1.2em;
}

.alert-container-text {
    margin: 0;
    padding: 12px 12px 0;
    display: flex;
    background-color: #D9E8FE;
    border: 1px solid #0061F5;
    border-radius: 0 5px 5px 0;
}


/*Estilo da mensagem para sessao Vida > Demais opcoes*/
.vida-alert-container-logo {
    background-color: #B85D00;
    border-radius: 5px 0 0 5px;
}

.vida-alert-container-logo::before {
    line-height: 2.75;
    font-family: "icomoon";
    color: #fff;
    font-size: 1.2em;
}

.vida-alert-container-text {
    margin: 0;
    padding: 12px 12px 0;
    display: flex;
    background-color: #FFEEDC;
    border: 1px solid #B85D00;
    border-radius: 0 5px 5px 0;
    color: #B85D00;
    text-align:justify;
}