body, html{
    height: 100%;
}
body{
    margin: 0;
    font-family: Karla,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d ;
    text-align: left;
    overflow-y: hidden;
    background-color: #e7ebee;
}

/* All */
.container{
    display: flex; 
    height: 100%;
}
textarea{
    resize: vertical;
}
label{         
    font-weight: bold;
    font-size: 14px;
    text-decoration:none;
}
a { 
    text-decoration:none;
    cursor:pointer;
    color:inherit;
}
input[type="date"], input[type="time"]{
    padding: 6px !important;
}

input[type="text"], input[type="date"], input[type="time"], input[type="search"], input[type="password"], select, textarea{
    margin: 0;
    padding: 8px;
    overflow: visible;
    border-radius: 6px;
    border: 1px solid #c9c9c9;
    font-family: Karla,sans-serif;
}
input[type="text"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="search"]:hover, input[type="password"]:hover, select:hover, textarea:hover, input[type="text"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="search"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    outline: none !important;
    border:1px solid #3a4652 !important;
    -webkit-box-shadow: 0px 0px 8px #3a4652; 
    -moz-box-shadow: 0px 0px 8px #3a4652; 
    box-shadow: 0px 0px 8px #3a4652; 
}
ul{
    margin: 0px;
    padding: 0px;
}
li{
    flex-direction: column;
    border-radius: .75em;
    display: inline-table;
    width: 100%;
}
hr {
    margin: 1.5rem 0;
    color: #ddd;
    background-color: currentColor;
    border: 0;
    opacity: 1;
}
.space_customize{
    width: 164px;
    height: 45px;
    display: flex;
    cursor: pointer;
    padding: 4px 20px; 
    margin-left: 20px;
    border-radius: 6px; 
    text-align: center;
    margin-bottom: 20px;
    align-items: center;
    place-content: center;
    border: 1px solid #e7ebee; 
}
.space_customize:hover{
    color: #fff;
    background-color: #07c4d6;
    border-color: #07c4d6;
}
a label{
    cursor: pointer;
}
/* End */

