
#s4-workspace input[type=text].searchTerm {
    float: left;
    width: 80%;
    border: 3px solid #e6e7e8;
    padding: 5px;
    height: 40px;
    border-radius: 2px;
    outline: none;
    color: #939598;
    background-color: #e6e7e8;
}

#s4-workspace input[type=button], input[type=reset], input[type=submit], button {
    position: relative;
    min-width: 0px;
    width: 20%;
    height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #e6e7e8;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
}

#s4-workspace h6 {
    margin-bottom: 0px;
}

#s4-workspace h5 {
    margin-bottom: 0px;
}

#s4-workspace h4 {
    margin-bottom: 0px;
}

#s4-workspace h2.heading-subtile {
    margin-bottom: 0px;
}

.w-container a:visited, .w-container a:hover {
    color: #58595b;
    text-decoration: none;
}

#s4-workspace .heading-4 {
    display: inline-block;
    margin-bottom: 0px;
    padding-left: 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    color: #939598;
}

#s4-workspace .heading-5 {
    display: inline;
    margin-bottom: 0px;
    margin-left: 5px;
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    color: #939598;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}

#s4-workspace .heading-6 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    margin-left: 0%;
    clear: none;
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    color: #939598;
    font-size: 12px;
}

#s4-workspace h2.ms-webpart-titleText {
    font-size: 1.20em;
}

#s4-workspace input.ms-long, #s4-workspace h2.heading-subtile {
    width: 100%;
}


#s4-workspace #rtePasteFlyoutArrow {
    box-sizing: content-box;
}

    #s4-workspace #rtePasteFlyoutArrow img {
        max-width: unset;
    }

#s4-workspace .ms-formfieldvaluecontainer button,
#s4-workspace .ms-formfieldvaluecontainer,
#s4-workspace .ms-formfieldvaluecontainer optgroup,
#s4-workspace .ms-formfieldvaluecontainer select,
#s4-workspace .ms-formfieldvaluecontainer textarea {
    background-color: rgba(255, 255, 255, 0.85);
    width: 100%;
}
/*DEV CSS*/
#s4-workspace .container-r a:hover.link-3 {
    color: #2196f3;
    text-decoration: underline;
}

#s4-titlerow {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

#contentBox {
    margin-right: 0px;
}

.ms-cui-tabContainer img, #suiteBarButtons img {
    max-width: none !important;
}

.sBannerMobile {
    display: none;
}

.w-nav {
    z-index: 100;
}

.div-docs-hover-1 {
    opacity: 0;
    transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
}

    .div-docs-hover-1:hover {
        opacity: 1;
        transition: opacity 1s ease-out;
        -moz-transition: opacity 1s ease-out;
        -webkit-transition: opacity 1s ease-out;
        -o-transition: opacity 1s ease-out;
    }

#s4-workspace .s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical.ms-fullWidth {
    margin-bottom: 0px;
}

#s4-workspace .ms-webpart-menuArrowSpan,
#s4-workspace .ms-webpart-menuArrowSpan img,
#s4-workspace .ms-webpart-menuLink a,
#s4-workspace .js-webpart-menuCell,
#s4-workspace a.ms-webpart-menuLink {
    max-height: none;
    box-sizing: content-box;
}

#s4-workspace ul.ms-core-menu-list {
    margin: 0px;
    padding: 0px;
    width: 127px;
}

    #s4-workspace ul.ms-core-menu-list li a {
        color: #444;
    }

        #s4-workspace ul.ms-core-menu-list li a:visited {
            color: #444;
        }


#s4-workspace label.b-fieldDescription {
    font-weight: normal;
    margin-left: 5px;
}

#s4-workspace .heading-subtile input {
    color: black;
}

#s4-workspace img.ms-webpart-menuArrowImg {
    max-width: none;
}

/*MENU*/
#s4-workspace nav .w-dropdown-list.w--open {
    display: block;
    width: auto;
}

#s4-workspace .w-dropdown-list nav.w-dropdown-list {
    max-width: 100%;
    position: relative;
}

#s4-workspace .w-dropdown-list {
    display: none;
}

