@charset "UTF-8";
    
    
    html {
        scroll-behavior: smooth;
    }
    
    body {
        overflow-x:hidden;
    }
    
    body {
        margin:0;
        padding:0;
        color: #000000;
        font-family: 'Mulish', sans-serif !important;
        font-size:16px !important;
        background-color: #e6ebec;
    }
    .body {
        font-family: 'Mulish', sans-serif !important;
        font-size:16px !important;
    }
    
    .imgBioUser {
        background-image: url("https://edp.csod.com/clientimg/edp/emailUploads/UEDP/2024_imagem/Pagina_chefias/banner_1920.jpg");
        width: 100%;
        /*height: 100%;*/
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .imgAprendizagemObrigatoria {
        background-image: url("https://edp.csod.com/clientimg/edp/emailUploads/UEDP/2024_imagem/Pagina_chefias/banner_1920_chefias_edp.jpg");
        width: 100%;
        height: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 50px;
    }
    

    .imgCatalogueTrainingEN {
        background-image: url("https://edp.csod.com/clientimg/edp/emailUploads/UEDP/2024_imagem/Pagina_chefias/banner_catalogoDeCursos_EN.jpg");
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .imgCatalogueTrainingES {
        background-image: url("https://edp.csod.com/clientimg/edp/emailUploads/UEDP/2024_imagem/Pagina_chefias/banner_catalogoDeCursos_ES.jpg");
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .AlignVerticalCenter{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    
    .videoHaveQuestions {
        width: 100%;
        height: auto;
    }
    
    .textoHello {
        font-size: 40px;
        color: #ffffff;
        font-weight: 400;
    }
    
    .TitleEdp {
        font-size: 62px;
        /*font-size: 85px;*/
        color: #28FF52;
    }
    
    .SubTitleEdp {
        font-size: 50px;
        color: #212e3e;
        text-align: center;
    }
    
    .TituloGraficos {
        font-size: 32px;
        color: #28ff52;
        margin-bottom: 32px;
    }

    .VerticalLine {
        border-left: 2px solid #BECACC;
        height: 62px;
    }
    

    /*Cards*/
    
    .Container_Circle{
        z-index: 99;position: relative;
        display: flex;
        padding: 0px;
        text-align: center;
        align-content: center;
        justify-content: center;
        margin-bottom: -50px;
    }

    .circle{
        height: 100px;
        width: 100px;
        background-color: #648e94;
        border-radius: 50%;
        text-align: center;

        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .card-body{
        padding: 0px;
    }
    .card-name{
        font-size: 16px;
        color: #212e3e;
        font-weight: 600;
        text-align: center;
        margin: 0px;
    }

    .card-funcao{
        font-size: 14px;
        color: #646d78;
        font-weight: 400;
        text-align: center;
        margin-bottom: 20px;
        min-height: 42px;
    }

    .TextoDetalhe-Start{
        font-size: 13px;
        color: #455558;
        font-weight: 400;
        display: grid;
        justify-content: flex-start;
    }
    .TextoDetalhe-End{
        font-size: 13px;
        color: #455558;
        font-weight: 400;
        display: grid;
        justify-content: flex-end;
    }


    .card-Formacao-obrigatoria {
        border: none;
        border-radius: 0;
        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
        padding: 32px 26px 10px 26px;
        background-color: #fff;
        border-bottom: 3px solid #28FF52;
    }
     ul {
        list-style-type: none;
        color: #646d78;
        padding-inline-start: 20px;
        margin-bottom: 8px;
    }
        
  

    .list-unstyled {
        padding-left: 36px;
        list-style: none;
    }

    .card-titulo-formacao{
        font-size: 14px;
        color: #646d78;
        font-weight: 400;
        text-align: left;
        margin: 0px;
    }

    .card-user-formacao{
        font-size: 16px;
        color: #212e3e;
        font-weight: 600;
        text-align: left;
        margin: 0px;
    }

    .card-Team {
        border: none;
        border-radius: 0px;
        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
        padding: 32px 26px 10px 26px;
        background-color: #f1f4f4;
        min-height: 250px;
    }

    .card {
        border: none;
        border-radius: 0.25rem;
        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
        padding: 32px;
        background-color: #ffffff2e;
    }

    .cardTopo {
        padding: 32px 10px 32px 10px;
                background: #212e3e;
        box-shadow: 20px 20px 60px #1c2735, 
                    -5px -5px 200px #263547;
        border-bottom: 3px solid #28FF52;
    }
    
    .card2 {
        border: none;
        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
        padding: 24px;
        background-color: #fff;
        height: auto;
        display: flex;
        align-items: center;
    }
    
    .card3 {
        border: none;
        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
        padding: 24px;
        background-color: #91afb3;
        height: 100%;
        display: flex;
        align-items: center;
        margin-left: 24px;
    }
  
      
    .cardBorderGreen {
        border: none;
        padding: 24px;
        border: solid 2px #28FF52;
    }
    
    .btnEDP {
        background-color: #28FF52;
        border: none;
        color: #222222;
        border-radius: 0px;
        font-weight: 600;
        font-size: 16px;
    }
    
    .btnEDP:hover {
        background-color: #7eff97;
        border: 2px solid #7eff97;
    }
    
    .btn:hover {
        border: none;
        color: #222222;
        border-radius: 0px;
    }
    
    .ColorContainer {
        background-color: #fff;
        padding-bottom: 40px;
    }
    
    .alignCenter {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .semResultados_mandatoryTraining {
        text-align: center;
        font-size: 18px;
        color: #000;
        font-weight: 400;
    }

    .semResultados_grafico3 {
        text-align: center;
        font-size: 18px;
        color: #000;
        font-weight: 400;
    }

    .semResultados_incompleteCourses {
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
    }
    
    
    a {
        color: #fff;
        text-decoration: none;
        background-color: transparent;
        font-weight: 400;
    }
    
    a:hover {
        color: #28FF52;
        text-decoration: none;
    }
    
    .navbar {
        padding: 0px;
        background-color: #648e94;
        color: #fff;
    }
    #anchor-MandatoryTraining {
        scroll-behavior: smooth;
    }
    
    .FooterEdp {
        background-color: #212e3e;
        color: #fff;
        text-align: center;
        padding-top: 24px;
        padding-bottom: 24px;
    }
    
    #footerlink {
        color: #28FF52;
    }
    
    #footerlink:hover {
        text-decoration: underline;
    }
    
    .clearfix{clear: both;}
    .vert-center-txt {position: relative; top: 50%; transform: translateY(-50%); text-align:center;}
    
    /* H1 TO H6 */
    h1{font-size:40px !important; font-weight: 700 !important; font-family: 'Mulish', sans-serif !important;}
    h2{font-size:36px !important; font-weight: 700 !important; font-family: 'Mulish', sans-serif !important;}
    h3{font-size:28px !important; font-weight: 700 !important; font-family: 'Mulish', sans-serif !important;}
    h4{font-size:22px !important; font-weight: 700 !important; font-family: 'Mulish', sans-serif !important;}
    h5{font-size:18px !important; font-weight: 700 !important; font-family: 'Mulish', sans-serif !important;}
    
    
    /* FONTS WEIGHTS AND COLORS */
    p, div, em, span, strong{font-family: 'Mulish', sans-serif !important;}
    
    .tb-border-verde {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
        text-indent: initial;
        border-spacing: 4px;
    }
    .tb-border-verde tbody {
        border: 2px solid #28ff52;
        border-collapse: separate;
        border-spacing: 4px;
    }
    .tb-border-verde td, .tb-border-verde th {
        padding: 0.75rem;
    }
    
    .edp-white{color:#ffffff !important;}
    .edp-bg-verde{background-color:#28ff52;}
    .edp-bg-cinza{background-color:#cccccc;}
    .edp-bg-azul{background-color:#225E66;}
    
    .boxes-fluo{color:#ffffff; min-height:200px;}
    .boxes-fluo a{color:#ffffff; text-decoration:underline;}
    
    .size-18{font-size:18px !important;}
    .size-19{font-size:19px !important;}
    .size-20{font-size:20px !important;}
    .size-21{font-size:21px !important;}
    .size-22{font-size:22px !important;}
    .size-23{font-size:23px !important;}
    .size-24{font-size:24px !important;}
    
    .lineHeight1em {line-height:1em !important;}
    
    #myHead1, #myHead2, #myHead3, #myHead4, #myHeadTable1, #myHead3_5{
        padding-bottom: 40px;
        text-align: left !important;
        color: #28ff52;
        font-size: 28px;
        font-weight: 400;
        padding-bottom: 20px;
    
    }
    
    /* FORMATACOES FORMULARIOS */
    select{}
    input[type=radio]{}
    .form-control{padding: .5rem 1.75rem !important; line-height: 1.2em !important; background-color:#f8f8f8;}
    
    
    /* DADOS USER */
    .imagemBioUser{
        width:80px;
        height:80px;
        border-radius:250px;
        background:#fff;
    }
    
    
    /* BOOTSTRAP ALTERADA */
    .table {
        border: none !important;
        border-collapse: 0;
    }
    
    .table-striped > tbody > tr:nth-child(even) > td {
        background-color: #212e3e;
        color: #ffffff;
        border: none !important;
    }
    .table-striped > tbody > tr:nth-child(odd) > td {
        background-color: #424d5b;
        color: #ffffff;
        border: none !important;
    }
    .table thead th {
        background-color: #212e3e;
        padding-left: 24px;
        color: #28ff52;
        font-size: 16px;
        font-weight: 400;
        border: none !important;
    }
    
    .table td, .table th {
        padding-left: 24px;
        text-align: left;
    }
    
    .table tr.hidden {
        display: none !important;
    }
    
    /*.table td, .table th {
        border: 2px solid #ffffff !important;
    }*/
    .table-bordered td, .table-bordered th{
        border: none !important;
    }
    .table-bordered td{
        color: #ffffff;
    }
    #incompleteCourses a {
        color: #fff;
    }
    
    #incompleteCourses a:hover {
        color: #28FF52;
    }
    
    .table-bordered td a{color:#ffffff; text-decoration:underline;}
    
    .TitleInTable {
        color:#28FF52 !important;
        font-size: 28px;
        font-weight: 400;
        padding: 24px !important;
    }
    .hr {
        border-top: 0.5px solid white;
        margin-top: 14px;
        margin-bottom: 0px ;
    }

    
    .scroll-down {
	position: absolute;
	left: 50%;
	bottom: 10px;
	display: block;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #28FF52;
    border-right: 2px solid #28FF52;
    z-index: 9;
    left: 50%;
    -webkit-transform: translate(-50%, 0%) rotate(45deg);
    -moz-transform: translate(-50%, 0%) rotate(45deg);
    transform: translate(-50%, 0%) rotate(45deg);
        -webkit-animation: fade_move_down 4s ease-in-out infinite;
        -moz-animation:    fade_move_down 4s ease-in-out infinite;
        animation:         fade_move_down 4s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
    
    /* MEDIA QUERIES */
    @media (max-width: 320px) {
        h1{font-size:30px;}
        h2{font-size:24px;}
        h3{font-size:20px;}
        h4{font-size:18px;}
        h5{font-size:16px;}
    
    }
    
    @media (min-width: 321px)
    and (max-width: 480px) {
        h1{font-size:30px;}
        h2{font-size:24px;}
        h3{font-size:20px;}
        h4{font-size:18px;}
        h5{font-size:16px;}
    
    }
    
    @media (min-width: 481px)
    and (max-width: 768px) {
        h1{font-size:30px;}
        h2{font-size:24px;}
        h3{font-size:20px;}
        h4{font-size:18px;}
        h5{font-size:16px;}
    
    }
    
    @media (min-width: 769px)
    and (max-width: 1024px) {
    
    }
    
    @media (min-width: 1025px)
    and (max-width: 1280px) {
    
    }
    
    @media (min-width: 1281px)
    and (max-width: 1440px) {
    
    }
    
    @media (min-width: 1441px)
    and (max-width: 1600px) {
    
    }
    
    @media (min-width: 1601px) {
    
    }
    
    /* MOBILE LANDSCAPE */
    @media only screen
    and (min-device-width: 320px)
    and (max-device-width: 736px)
    and (-webkit-min-device-pixel-ratio: 1)
    and (orientation: landscape) {
    
    }
    
    @media only screen
    and (min-device-width: 320px)
    and (max-device-width: 736px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
    
    }
    
    /* ---------------------- */
    /* DIMENSÕES DO CONTAINER */
    /* ---------------------- */
    
    @media (min-width: 1300px) {
        .container {max-width: 1220px !important;}
    }
    @media (min-width: 1600px) {
        .container {max-width: 1420px !important;}
    }
    @media (min-width: 1700px) {
        .container {max-width: 1520px !important;}
    }
    
    
    
    /* CORNERSTONE ALTERADA */
    #mainContainer{padding:0 !important; margin-top: -21px;}
    #mainContainer .widgetDropped{padding:0; margin:0;}
    
    .cs-panel-plain {-webkit-box-shadow: none !important; box-shadow: none !important;}
    .cs-panel-plain .Panel_title{border: 0;display:none !important;}
    .cs-panel-plain .Panel_titleMiddle div, .cs-panel-plain .Panel_titleMiddle h2{border: 0;}
    .cs-panel-plain .Panel_footer{display: none !important;}
    .cs-panel-plain .Panel_content{border: 0 !important;}
    .CsList tbody tr:hover td{background-color:#ffffff !important;}
    table{font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    table .CsList th, table .CsList_th{border-top: none; border-bottom: 1px solid #cccccc; background: none; color:#000000;text-align: center; font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    table .CsList td {font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    table .CsList td a{font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    table .CsList td span{font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    table .CsList td p{font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    table .CsList td a.link{font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    table .CsList .error{font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    table span, p {font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
    #ctl00_footer_pnlCustomFooter{padding:0 !important;}
    #ctl00_ContentPlaceHolder1_widgetLayout_rptWidgets_ctl09_widgetContainer_ctl00_calendar{border:none !important;}
    
    
    
    
    /* CORNERSTONE */
    .cs-panel-flat {-webkit-box-shadow: none !important; box-shadow: none !important;}
    .c-page-header{height: 40px !important; padding: 7px 7px;}
    .c-page-header > .logo {width: 100% !important; padding-left: 0px !important;}
    #mainContainer{margin-top: -22px !important;}
    .cs-panel-flat .Panel_title, .cs-panel-flat .Panel_content, .cs-panel-flat .Panel_footer, .cs-panel-plain .Panel_title, .cs-panel-plain .Panel_content, .cs-panel-plain .Panel_footer, .cs-panel-gradient .Panel_title, .cs-panel-gradient .Panel_content, .cs-panel-gradient .Panel_footer {border:none}
    
    .cs-panel-plain .Panel_title {
        background-color: transparent;
    }
    .cs-panel-flat .Panel_content, .cs-panel-flat .Panel_contentMiddle, .cs-panel-plain .Panel_content, .cs-panel-plain .Panel_contentMiddle, .cs-panel-gradient .Panel_content, .cs-panel-gradient .Panel_contentMiddle {
        background-color: transparent;
    }
    #widget-avaliacoes, #widget-tarefas{
        background-color:#f9f9f9;
        padding: 1rem;
        min-height: 170px;
    }