﻿/*Mobile*/
@media screen and (max-width: 599px){

    /*aplica fit content no height no mobile*/
    .h-fit-content-mob { height: fit-content !important; }
    .search-container{ flex-wrap: nowrap; }
    .search-container input{ width: auto !important; }
    #kt_subheader { margin-bottom: 0 !important; padding-top: 1rem !important; }
    .btns-column-mob button{ margin-top: 1rem; }
    /*Altera a area de titulo da pagina no mobile, quando há um botão junto*/
    .title-alter-mobile { flex-wrap: nowrap !important;}
    .title-alter-mobile div:first-child { flex:1;}
    .title-alter-mobile h3 { margin-bottom: 0 !important; }
    .title-alter-mobile ul{ margin-top: 0 !important; }
    .label-with-select { display: flex; flex-wrap: wrap; }
    .label-with-select .bootstrap-select { max-width: 100%; margin: 0 !important; width: 100% !important; padding-top: 1rem; }
    .col-mob-users{ margin-bottom: 1rem !important;}
    .row-mob-users{ margin-bottom: 1rem !important;}
    .col-btn-remove { padding: 0 !important; }
    .col-btn-remove a { width: 100%; padding: 1rem !important; }
    .card-title-selects .card-toolbar { width: 100% !important; }
    .card-title-selects .card-toolbar .dropdown { width: 100% !important; }
    .campos-modal-mob { flex-wrap: wrap; }
    .campos-modal-mob .div-inputs-modal-mob { margin-bottom: 1rem; }

    /*Tabelas*/
        .table-responsive{ overflow-x: auto !important; }
        table{ min-width: max-content; }
    /*Tabelas*/

    /*Onda Mobile*/
        .cards-default-wave .card-body { padding: 2rem .25rem !important; }
    /*Onda Mobile*/

    /*Menu Mobile*/
        .layout-general .header.header-sticky {
            background-color: #479691;
            z-index: 99;
        }

        .layout-general .header.header-sticky .container {
            align-items: center !important;
            min-height: 50px;
        }

        /*espaçamento menu*/
            .btn .svg-icon {
                margin-right: 1rem;
            }
        /*Fim espaçamento menu*/
    /*Menu Mobile*/
    /*Home*/
        .list-menu-home {
            display: none;
        }

        .info-about { margin-top: 2vh; }

        .info-about .card-body { background: none !important; height: fit-content !important; }
    /*Home*/
    /*Login*/
        .login-form {
            min-width: 100%;
        }
    /*Login*/

    /*Perguntas - App Pesquisa de satisfação*/
        .perguntas-wrapper.wave::after { content: ' '; width: 220vw; height: calc(160vw + 10%); position: absolute; bottom: 10%; left: -50vw; border-radius: 38%; background: white; z-index: 0; animation: animate-wave 15s infinite linear; }
    /*Perguntas - App Pesquisa de satisfação*/

    /*Page Sau*/
        #divFilaSau .card-toolbar { flex-wrap: nowrap; max-width: 100%; }
    /*Page Sau*/

    /*Cadastre*/
        .sub-menus-internos {
            display: flex;
            overflow-x: scroll;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
        .sub-menus-internos .navi-item {
            display: flex;
            justify-content: center;
            text-align: center;
            border-radius: 0.5rem;
            margin-right: 1rem;
        }
        .sub-menus-internos .navi-item:last-child {
            margin-right: 0;
        }

        .sub-menus-internos.navi.navi-active .navi-item .navi-link {
            background: #f3f6f985 !important;
            flex: 1;
        }

        .sub-menus-internos.navi.navi-active .navi-item .navi-link.active {
            background: #c9f7f582 !important;
        }

        .sub-menus-internos.navi.navi-active .navi-item .navi-link.active .navi-text {
            color: #1bc5bd !important;
        }

        .sub-menus-internos.navi.navi-active .navi-item .navi-link .navi-text {
            width: max-content;
        }
        .sub-menus-internos .navi-item a {
            width: auto !important;
        }
        .arrow-mobile-right {
            right: 3vw;
        }
        .arrow-mobile-left {
            left: 4vw;
        }
        .arrow-mobile {
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .arrow-mobile-right i {
            -webkit-animation: shake-horizontal 15s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite backwards;
            animation: shake-horizontal 15s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite backwards;
        }
        .col-table-responsive .card-title {
            width: 100%;
        }
        .col-table-responsive .card-toolbar{
            width: 100%;
        }
        .col-table-responsive .card-toolbar form{
            flex: 1;
        }
        .col-table-responsive .card-toolbar a{
            flex: 1;
        }
    /*Cadastre*/


    /*Termos de uso*/
        .card-termos{
            width: 90% !important;
        }

        .footer-termos {
            flex-direction: column;
        }

        .footer-termos button {
            width: 100% !important;
        }

        .footer-termos button:last-child{
            margin-top: 1rem;
        }
    /*Termos de uso*/

    /*Cookies*/
        #section-popup-cookies {
            width: 80%;
        }
        #col-text-popup-cookies{
            padding: 0 !important;
        }
        #col-text-popup-cookies p{
            text-align: justify;
        }
        #btn-sim-cookies{
            margin-top: 1vh;
        }
    /*Cookies*/

    /* Wiki */
        .father-search-wiki {
            width: 100% !important;
        }

        .wiki.topbar-mobile-on .header.header-sticky {
            z-index: 2;
            transition: all 0.3s ease;
            margin-top: 55px;
        }

        .wiki .header.header-sticky {
            transition: all 0.3s ease;
            margin-top: 0;
        }


        .wiki #kt_header_mobile_topbar_toggle {
            display: flex;
        }

        .wiki.topbar-mobile-on #kt_header_mobile_topbar_toggle .fa-chevron-up {
            display: flex;
            -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        .wiki.topbar-mobile-on #kt_header_mobile_topbar_toggle .fa-search {
            display: none;
            -webkit-animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        }

        .wiki #kt_header_mobile_topbar_toggle .fa-chevron-up {
            display: none;
            -webkit-animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        }

        .wiki #kt_header_mobile_topbar_toggle .fa-search {
            display: flex;
            -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        .wiki .header.header-sticky {
            margin-bottom: 3vh;
            
        }

        .wiki .header.header-sticky .topbar{
            width: 100%;
        }

        .wiki .header.header-sticky .topbar form {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
            flex: 1;
        }

        .wiki .header.header-sticky {
            background-color: #fff;
            position: fixed;
            width: 100%;
        }

        .wiki .father-search-wiki .input-group-append {
            position: absolute;
            right: 0;
            background: none !important;
            min-height: 100%;
        }

        .wiki .father-search-wiki .input-group-append button {
            background: none !important;
            border: none !important;
        }

        .wiki .father-search-wiki input {
            border-radius: 0.42rem !important;
        }
        .wiki .card-video {
            height: fit-content !important;
        }

        .wiki .card-video iframe {
            height: 25vh !important;
        }

        .wiki #kt_wrapper {
            padding-top: 55px;
            transition: all 0.3s ease;
        }

        .wiki.topbar-mobile-on #kt_wrapper {
            transition: all 0.3s ease;
            padding-top: 100px;
        }
        .wiki #tablePesquisa_wrapper #tablePesquisa_filter label{
            margin-bottom: 0 !important;
            margin-top: 2vh;
        }
        .wiki #tablePesquisa {
            display: table-cell;
        }
        .wiki .row-paginaion {
            flex-direction: row-reverse;
        }
        .wiki .row-paginaion #tablePesquisa_info {
            display: none;
        }
        .wiki .row-paginaion .col-lenth-pages {
            justify-content: flex-start !important;
        }
        .wiki #tablePesquisa_wrapper .pagination {
            justify-content: flex-end;
        }
   /* Wiki */

   /*Organograma*/
    .organograma .wrap-infos-padrao {
        width: 25vw !important;
    }
    .organograma .card-body {
        padding: 0.25rem !important;
    }
    .organograma .card-body p{     
        font-size: calc(1.26rem - 1vw) !important;
    }
}
/*Landscape mobile e Tablet*/
@media screen and (min-width: 600px) and (max-width: 991.98px) {

    .header.header-sticky {
        background: #479691 !important;
    }
    /*aplica fit content no height no mobile*/
    .h-fit-content-mob {
        height: fit-content !important;
    }

    /*Home*/
    .list-menu-home { display: none; }

    .info-about { margin-top: 2vh; }

    .info-about .card-body { background: none !important; height: fit-content !important; }

    .header.header-sticky { position: initial; }

    .header.header-sticky i { color: #479691; }
        
    .header.header-sticky #kt_quick_user_toggle span { color: #479691 !important; }

    .header.header-sticky .pulse.pulse-white .pulse-ring { border-color: rgba(71, 150, 145, 0.75); }

    /*Home*/

    /*Login*/
    .login-form { min-width: 100%; }
    /*Login*/

    table {
        min-width: max-content;
    }
    .table-responsive {
        overflow-x: auto !important;
    }

    .layout-general .header.header-sticky {
        background-color: #479691;
        z-index: 99;
    }

    .header.header-sticky .container {
        align-items: center !important;
        min-height: 50px;
    }

    .card-termos {
        width: 90% !important;
    }

    .footer-termos {
        flex-direction: column;
    }

    .footer-termos button {
        width: 100% !important;
    }

    .footer-termos button:last-child {
        margin-top: 1rem;
    }

    .modal-dialog {
        max-width: 90%;
    }

    /* Wiki */
        .father-search-wiki {
            width: 100% !important;
        }

        .wiki.topbar-mobile-on .header.header-sticky {
            z-index: 2;
            transition: all 0.3s ease;
            margin-top: 55px;
        }

        .wiki .header.header-sticky {
            transition: all 0.3s ease;
            margin-top: 0;
        }


        .wiki #kt_header_mobile_topbar_toggle {
            display: flex;
        }

        .wiki.topbar-mobile-on #kt_header_mobile_topbar_toggle .fa-chevron-up {
            display: flex;
            -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        .wiki.topbar-mobile-on #kt_header_mobile_topbar_toggle .fa-search {
            display: none;
            -webkit-animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        }

        .wiki #kt_header_mobile_topbar_toggle .fa-chevron-up {
            display: none;
            -webkit-animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        }

        .wiki #kt_header_mobile_topbar_toggle .fa-search {
            display: flex;
            -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        .wiki .header.header-sticky {
            margin-bottom: 3vh;
        }

        .wiki .header.header-sticky .topbar {
            width: 100%;
        }

        .wiki .header.header-sticky .topbar form {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
            flex: 1;
        }

        .wiki .header.header-sticky {
            background-color: #fff;
            position: fixed;
            width: 100%;
        }

        .wiki .father-search-wiki .input-group-append {
            position: absolute;
            right: 0;
            background: none !important;
            min-height: 100%;
        }

        .wiki .father-search-wiki .input-group-append button {
            background: none !important;
            border: none !important;
        }

        .wiki .father-search-wiki input {
            border-radius: 0.42rem !important;
        }

        .wiki .card-video {
            height: fit-content !important;
        }

        .wiki .card-video iframe {
            height: 40vh !important;
        }

        .wiki #kt_wrapper {
            padding-top: 55px;
            transition: all 0.3s ease;
        }

        .wiki.topbar-mobile-on #kt_wrapper {
            transition: all 0.3s ease;
            padding-top: 100px;
        }
        .wiki .col-tutorial{
            margin-top: 1.25rem;
        }
        .wiki #kt_subheader {
            margin-top: 2vh;
        }
    /* Wiki */
    /*Cookies*/
    #section-popup-cookies {
        width: 90%;
    }

    /*Header*/
    #text-name-user{
        display: none !important;
    }

}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    /*Gerais*/
        .content-pages-default-wave.row .col-lg-4 {
            flex: 0 0 50%;
            max-width: 50%;
            margin-bottom: 2rem;
        }
        .content-pages-default-wave.row .col-lg-4:last-child {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 2rem;
        }
    /*Gerais*/
    /*Home*/
        .content-home.row .col-lg-9 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .list-menu-home {
            display: none;
        }
    /*Home*/

    /*Wiki*/
        .wiki .waves-default-wiki.col-lg-4 {
            flex: 0 0 50%;
            max-width: 50%;
            margin-bottom: 2rem;
        }

        .wiki .waves-default-wiki.col-lg-4:last-child {
            display: none;
        }

        .wiki .card-video {
            height: fit-content !important;
        }

        .wiki .card-video iframe {
            height: 35vh !important;
        }
    /*Fim Wki*/

    /*Cookies*/
    #section-popup-cookies {
        width: 70%;
    }

    
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .content-home.row .col-lg-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .list-menu-home {
        display: none;
    }

    .info-about .card-body {
        background-position: calc(100% + 0.5rem) top !important;
    }
    .cards-default-wave .card-body{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /*Cookies*/
    #section-popup-cookies {
        width: 61%;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1902px) {
    .card-custom.wave {
        max-height: fit-content !important;
    }
    /*Cookies*/
    #section-popup-cookies {
        width: 55%;
    }
}