#s4-workspace .submenu-link {
    position: static;
    display: block;
    width: auto;
    padding: 10px;
    background-color: #e6e7e8;
    color: #58595b;
    font-size: 10px;
    text-transform: uppercase;
}

    #s4-workspace .submenu-link:hover {
        background-color: #d8dcdf;
        cursor: pointer;
    }

#s4-workspace ._3-levels-link {
    position: static;
    display: block;
    padding: 10px 10px 10px 20px;
    background-color: #dbdbdb;
    color: #58595b;
    font-size: 10px;
    text-transform: uppercase;
    width: auto;
    cursor: pointer;
}

    #s4-workspace ._3-levels-link:hover {
        background-color: #d1d1d1;
    }

#s4-workspace .w-dropdown-link.w--current {
    color: #0082f3;
}

#s4-workspace .main-news .b-textarea p {
    margin: 0 50px 20px 50px;
}
/* COPY PASTE BUTTONS */
#rtePasteFlyoutLink {
    height: 25px;
}

#rtePasteFlyout div img,
#rtePasteFlyoutOptions div img {
    max-width: unset;
    max-height: none !important;
}

@media (max-width: 767px) {
    .dropdown-link {
        position: relative;
    }

    .icon-5 {
        left: 0px;
    }
}

@media screen and (max-width: 479px) {
    /* Search form in mobile devices*/
    .sBannerMobile {
        display: block;
    }

    .navigation-menu {
        width: 80%;
        margin-right: 10%;
        margin-left: 10%;
    }

    #s4-workspace input[type=text].searchTerm {
        float: left;
        width: 100%;
        border: 3px solid #e6e7e8;
        padding: 5px;
        height: 40px;
        border-radius: 0;
        outline: none;
        color: #939598;
        background-color: #e6e7e8;
    }

    .search2 {
        width: 100%;
        margin: 0;
    }

    .search-button-2 {
        color: white !important;
    }

    .dropdown-trigger-pt-en-mobile {
        width: auto;
    }

    .PT-EN-MenuAnimation-open {
        width: 100% !important;
    }

    /* Padding slider mobile */
    .slide {
        padding-right: 32px;
        padding-left: 32px;
    }

    .w-slider-nav {
        bottom: 20%;
    }
    /* Mostrar Destaques Mobile */
    .main-news {
        display: block;
        height: 400px;
    }
    /* Dynamic Arrow positions on Mobile */
    .arrow.left {
        bottom: 5%;
    }

    .arrow.right {
        bottom: 85%;
    }
    /* Destaques Margin on mobile devices */
    #s4-workspace h1.h1-news {
        font-size: 16px;
        line-height: 25px;
    }
}

@media screen and (max-width: 600px) {
    /* Change logo size and position on devices with 600px or less*/
    .image-in-header {
        width: 50%;
        margin-left: 20%;
    }
    /* Workaround for search pages on mobile / content with display:table (tables are not responsive) */
    .ms-srch-item-body {
        overflow: hidden;
        display: block;
        overflow-wrap: break-word;
    }

    .ms-webpart-zone {
        display: block;
    }

    .ms-webpart-chrome-vertical {
        display: block;
    }

    .ms-webpart-cell-vertical {
        display: block;
    }

    .ms-srch-item-path {
        overflow-wrap: break-word;
    }

    .ms-srch-item-summary {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    /* Workaround for Sharepoint and Webflow css conflict on text */
    #contentBox {
        min-width: 0;
    }
    /* Change logo on mobile dimensions */
    .image-in-header {
        content: url("/Style%20Library/CNPMA/images/logo_CNPMA_only.png");
    }
    /* Workaround show slider on mobile devices */
    .column-slide {
        height: 400px;
    }
    /* Description and Title*/
    #s4-workspace h1.h1-news {
        font-size: 16px;
        margin-right: 50px;
        margin-left: 50px;
        font-weight: 700;
    }


    #s4-workspace h1.h1-news {
        margin: 0 20px !important;
    }

    #s4-workspace .main-news .b-textarea p {
        margin: 0 20px 20px 20px;
    }
}