/* Login */
.acomodar{
    background-color: #fff;
    margin: 0% auto;
    width: 304px;
    padding: 2.25rem!important;
    border-radius: 6px;
}
.divLogo {
    text-align: center;
    margin: 10px 0;
    color: #343a40;
    font-weight: 600;
    margin-bottom: 2.25rem!important;
}
.dados_login{
    text-align: left; 
    margin-top: 10px; 
    width: 100%;
    display: inline-flex;
}
.logo{
    width: 230px;
    align-self: center;
    position: relative;
    top: 4px;
}
.inputLogin{
    display: block;
    width: 100% !important;
    padding: 0.45rem 0.9rem !important;
    font-size: .9rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #6c757d !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 0.2rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* End */

/* input Sublimit */
.submit{
    padding: 2px 14px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    color: #FFF;
    background-color: #07c4d6;
    border-color: #07c4d6;
}
.submit:hover {
    background-color: #726ad8;
    border-color: #726ad8;
}
/* End */

/* topic */
.fixed_topic{
    width: 100%;
    height: 70px;
    display: flex
}
.div_side{
    top: 0;
    width: 240px; 
    height: 70px;   
    text-align: center;
    background-color: #fff;
    transition: all .1s ease-out;
}
.logotipo{
    width: 150px;
    position: relative;
    top: 4px
}
.topic{
    top: 0;
    width: 240px; 
    height: 70px;   
    background-color: #ebeff2;
    display: flex;
}
.alignment{
    display: grid; 
    align-items: center; 
    text-align: left; 
    color: #FFF;
}
.h4_title{
    margin: 0;
    line-height: 70px;
    padding: 0 24px;
    color: #6c757d;
    font-weight: 600;
    cursor: default;
}
.title_phone_show{
    display: none;
} 
.show_icon_menu{
    display: none;
}
@media (max-width: 1070px) { 
    .show_icon_menu{
        display: block;
    }
    .div_side{
        display: none;
        position: absolute;
        z-index: 10;
        margin-top: 70px;
    }
}
@media (max-width: 479px) {
    .title_phone{
        display: none;
    } 
    .title_phone_show{
        display: block;
        padding: 0 8px !important;
    } 
}
/* End */

/* Side menu */
.ul_menu{
    padding: 0;
    margin-top: 10px;
    list-style: none;
    text-align: left;
}
.li_menu{
    color: #6e768e;
    display: block;
    padding: 12px 20px;
    position: relative;
    transition: all .4s;
    font-size: .95rem;
}
.subMenu{
    padding: 6px 20px !important;    
}
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 4px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.mostraInf{
    display: block !important;
}
.active{
    color: #07c4d6 !important;
}
/* End */

/* Block where data list */
.block_space{
    margin: 20px; 
    flex-grow: 1;
    overflow-y: auto
}
.listDetalhes{
    overflow-y: auto;
}
.block_data{
    padding: 1.5rem 1.5rem;
    background-color: #fff;
    border-radius: 0.25rem;
    /* box-shadow: 0 0.75rem 6rem rgb(56 65 74 / 3%);
    margin-bottom: 1.5rem;
    flex-direction: column;
    word-wrap: break-word;
    border: 0 solid #f7f7f7;
    min-width: 0;
    background-clip: border-box; */
}
.button_search{
    background: transparent;
    border: 1px solid #c9c9c9;
    position: relative;
    top: 4px;
    height: 33px;
    border-left: none;
    margin-left: -4px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pesquisaDados{
    display: flex; 
    align-items: center; 
    border-bottom: 1px solid #2e3e4e;
}
.opt_search{
    width: 400px;
    border-right: none !important;
    border-top-right-radius: 0 !important; 
    border-bottom-right-radius: 0 !important; 
}
.esp_text {
    margin-bottom: 16px;
}
.esp_text label{
    top: 4px;
    margin-right: 6px;
    font-weight: bold;
    position: relative;
}
.label_file{
    color: #fff;
    cursor: pointer; 
    padding: 6px 10px; 
    width: fit-content; 
    top: 0px !important;
    border-color: #ffc82f;
    display: -webkit-inline-box;
    background-color: #ffc82f;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.add_file{
    left: -6px;
    width: 92px;
    height: 31px;
    cursor: default;
    position: relative;
    text-align: right;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid;
    border-color: #c9c9c9;
    border-left-color: #ffc82f;
}

.pagDados {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    padding: 10px;
    width: 210px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 2px rgb(0 0 0 / 3%), 0 1px 0 rgb(0 0 0 / 3%);
    margin: 10px;
}
.listAcesso{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
#iframe1 {
    position: relative;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
}
@media (max-width: 950px) { 
    .opt_search{
        width: 250px;
    }
}
@media (max-width: 770px) { 
    .opt_search{
        width: 150px;
    }
    .td_mobileLogin{
        display: none;
    }
}
@media (max-width: 479px) { 
    .pagDados{
        font-size: 12px;
        margin: 6px 2px;
        width: 100%;
    }
    .pagTitulo{
        font-size: 14px; 
        margin-bottom: 8px;
    }
    .opt_search{
        width: 42px;
    }
    .pesCelular{
        display: none;
    }
}
/* End */

/* Table */
.listAcesTD{
    display: flex; 
    flex-wrap: wrap; 
    justify-content: unset;
}
.listAcesTD label{
    font-size: smaller !important; 
}
tr:hover td{
    background: #f8f9fa;
    transition-duration: 50ms;
}
.removeHover:hover td{
    background: transparent;
}
th{
    cursor: default;
}
.th{
    color: #6c757d !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #eee !important;
}
.td, .td_line{
    padding: 10px;
}
.td_line {
    letter-spacing: .5px !important;
    font-size: 14px;
    border-color: #dee2e6;
    border-bottom: 1px solid #eee;
    padding: 0.85rem 0.85rem;
}
.td_mobile{
    width: 200px;
}
@media (max-width: 479px) {
    .fontCelular, .td_line {
        font-size: 11px;
    }
    .td_mobile{
        width: 80px;
    }
}
/* End */

/* PopUp */
.PopUp-open{
    overflow-x: hidden 
}
.PopUp-open .PopUp{
    position: relative; 
    background-color:#CCC;
}
.PopUp-body{
    position:relative;
    padding:15px; 
    background-color:#CCC;
}
.PopUp {
    overflow-x: hidden; 
    overflow-y: auto; 
    position:fixed; 
    top:0; 
    right:0; 
    bottom:0; 
    left:0; 
    z-index:9999; 
    background:#FFF; 
    height:fit-content; 
    width:100%;
    background-color:rgba(0,0,0,.4);
    height:100%;
    margin:0% auto;
}
.confirm_yes{
    background-color: #10c469 !important; 
    border-color:#10c469 !important;
}
.confirm_no{
    background-color: #ff5b5b !important;  
    border-color:#ff5b5b !important;
}
.popUp_title{
    display: flex; 
    margin-bottom: 20px;
    padding: 10px 30px 10px; 
    border-bottom: 1px solid #c9c9c9; 
}
.inf_highlight {
    margin: 6px;
    color: #FFF;
    cursor: pointer;
    border-radius: 6px;
    padding: 8px 18px 8px 20px;
}
.check_removal{
    border: 0;
    border-radius: .25em; 
    background: initial;
    color: #fff;
    font-size: 1.0625em; 
    width:100px; 
}
.opt_remove {
    display:flex; 
    align-items: center; 
    justify-content: center; 
    margin: 1.25em auto 0;
}
.popUp_delete {
    width:600px;
}
.popUp_slideshow, .popUp_our_services, .popUp_addImg{
    width: 900px;
}
.popUp_cases{
    width: 1020px;
}
.popUp_prizes{
    width: 1060px;
}
.popUp_pattern{
    width:660px;
}
.popUp_library{
    width: 400px;
}
.popUp_footer, .popUp_blog{
    width: 1000px;
}
.popUp_all{
    margin:2% auto;
    background-color:#FFF;
    border-radius:4px
}
.text_highlight{
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;  
}
.photo_size{
    height: auto;
    max-width: 96%;
}
.espBottomPopUp{
    display: flex;
    flex-wrap: wrap;
    /* margin-bottom: 16px;  */
}

.td_title, .td_footer_{
    width: 160px;
}

@media (max-width: 1040px) {
    .popUp_all {
        width:80% !important;
    }
}
@media (max-width: 950px) {
    .td_ocultar_bottom {
        display: none;
    }
}
@media (max-width: 870px) {
    .td_lecture, .td_speaker, .td_telephone{
        display: none;
    }
}
@media (max-width: 700px) {
    .popUp_all{
        width: 96% !important;
    }
    .td_title{
        width: 100%;
    }
    .td_ocultar, .td_telephone_email{
        display: none;
    }
    .td_footer_title{
        width: 100%;        
    }
}

@media (max-width: 630px) {
    .break_line_speaker{
        width: 100%;
    }
}

@media (max-width: 479px) {
    .td_lecture_date, .td_speaker_{
        display: none;
    }
    .td_lecture_title, .break_line, .td_speaker_title{
        width: 100%;
    }
    .popUp_all{
        margin: 20% auto !important;
    }
}
/* End */

/* icon color svg */
.icone_folder{
    width: 24px;
    color: #808990;  
    transition: all .4s;
    margin-right: 10px; 
    position: relative;
    top: 5px;
    cursor: pointer
}
.icone_pag{
    color: #808990;  
    transition: all .4s;
    margin-right: 10px;    
    width: 18px;
    position: relative;
    top: 3px;
}
.iconeConf{
    color: #808990;    
}
.li_menu:hover .icone_pag, .li_menu:hover{
    color: #07c4d6 !important;
}
.lapis{ 
    color: #2e3e4e !important;
}
.pesquisa{ 
    color: #8f8f8f !important;
    width: 24px; 
    position:relative; 
    top: 2px;
}
.visualizaImg{ 
    color: #2e3e4e !important;
}
.visualizaVideo{
    color: #2e3e4e !important;
}
.lixeira{
    color: #F00 !important;
}
.close{
    color: #F00 !important;
}
.pdf{
    color: #F00 !important;
}
.estrela{
    color: #008000 !important;
}
.addNew{
    color: #008000 !important;
}
.olho{
    color: #008000 !important;    
}
.whatsapp{
    color: #008000 !important;
}
.icone_menu{
    color: #2e3e4e !important;    
}
.linkSVG{
    color: #2e3e4e !important; 
}
.iconeMais{
    top: 7px;
    left: 4px;
    width: 24px;
    position: relative; 
    color: #FFF !important;
}
.attention{
    color: #07c4d6 !important;
}
.lapis, .pesquisa, .visualizaImg, .visualizaVideo, .lixeira, .close, .addNew, .icone_menu, .iconeConf, .pdf, .linkSVG, .whatsapp{
    cursor: pointer;
}
/* End */

/* register */
.register{
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 6px;
    color: #fff;
    background-color: #07c4d6;
    border-color: #07c4d6;
}
.register:hover{
    background-color: #726ad8;
    border-color: #726ad8;
}
/* End */

/* Access */
.pagAcesso{
    cursor: pointer !important;
    padding: 6px 8px;
    color: #07c4d6;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #07c4d6;
}
.pagAcesso:hover {
    color: #fff;
    background-color: #07c4d6;
}
td label{
    font-weight: normal;
}
/* End */

.color{
    align-self: center;
    position: relative; 
    padding: 0px 10px;
    height: 19px;
    left: 6px;
    top: 1px;
}

/* Style customize */
.switch__container {
    width: 40px;
    margin-right: 14px;
    margin-top: 4px;
}
.switch {
    visibility: hidden;
    position: absolute;
    margin-left: -9999px;
}
.switch + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}
.switch--shadow + label {
    padding: 2px;
    width: 40px;
    height: 20px;
    background-color: #f1f1f1;
    border-radius: 20px;
}
.switch--shadow + label:before,.switch--shadow + label:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    bottom: 1px;
    content: "";
}
.switch--shadow + label:before {
    right: 1px;
    background-color: #f1f1f1;
    border-radius: 20px;
    transition: background 0.4s;
}
.switch--shadow + label:after {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.4s;
}
.switch--shadow:checked + label:before {
    background-color: #72b7f9;
    top: 1px;
    right: -3px;
    left: 0px;
    bottom: -1px;
}
.switch--shadow:checked + label:after {
    transform: translateX(20px);
}
/* end */

/* Responsive */
.tela{
    width: 378px !important;
}
@media (max-width: 479px) {
    ._all{
        display: none;
    }
    .break_line{
        width: 100%;
    }
    .tela{
        width: 236px !important;
    }
}
/* end */

/* customize */
.update_width{
    width: 44%;
}
@media (max-width: 1170px) {
    .update_width{
        width: -webkit-fill-available;
    }
}
/* end */