@media screen and (max-width: 1024px) {
    /* Change website scroll definitions for mobile friendly*/
    body {
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767px) {
    .dropdown-link {
        position: relative;
    }
}

@media screen and (max-width: 991px) {
    #s4-workspace .navigation-menu {
        display: none;
        float: left;
        margin-left: 10%;
    }

    #s4-workspace .icon-5 {
        position: relative;
        display: inline;
        top: auto;
        left: 0px;
    }

    #s4-workspace .dropdown-link {
        float: left;
    }
    /* Altura imagens na galeria */
    .small-column-galeira {
        height: 180px;
    }
}

/*FOOTER*/
@media (max-width: 767px) {
    #s4-workspace .footer {
        display: none;
    }
}


/*WP Centros Autorizados*/
#s4-workspace .tab-link-tab {
    background-color: rgba(109, 207, 246, 0.16);
}

    #s4-workspace .tab-link-tab.w--current {
        background-color: #6dcff6;
    }

    #s4-workspace .tab-link-tab .text {
        color: #393a3bbd;
    }

    #s4-workspace .tab-link-tab.w--current .text {
        color: #fff;
    }

#s4-workspace .columns-list-and-map {
    margin-top: 0px;
}

#s4-workspace .b-centros-autorizados .tabs-content-list {
    padding: 0px;
}

/* WP GALERIA*/

#s4-workspace h1, #s4-workspace h5 {
    color: rgb(51,51,51);
}

#s4-workspace img {
    max-height: 100%;
    /*max-width:unset;*/
}

/* MANDATOS */
.toggle-wrapper-mandatos {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.toggle-trigger-mandatos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 60px;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(135deg, #56a9ff, #6dcff6);
    cursor: pointer;
}

.toggle-content-mandatos {
    border-bottom: solid 2px lightblue;
    padding: 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    padding: 0px;
    background-color: transparent;
}
.toggle-content-mandatos table td, .toggle-content-mandatos table th {
    padding: 5px !important;
}
/*SHAREPOINT RIGHT WEBPART CONFIGS*/

#s4-workspace .ms-ToolPaneOuter label {
    display: inline;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    vertical-align: middle;
}

#s4-workspace .ms-ToolPaneOuter input[type=submit] {
    min-width: 6em;
    padding: 7px 10px;
    border: 1px solid #ababab;
    background-color: #fdfdfd;
    background-color: #fdfdfd;
    margin-left: 10px;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #444;
    vertical-align: middle;
}

#s4-workspace .ms-ToolPaneOuter input[type=button] {
    min-width: 6em;
    padding: 7px 10px;
    border: 1px solid #ababab;
    background-color: #fdfdfd;
    background-color: #fdfdfd;
    margin-left: 10px;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #444;
    height: inherit;
}

#s4-workspace .ms-ToolPaneOuter {
    font-size: 13px;
    box-sizing: content-box;
    line-height: normal;
}

    #s4-workspace .ms-ToolPaneOuter label {
        font-weight: normal;
        line-height: normal;
    }


/* SP WP SEARCH CONTROL*/

#s4-workspace .ms-srch-ellipsis {
    margin: 0px;
}

#s4-workspace .ms-srch-item-body {
    margin-bottom: 20px;
    width: 100%;
}

#s4-workspace .ms-srch-item-path {
    width: 95%;
}

#s4-workspace ul#Paging.ms-srch-Paging h3 a {
    box-sizing: content-box;
    font-size: 20px;
}

#s4-workspace ul#Paging.ms-srch-Paging img {
    max-height: none;
    max-width: none;
    box-sizing: content-box;
}

#s4-workspace .ms-srch-item-path-selected {
    border: none;
}

#s4-workspace #PageLinkNext, #s4-workspace #PageLinkPrev {
    box-sizing: content-box;
}
/***RICH TEXT FIELDS****/
#s4-workspace .ms-rtestate-field h4 {
    color: #6dcff6;
    font-size: 20px;
    text-align: left;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0px;
    text-size-adjust: 100%;
    line-height: 27px;
}

#s4-workspace .ms-rtestate-field p {
    box-sizing: border-box;
    color: #58595b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 0px;
    text-align: left;
    text-size-adjust: 100%;
}
