﻿@font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roboto-Light'; src: url('../fonts/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Roboto-Medium'; src: url('../fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Roboto-Bold'; src: url('../fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Raleway-Regular'; src: url('../fonts/Raleway-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }

/* GLOBALS */
body { overflow: auto; font-family: Roboto-Regular, Helvetica, Arial, sans-serif; }
a, a:visited, a:hover, a:active, a:focus { text-decoration: none; }
div.noResultsMessageBox { text-align: center; padding: 30px 0; }
div.loading-overlay { height: 100px; background: url('/_layouts/15/images/SPMS.BICSP.SharePoint/ajax-loader.gif') white no-repeat center; }
div.bottom-separator { border-bottom: 1px solid #E5E5E5; }
.dropdown-menu > li > a { line-height: 24px; }
span.mandatory-label-info { font-size: smaller; font-weight: normal; color: lightcoral; }

.btn-more { border-color: transparent; background-color: #3B454C; color: #FFF; border-radius: 18px; font-family: 'Roboto-Regular'; font-size: 15px; }
    .btn-more:hover { background-color: #14a79c; color: #fff; }

.btn-external-bicsp, .btn-external-bicsp:visited { border-color: transparent; background-color: #14a79c; color: #FFF; text-transform: uppercase; border-radius: 18px; margin: 5px;}

    .btn-external-bicsp:hover, .btn-external-bicsp.active { background-color: #8cc63f; border: solid 1px transparent; color: #FFF; }

.btn-external-bicsp-del, .btn-external-bicsp-del:visited { border-color: transparent; background-color: #e70404; color: #FFF; text-transform: uppercase; border-radius: 18px; margin: 5px 5px 5px 40px; float: left;}
    .btn-external-bicsp-del:hover, .btn-external-bicsp-del.active { background-color: #ee895e; border: solid 1px transparent; color: #FFF;}

.btn-blank-bicsp, .btn-blank-bicsp:visited { border-color: #414141; background-color: #fff; color: #414141; text-transform: uppercase; border-radius: 18px; /*margin-top: 20px;*/ }
    .btn-blank-bicsp:hover { background-color: #414141; border: solid 1px transparent; color: #FFF; }

.modal.in .modal-dialog { margin-top: 210px; }
.modal-dialog .modal-header button.close { text-align: right; }
/* color pallete */
.color14a79c { color: #14a79c }
.color8cc63f { color: #8cc63f }
.color3dc8c9 { color: #3dc8c9 }
.color22b573 { color: #22b573 }
.color3B454C { color: #3B454C }
.color414141 { color: #414141 }
.color666666 { color: #666666 }
.colorE5E5E5 { color: #E5E5E5 }
.colorF7F7F7 { color: #F7F7F7 }
/* color pallete */
/* Overrides */
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #14A79C; color: white; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline-color: transparent; border-radius: 15px; padding-left: 10px; padding-right: 10px; }
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover { background-color: #14A79C; color: #ffffff; }
.bootstrap-datetimepicker-widget table td span.active { background-color: #14A79C; color: #ffffff; }
/* Overrides */
/* END GLOBALS */

/* HEADER */
.bicsp-header { height: 80px; padding: 0px; }
    .bicsp-header .bicsp-header-logo { margin: 10px 0; display: table; }
        .bicsp-header .bicsp-header-logo > a { color: transparent; height: 60px; display: table-cell; }
            .bicsp-header .bicsp-header-logo > a.bicsp-logoSNS { background: url('/_layouts/15/images/SPMS.BICSP.SharePoint/logo_sns.svg') no-repeat transparent; }
            .bicsp-header .bicsp-header-logo > a.bicsp-logoBICSP { background: url('/_layouts/15/images/SPMS.BICSP.SharePoint/logo_bicsp.svg') no-repeat transparent; }
    /*.bicsp-header .bicsp-header-logo img { height: 60px; margin-left: 10px; }
            .bicsp-header .bicsp-header-logo img:first-child { margin-right: 10px; }*/
    .bicsp-header .bicsp-header-search { height: 58px; font-size: 22px; color: #414141; border: 1px transparent; float: right; margin: 10px 0; }
    .bicsp-header .bicsp-header-login { width: 40px; font-size: 26px; color: #414141; line-height: 60px; float: right; margin: 10px 10px 10px 0px; }
        .bicsp-header .bicsp-header-login a { color: #414141; }
            .bicsp-header .bicsp-header-login a:visited,
            .bicsp-header .bicsp-header-login a:active { color: #414141; text-decoration: none; }
            .bicsp-header .bicsp-header-login a:hover { color: #14a79c; }
/* END HEADER */

/* SCROLL TO TOP BUTTON */
button#bicsp-btn-scrollTop { position: fixed; bottom: 200px; right: 40px; z-index: 99; border: none; outline: none; background-color: #14a79c; color: white; cursor: pointer; padding: 0 0 8px 0; border-radius: 50px; width: 60px; height: 60px; min-width: 0; }
    button#bicsp-btn-scrollTop:hover { background-color: #8cc63f; }
    button#bicsp-btn-scrollTop::before { font: normal normal normal 14px/1 FontAwesome; content: "\f106"; font-size: 40px; }
/* END SCROLL TO TOP BUTTON */

/* SMALL SEARCHBOX */
.bicsp-smallsearchbox .ms-srch-sb.ms-srch-sb-border, .bicsp-smallsearchbox .ms-srch-sb.ms-srch-sb-borderFocused { border: none; height: 40px; width: 40px; margin-top: 12px; padding: 0; text-align: right; float: right; background-color: transparent; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.bicsp-smallsearchbox .ms-srch-sb input { height: 28px; width: 0; font-size: 22px; padding: 0; border: none; border-bottom: 2px solid #e5e5e5; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; margin: 5px 0 0 0; background-color: transparent; }
    .bicsp-smallsearchbox .ms-srch-sb input:focus { outline: none; }
.bicsp-smallsearchbox .ms-srch-sb span.deleteicon { position: relative; }
    .bicsp-smallsearchbox .ms-srch-sb span.deleteicon span { position: absolute; display: none; top: 0; right: 0px; width: 16px; height: 16px; cursor: pointer; -webkit-transition: all 1s; -moz-transition: all .1s; transition: all 1s; }
        .bicsp-smallsearchbox .ms-srch-sb span.deleteicon span::after { font: normal normal normal 14px/1 Roboto-Light; content: "X"; font-size: 20px; color: #bfbfbf; }
    .bicsp-smallsearchbox .ms-srch-sb span.deleteicon input { box-sizing: border-box; }

.bicsp-smallsearchbox .ms-srch-sb:hover { width: 240px; }
    .bicsp-smallsearchbox .ms-srch-sb:hover input { width: 180px; padding-right: 16px; }
    .bicsp-smallsearchbox .ms-srch-sb:hover span.deleteicon span { display: block; }

.bicsp-smallsearchbox .ms-srch-sb .ms-qSuggest-container { display: none; }
.bicsp-smallsearchbox .ms-srch-sb > .ms-srch-sb-searchLink { width: 40px; height: 40px; font-style: normal; font-weight: 400; color: #414141; text-shadow: none; margin: 0; text-align: center; padding-top: 2px; background-color: transparent; }
    .bicsp-smallsearchbox .ms-srch-sb > .ms-srch-sb-searchLink:hover { color: #14a79c; background-color: transparent; }
        .bicsp-smallsearchbox .ms-srch-sb > .ms-srch-sb-searchLink:hover::after { color: #14a79c !important; }
    .bicsp-smallsearchbox .ms-srch-sb > .ms-srch-sb-searchLink::after { content: "\e003"; font-family: 'Glyphicons Halflings'; color: #414141; font-size: 22px; }
/* END SMALL SEARCHBOX */

/* MENU */
.bicsp-menu { height: 51px; padding: 0; border-width: 0; background-color: #14A79C; z-index: 1999; position: relative; }
    .bicsp-menu .ms-core-navigation { font-family: Roboto-Regular; }

    .bicsp-menu .navbar-default { background-color: transparent; border-color: transparent; }
        .bicsp-menu .navbar-default .navbar-toggle { border-color: transparent; }
    .bicsp-menu .navbar-toggle { float: left; }

    .bicsp-menu .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }

    .bicsp-menu .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.caret { height: inherit; border: 0; float: right; margin-right: 10px }
    .caret::after { font: normal normal normal 14px/1 FontAwesome; content: "\f107"; font-size: 20px; }
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover { color: #065B51 !important; }
/* END MENU */

/* MAIN CONTENT */
.bicsp-theme-wrapper { width: 100%; }
.bicsp-main { min-height: 400px; margin-bottom: 150px; }
/* END MAIN CONTENT */

/* FOOTER */
.bicsp-footer { color: #fff; }
    .bicsp-footer .bicsp-footer-links { background-color: #3B454C; padding: 30px 0; }
        .bicsp-footer .bicsp-footer-links .bicsp-footer-links-contactus { margin-top: 35px; display: none }
            .bicsp-footer .bicsp-footer-links .bicsp-footer-links-contactus .bicsp-footer-links-contactus-logo { background: url("/_layouts/15/images/SPMS.BICSP.SharePoint/icon_envelope.svg") no-repeat top left; height: 64px; padding: 0; margin-top: 10px; }
        .bicsp-footer .bicsp-footer-links a, .bicsp-footer .bicsp-footer-links a:visited { color: #fff; }
    .bicsp-footer .bicsp-footer-logos { height: 70px; padding: 15px 0; /*line-height: 40px;*/ color: #414141; font-family: Roboto-Light; font-size: 11px; }
        .bicsp-footer .bicsp-footer-logos .logos img { margin-right: 40px; }
    .bicsp-footer h5.link-group-header { color: #14A79C; font-family: Roboto-Bold; }
.bicsp-footer-logos div.text-center { padding-top: 12px; }
.bicsp-footer-links a:hover { color: #8cc63f !important; }
.bicsp-footer-links a.email { color: #8cc63f; }
    .bicsp-footer-links a.email:hover { color: #14A79C !important; }
.bicsp-footer-logos .developertext { font-size: 9px; color: #414141; }
.bicsp-footer-logos .copyright { font-size: 11px; color: #414141; }
/* END FOOTER */

/* PAGE TITLE */
#bicsp-pagetitle h1 { font-family: 'Raleway-Regular'; color: #14A79C; font-size: 26px; margin: 10px 0; }
#bicsp-pagetitle input.ms-long { width: 66.66%; }
/* END PAGE TITLE */

/* BANNER */
#bicsp-banner.carousel { height: 390px; }
    #bicsp-banner.carousel .item { height: 390px; background-color: #777; background-repeat: no-repeat; background-position: center top; background-size: cover !important; }
#bicsp-banner .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 520px; }
#bicsp-banner .carousel-indicators li { background-color: #3B454C; border-color: #3B454C; }
    #bicsp-banner .carousel-indicators li.active { background-color: #14a79c; border-color: #14a79c; }
#bicsp-banner .carousel-caption { position: absolute; right: 15%; top: 135px; left: 15%; z-index: 15; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
#bicsp-banner .carousel-control span { /*background-color: #14a79c; border-radius: 30px;*/ padding: 5px 5px 0 5px; height: 50px; width: 50px; text-shadow: none; top: 175px; }
#bicsp-banner .carousel-control:visited { color: #fff }
#bicsp-banner .carousel-control.left span::before { font: normal normal normal 14px/1 FontAwesome; content: "\f104"; font-size: 50px; }
#bicsp-banner .carousel-control.right span::before { font: normal normal normal 14px/1 FontAwesome; content: "\f105"; font-size: 50px; }
/* END BANNER */

/* TILES */
#bicsp-tiles { margin-bottom: 60px; }
    #bicsp-tiles p.cherry-services_label { font-size: 17px !important; }
    #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item { position: relative; padding: 45px 24px 0; background: transparent; clear: none !important; float: left; z-index: 2; /*max-height: 210px;*/ text-align: center; }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_icon { display: block; }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_icon, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_title, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_label, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .inner-description { color: #fff; margin-bottom: 0; }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_icon { float: none; margin: 0; line-height: 1; margin-bottom: 10px; }
            #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_icon img { height: 50px; }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_icon, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_title, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_label, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_feauters, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-btn { -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_title { font-size: 26px; font-family: Roboto-Bold; }
        /*#bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_title, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-services_label { margin-bottom: 20px; }*/
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease-out; z-index: -1; }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item .cherry-btn { margin: 0; opacity: 0; transform: translateY(20px) scale(0); -webkit-transform: translateY(20px) scale(0); }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item:hover .cherry-services_icon, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item:hover .cherry-services_title, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item:hover .cherry-services_label, #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item:hover .cherry-services_feauters { transform: translateY(-78px); -webkit-transform: translateY(-78px); color: #fff; }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item:hover .cherry-btn { opacity: 1; height: auto; transform: translateY(-66px) scale(1); -webkit-transform: translateY(-66px) scale(1); }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-services_item:hover .wrap { top: -60px; }
    #bicsp-tiles.services-wrap-1 .services-listing .cherry-btn { color: #fff; }
        #bicsp-tiles.services-wrap-1 .services-listing .cherry-btn:before, #bicsp-tiles.services-wrap-1 .services-listing .cherry-btn:after { border-color: #fff; }
    #bicsp-tiles .cherry-btn { position: relative; display: inline-block; letter-spacing: 0.06em; text-transform: uppercase; text-align: center; font-family: Roboto-Regular }
        #bicsp-tiles .cherry-btn.cherry-btn-medium { font-size: 15px !important; line-height: 15px; padding: 15px 27px 15px 27px; }
    #bicsp-tiles .cherry-btn-default { color: #1b293c; }
        #bicsp-tiles .cherry-btn-default:before, #bicsp-tiles .cherry-btn-default:after { content: ""; position: absolute; top: 0; bottom: 0; border-width: 2px; border-style: solid; transition: .8s all ease; }
        #bicsp-tiles .cherry-btn-default:before { border-right: none; right: 80%; left: 0; }
        #bicsp-tiles .cherry-btn-default:after { border-left: none; left: 80%; right: 0; }
        #bicsp-tiles .cherry-btn-default:hover { color: #1b293c; background: transparent; }
            #bicsp-tiles .cherry-btn-default:hover:before { right: 0; }
            #bicsp-tiles .cherry-btn-default:hover:after { left: 0; }


/* END TILES */

/* HIGHLIGHTS */
#bicsp-highlights { background-color: #f7f7f7; font-family: Roboto-Light; padding: 30px 0; }
    #bicsp-highlights .bicsp-highlights-title { margin-top: 60px; }
    #bicsp-highlights .bicsp-highlights-title { color: #414141; font-size: 26px; font-family: Roboto-Medium; line-height: 40px; margin: 0; }
    #bicsp-highlights .bicsp-highlights-description { color: #666666; font-size: 20px; margin-bottom: 40px; }
        #bicsp-highlights .bicsp-highlights-description a { color: #14A79C; text-decoration: none; }
            #bicsp-highlights .bicsp-highlights-description a:hover { color: #8cc63f; }
    #bicsp-highlights .bicsp-highlights-item > a { display: block; }
    #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-image-container { width: 100%; height: 260px; position: relative; display: inline-block; }
    #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-image { position: inherit; display: inline-block; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover !important; width: 100%; }
        #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-image:hover:after { content: "\A"; width: 100%; height: 100%; background: rgba(20, 167, 156, 0.4); position: absolute; top: 0; left: 0; }
    #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-highlight { width: 90px; height: 25px; background-color: #8CC63F; position: absolute; bottom: 0; left: 0; line-height: 25px; color: #fff; text-align: center; font-size: 14px; font-family: Roboto-Regular }
    #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-title { font-family: Roboto-Medium; font-size: 16px; color: #414141; }
    #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-content { color: #666666; font-size: 16px; }
    #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-date { color: #666666; font-size: 12px; }
    #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-more { color: #14A79C; font-size: 12px; margin-left: 5px; }
        #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-more:hover { color: #8cc63f; }
        #bicsp-highlights .bicsp-highlights-item .bicsp-highlights-item-more > span.glyphicon { margin-left: 5px; }
/* END HIGHLIGHTS */

/* BREADCRUMB */
div#bicsp-breadcrumb { line-height: 15px; margin-top: 15px; margin-bottom: 20px; font-family: Roboto-Light; text-transform: uppercase; }
    div#bicsp-breadcrumb .bicsp-breadcrumbtrail { font-size: 12px; color: #414141; }
        div#bicsp-breadcrumb .bicsp-breadcrumbtrail a { color: #14a79c; }
            div#bicsp-breadcrumb .bicsp-breadcrumbtrail a:hover { color: #8cc63f !important; }
        div#bicsp-breadcrumb .bicsp-breadcrumbtrail .bicsp-breadcrumbtrail-current { color: #414141; font-family: Roboto-Medium; }
        div#bicsp-breadcrumb .bicsp-breadcrumbtrail .ms-sitemapdirectional-final:after { font-family: FontAwesome; content: none; padding: 0 6px; color: #aaa; }
        div#bicsp-breadcrumb .bicsp-breadcrumbtrail .ms-sitemapdirectional:hover { color: #8cc63f; }
        div#bicsp-breadcrumb .bicsp-breadcrumbtrail .bicsp-breadcrumbtrail-separator:after { font-family: FontAwesome; content: "\00a0\f105\00a0"; }
        div#bicsp-breadcrumb .bicsp-breadcrumbtrail > span:nth-child(1) > .bicsp-breadcrumbtrail-separator,
        div#bicsp-breadcrumb .bicsp-breadcrumbtrail > span:nth-child(2) > .bicsp-breadcrumbtrail-separator,
        div#bicsp-breadcrumb .bicsp-breadcrumbtrail > span:last-child > .bicsp-breadcrumbtrail-separator { display: none; }
/* END BREADCRUMB */

/* POWERBI */
.bicsp-powerbi .bicsp-powerbi-title { color: #414141; font-size: 26px; font-family: Roboto-Medium; line-height: 40px; margin: 0 0 15px 0; }
.bicsp-powerbi .bicsp-powerbi-reportContainer, .bicsp-powerbi .bicsp-powerbi-reportContainer123 { width: 100%; }
.bicsp-powerbi .bicsp-powerbi-bottom { height: 45px; }
/* END POWERBI */

/* PAGE CONTENT*/
#bicsp-articlecontent { margin-top: 20px; font-family: Roboto-Light; font-size: 16px; color: #666; }
    #bicsp-articlecontent .nav { height: 45px; font-size: 11.5px; font-family: Roboto-Light; }
        #bicsp-articlecontent .nav > li {margin-right: 10px;}
            #bicsp-articlecontent .nav > li > a { padding: 0 2px; }
    #bicsp-articlecontent .nav-tabs { border-bottom: 1px solid #14A79C; }
        #bicsp-articlecontent .nav-tabs > li > a { margin-right: 2px; border-left: 1px solid transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 0px solid transparent; background-color: #F7F7F7; border-radius: 0; color: #414141; text-transform: uppercase; height: 44px; line-height: 44px; }
        #bicsp-articlecontent .nav-tabs > li.active > a { color: #fff; cursor: default; background-color: #14A79C; border: 1px solid #14A79C; border-bottom-color: transparent; }
            #bicsp-articlecontent .nav-tabs > li.active > a:hover { color: #fff; }
    #bicsp-articlecontent .tab-content { padding-top: 30px; }
    #bicsp-articlecontent .ms-rtestate-field a, #bicsp-articlecontent .ms-rtestate-field a:active, #bicsp-articlecontent .ms-rtestate-field a:focus, #bicsp-articlecontent .ms-rtestate-field a:visited, a.bicsp-link, a.bicsp-link:active, a.bicsp-link:focus, a.bicsp-link:visited { color: #14A79C; text-decoration: none; }
        #bicsp-articlecontent .ms-rtestate-field a:hover, a.bicsp-link:hover { color: #8cc63f; }
#bicsp-articledate { font-size: 14px; font-family: Roboto-Light; color: #666666; margin-bottom: 20px; padding-top: 0; }
#bicsp-articlecontent .field { margin-bottom: 30px; line-height: 25px; word-wrap: break-word; }
    #bicsp-articlecontent .field a { color: #14a79c; }
        #bicsp-articlecontent .field a:hover { color: #8cc63f !important; }
    #bicsp-articlecontent .field.icon a { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #14A79C; }
        #bicsp-articlecontent .field.icon a::before { font: normal normal normal 14px/1 FontAwesome; font-size: 16px; padding-right: 10px; }
    #bicsp-articlecontent .field.icon.file a::before { content: "\f0f6"; }
    #bicsp-articlecontent .field.icon.bulding a::before { content: "\f0f7"; }
    #bicsp-articlecontent .field.icon.sitemap a::before { content: "\f0e8"; }
#bicsp-articlecontent .label { font-family: Roboto-Medium; color: #414141; font-size: 16px; padding: 10px 0px; line-height: 16px; }
/*Igor*/

 #bicsp-articlecontent .alignCenter > li {text-align:center; width: 15%;}

#bicsp-articlecontent .birh {
    border-bottom: 0px !important;
}

#bicsp-articlecontent .birh > li {
    margin-right: 0px;
}
#bicsp-articlecontent .horario { /*color: #414141;*/
    font-size: 16px;
    padding: 10px 0px;
    line-height: 16px;
    font-weight: bold;
}
#bicsp-articlecontent .morada { /*color: #414141;*/
    font-size: 16px;
    padding: 10px 0px;
    line-height: 16px;
    font-weight: bold;
    color: #252525;
}

#bicsp-articlecontent .sacs { /*color: #414141;*/
    font-size: 16px;
    padding: 10px 0px;
    line-height: 16px;
    font-weight: bold;
    color: #252525;
    text-align:center;
}

#bicsp-articlecontent .backGroundMoradas {
   
    margin: 10px 0px;
}


#bicsp-articlecontent .backGroundMoradasGray {
    /*background-color: #e8e6e6;*/
    padding: 0px 10px;
    margin: 0px -20px;
}

#bicsp-articlecontent .logo {
    background-color: #f7f7f7;
    text-align: right;
    padding: 20px;
}

.infoRauf p {
    /*margin-top: 30px;
    border-bottom: #ccc 1px solid;*/
    font-family: Roboto-Light;
    line-height: 30px;
    font-size: 16px;
    padding: 30px 0;
}

    #bicsp-articlecontent .logo img { width: 325px; }
#bicsp-articlecontent .logo-info { text-align: center; margin-bottom: 30px; }
    #bicsp-articlecontent .logo-info span { font-size: 11px; color: #e86d00; }
#bicsp-articlecontent .indicator { background-color: #f7f7f7; margin-top: 20px; margin-left: 15px; padding-top: 15px; text-align: left; margin-right: 5px; }
    #bicsp-articlecontent .indicator span { font-family: Roboto-Medium; color: #14A79C; font-size: 25px; }
    #bicsp-articlecontent .indicator input.ms-input { width: 100px; }
#bicsp-articlecontent .contacts { padding: 42px 20px; text-align: right; background-color: #f7f7f7; }
#bicsp-articlecontent .ms-long { width: 100%; }
#bicsp-articlecontent .nav-tabs > li > a:hover { color: #14A79C; }

#bicsp-articlecontent .nav-pills { margin-top: -30px; }
    #bicsp-articlecontent .nav-pills li a { border: solid 1px transparent; background-color: #14a79c; color: #FFF; text-transform: uppercase; border-radius: 18px; }
        #bicsp-articlecontent .nav-pills li.active a, #bicsp-articlecontent .nav-pills li a:hover { background-color: #8cc63f; }

/* END PAGE CONTENT */

/* NEWSLIST */
#bicsp-newslist { margin-top: 30px; width: auto; font-family: Roboto-Light; font-size: 16px; color: #666666; }
    #bicsp-newslist div.item { height: 215px; padding: 20px 0; border-bottom: 1px solid #ccc; width: 90%; }
        #bicsp-newslist div.item:last-child { border-bottom: 0; }
    #bicsp-newslist div.image-container { height: 175px; width: 210px; position: relative; float: left; margin-right: 30px; }
        #bicsp-newslist div.image-container div.image { position: inherit; display: inline-block; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover !important; width: 100%; }
            #bicsp-newslist div.image-container div.image:hover:after { content: "\A"; width: 100%; height: 100%; background: rgba(20, 167, 156, 0.4); position: absolute; top: 0; left: 0; }
        #bicsp-newslist div.image-container div.highlight { width: 90px; height: 25px; background-color: #8CC63F; position: absolute; bottom: 0; left: 0; line-height: 25px; color: #fff; text-align: center; font-size: 14px; font-family: Roboto-Regular }
    #bicsp-newslist p { color: #666; line-height: 25px; }
        #bicsp-newslist p.title { font-family: 'Raleway-Regular'; color: #00a89d; }
        #bicsp-newslist p.date { color: #666666; font-size: 14px; }
    #bicsp-newslist span.more { color: #00a89d; font-size: 13px; }
        #bicsp-newslist span.more:hover { color: #8cc63f; }
        #bicsp-newslist span.more > span.glyphicon { margin-left: 5px; }

    #bicsp-newslist.loading { height: 100px; background: url('/_layouts/15/images/SPMS.BICSP.SharePoint/ajax-loader.gif') white no-repeat center; border-bottom: none; }

#bicsp-newsFilter { padding-bottom: 20px; padding-top: 30px; }
    #bicsp-newsFilter input { font-family: Roboto-Light; color: #999999; font-size: 16px; }
    #bicsp-newsFilter label.filter-col { padding-top: 8px; padding-right: 5px; color: #414141; font-weight: normal; }
    #bicsp-newsFilter .pagination { margin: auto; }
    #bicsp-newsFilter .form-group { margin-bottom: 0; padding-left: 0px; }
    #bicsp-newsFilter .input-group-addon { background-color: #fff; border-radius: 0; border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-left: 0 }
    #bicsp-newsFilter .input-group input { border-right: 0 !important; }
    #bicsp-newsFilter .form-control { border-radius: 0; }
    #bicsp-newsFilter .btn { border-radius: 0; color: #fff; background-color: #14A79C; }
    #bicsp-newsFilter .btn-default:hover { color: #065B51; background-color: #14A79C; border-color: #adadad; }
    #bicsp-newsFilter .glyphicon { color: #14A79C; }
    #bicsp-newsFilter .right { text-align: right; }
#bicsp-news .pagination .beforeItem:after { font-family: FontAwesome; content: "\00a0\f104\00a0"; }
#bicsp-news .pagination .lastItem:after { font-family: FontAwesome; content: "\00a0\f105\00a0"; }
#bicsp-news .pagination { font-family: Roboto-Regular, Helvetica, Arial, sans-serif; font-size: 14px; }
    #bicsp-news .pagination > .active > a,
    #bicsp-news .pagination > .active > a:focus,
    #bicsp-news .pagination > .active > a:hover,
    #bicsp-news .pagination > .active > span,
    #bicsp-news .pagination > .active > span:focus,
    #bicsp-news .pagination > .active > span:hover { color: #14A79C; background-color: #F7F7F7; border-color: #F7F7F7; }
    #bicsp-news .pagination > a,
    #bicsp-news .pagination > a:focus,
    #bicsp-news .pagination > a:hover { color: #14A79C; background-color: #F7F7F7; border-color: #F7F7F7; }
    #bicsp-news .pagination .page-link { border-radius: 18px; border: 0; }
    #bicsp-news .pagination .page-dots,
    #bicsp-news .pagination .page-dots:hover { border: 0; background-color: #fff }
    #bicsp-news .pagination > li:first-child > a,
    #bicsp-news .pagination > li:first-child > span,
    #bicsp-news .pagination > li:last-child > a,
    #bicsp-news .pagination > li:last-child > span { border-radius: 0; border: 0; }
    #bicsp-news .pagination > li > a,
    #bicsp-news .pagination > li > span { padding: 6px 8px; }
#bicsp-newsBottom .form-group { margin-bottom: 0; padding-left: 0px; }
/* END NEWSLIST*/

/* DOCUMENTS LIST */
.bicsp-document-list h4 { font-weight: bold; font-family: 'Roboto-Light'; color: #414141; }
.bicsp-document-list .table { border-color: #ccc; font-family: Roboto-Light; font-size: 16px; color: #414141; }
    .bicsp-document-list .table > tbody > tr, .bicsp-document-list .table > tfoot > tr, .bicsp-document-list .table > thead > tr { height: 56px; }
        .bicsp-document-list .table > tbody > tr > td, .bicsp-document-list .table > tbody > tr > th, .bicsp-document-list .table > tfoot > tr > td, .bicsp-document-list .table > tfoot > tr > th, .bicsp-document-list .table > thead > tr > td, .bicsp-document-list .table > thead > tr > th { vertical-align: middle !important; font-weight: 500; }
            .bicsp-document-list .table > tbody > tr > td:first-child,
            .bicsp-document-list .table > thead > tr > th:first-child { /* width: 60px; */ padding-right: 60px; }
    .bicsp-document-list .table thead th { cursor: pointer; font-family: Roboto-Medium; }
        .bicsp-document-list .table thead th span.sortedAscending::after { font: normal normal normal 14px/1 FontAwesome; font-size: 19px; content: "\f106"; margin: 10px; }
        .bicsp-document-list .table thead th span.sortedDescending::after { font: normal normal normal 14px/1 FontAwesome; font-size: 19px; content: "\f107"; margin: 10px; }
    .bicsp-document-list .table span { color: #414141; }
        .bicsp-document-list .table span.icon { color: #14a79c; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; margin: 0 0 0 10px; }
            .bicsp-document-list .table span.icon:hover { color: #414141; }
        .bicsp-document-list .table span.iconDisabled { color: #E5E5E5; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; margin: 0 0 0 10px; }
            .bicsp-document-list .table span.iconDisabled:hover { color: #E5E5E5; }
            .bicsp-document-list .table span.icon.file::before,
            .bicsp-document-list .table span.iconDisabled.file::before { content: "\f0f6"; }
            .bicsp-document-list .table span.icon.file2::before,
            .bicsp-document-list .table span.iconDisabled.file2::before { content: "\f1c4"; }

#bicsp-resultscontainer .bicsp-document-list .table span.glyphicon.action {
    cursor: pointer;
}

.tableAdenda span.icon.file2::before {
    content: "\f0f6";
}

.tableAdenda span.icon {
    color: #14a79c;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    margin: 0 0 0 10px;
}

.tableAdenda td {
    margin: 0 !important;
    padding: 0px 0px 0px 0px !important;
    line-height: 28px !important;
    /* vertical-align: bottom !important; */
    text-align: left;
}

    .bicsp-document-list .table thead th input { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; height: 30px; line-height: 30px; width: 90%; font-size: 14px; font-family: Roboto-Light; }

.bicsp-document-list .labels { padding-top: 10px; font-size: 14px; font-family: 'Roboto-Medium'; color: #414141; vertical-align: bottom; }
.bicsp-document-list .select2-container { width: 100% !important; }
.bicsp-document-list .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; height: 30px; line-height: 30px; font-family: Roboto-Light; font-size: 14px; }
    .bicsp-document-list .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 30px; text-align: left; }
    .bicsp-document-list .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; width: 30px; }
.bicsp-document-list .select2-container--default .select2-results__option--highlighted { background-color: #14a79c; color: white; }
.bicsp-document-list .select2-search__field, .bicsp-document-list .select2-search__field { border: 1px solid #bfbfbf; }
    .bicsp-document-list .select2-search__field:focus, .bicsp-document-list .select2-search__field:active { border: 1px solid #414141; }
.bicsp-document-list .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #14a79c; color: white; }
.bicsp-document-list .select2-container--classic .select2-selection--single:focus { border: 1px solid #14a79c; }
.bicsp-document-list .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #14a79c; }
.bicsp-document-list .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #14a79c; }
.bicsp-document-list .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #14a79c; }
.bicsp-document-list .select2-container--classic.select2-container--open .select2-dropdown { border-color: #14a79c; }
.bicsp-document-list .select2-selection__clear { left: -12px; z-index: 100; }
.bicsp-document-list .select2-container--disabled .select2-selection--single { background-color: #eee; cursor: not-allowed; }

/* END DOCUMENTS LIST */

/* MOSAIC */
.bicsp-mosaic .main { padding: 2em 0; }
.bicsp-mosaic .panel-body-filter { background-color: transparent; }

.bicsp-mosaic .button { display: table; margin: 0 auto; border-color: transparent; background-color: #3B454C; color: #FFF; border-radius: 18px; font-family: 'Roboto-Regular'; font-size: 15px; }
    .bicsp-mosaic .button:hover { background-color: #14a79c; }

.sk-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; }
    .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
        .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
    .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
    .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
    .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
    .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
    .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
    .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
    .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
    .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
    .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
    .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
    .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
    .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
    .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
    .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
    .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
    .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
    .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
    .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
    .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
    .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
    .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}
/**
 * Placerholder css
 */
.wookmark-placeholder { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #eee; border: 1px solid #dedede; z-index: -1; display: none }

/**
 * Grid container
 */
.bicsp-mosaic .tiles-wrap { position: relative; /** Needed to ensure items are laid out relative to this container **/ margin: 10px 0; padding: 0; list-style-type: none; display: none; }


    /**
 * Grid items
 */
    .bicsp-mosaic .tiles-wrap li { display: block; opacity: 0; list-style-type: none; background-color: #fff; float: left; cursor: pointer; width: 200px; /* padding: 4px; */ /* border: 1px solid #dedede; */ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); */ /* -webkit-border-radius: 2px; */ -moz-border-radius: 2px; /* border-radius: 2px; */ }
    .bicsp-mosaic .tiles-wrap.wookmark-initialised.animated li { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

    .bicsp-mosaic .tiles-wrap.wookmark-initialised li { opacity: 1; }

    .bicsp-mosaic .tiles-wrap li.wookmark-inactive { visibility: hidden; opacity: 0; }

    .bicsp-mosaic .tiles-wrap li:hover { background-color: #fafafa; }

    .bicsp-mosaic .tiles-wrap img { display: block; }

    .bicsp-mosaic .tiles-wrap a { color: #555; text-align: center; /* display: table-cell; */ width: 200px; height: 200px; font-size: 2em; font-weight: bold; text-decoration: none; }

.bicsp-mosaic .tile-loading:after { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #ddd; content: "Loading\2026"; padding-top: 20px; color: #999; }

/**
 * Filters
 */
.bicsp-mosaic #filters { list-style-type: none; text-align: center; margin: 0 5% 0 5%; }

    .bicsp-mosaic #filters:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

    .bicsp-mosaic #filters li { font-size: 12px; float: left; padding: 6px 8px 4px; cursor: pointer; margin: 0 10px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

        .bicsp-mosaic #filters li:hover { background: #4281f5; color: #ffffff; }

        .bicsp-mosaic #filters li.active { background: #4281f5; color: #ffffff; }

.bicsp-mosaic .tipomosaico { padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 0px; }

.bicsp-mosaic .video { background-color: #14a79c; color: #fff; }
.bicsp-mosaic .image { background-color: #8cc63f; color: #fff; }
.bicsp-mosaic .audio { background-color: #22b573; color: #fff; }
.bicsp-mosaic .file { background-color: #414141; color: #fff; }
.bicsp-mosaic .entidade { }
.bicsp-mosaic .tipomosaico i { float: right; font-size: 18px; }

.bicsp-mosaic .content { background-color: #efefef; text-align: left; padding-left: 5px; padding-right: 5px; }
.bicsp-mosaic .content { background-color: #efefef; text-align: left; padding-left: 5px; padding-right: 5px; }
    .bicsp-mosaic .content .datetime { font-size: 12px; color: #666666; margin-right: 60px; }
    .bicsp-mosaic .content p { text-align: justify; font-size: 14px; margin-bottom: 10px; margin-top: 10px; display: inline-block; width: 180px; /*white-space: nowrap;*/ overflow: hidden !important; text-overflow: ellipsis; }

.bicsp-mosaic .text { position: relative; font-size: 14px; color: #414141; width: 180px; margin-bottom: 10px; /* padding-top: 10px; */ /* padding-left: 4px; */ }
.bicsp-mosaic .autor { font-size: 12px; color: #414141 }
.bicsp-mosaic .text-concat { position: relative; display: inline-block; word-wrap: break-word; overflow: hidden; max-height: 3.5em; /* (Number of lines you want visible) * (line-height) */ line-height: 1.2em; text-align: justify; }



.bicsp-mosaic .content a { font-size: 12px; color: #14A79C }
.bicsp-mosaic .content .footerpanel a:hover { color: #8cc63f; }

.bicsp-mosaic li.is-loading { background-color: black; background-image: url('/_layouts/15/images/SPMS.BICSP.SharePoint/ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; background-position: 50% 50px; }

.bicsp-mosaic li.is-broken { background-image: url('/Style%20Library/Images/biblioteca_sem_imagem.png'); background-color: #E5E5E5; width: 200px; background-repeat: no-repeat; background-position: -19px -32px; }

    .bicsp-mosaic li.is-loading img,
    .bicsp-mosaic li.is-broken img { opacity: 0; }

.bicsp-mosaic .select2-container .select2-selection--single { height: 34px; }
.bicsp-mosaic .select2-search__field { width: 329px !important; }
.bicsp-mosaic .stylish-input-group input { background: white !important; }

.bicsp-mosaic .stylish-input-group .input-group-addon { background: white !important; line-height: 0; padding: 0; border-radius: 0; }
.bicsp-mosaic .stylish-input-group .form-control { border-right: 0; box-shadow: 0 0 0; border-color: #ccc; }
.bicsp-mosaic .stylish-input-group input.form-control { border-radius: 0; padding-top: 0; padding-bottom: 0; height: 30px; }
.bicsp-mosaic .stylish-input-group div.buttondiv { border: 0; background: transparent; min-width: 3em; }
.bicsp-mosaic .panel-body-filter { background-color: #f7f7f7; height: 60px; padding: 15px; }
    .bicsp-mosaic .panel-body-filter .form-group { margin-right: 30px; }
        .bicsp-mosaic .panel-body-filter .form-group label { margin-right: 10px; margin-bottom: 0; }

        .bicsp-mosaic .panel-body-filter .form-group .category { width: 250px; }
        .bicsp-mosaic .panel-body-filter .form-group .date { width: 123px; }
            .bicsp-mosaic .panel-body-filter .form-group .date .glyphicon { color: #14A79C; }
        .bicsp-mosaic .panel-body-filter .form-group .type { width: 150px; height: 34px; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--default .select2-selection--single,
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; height: 30px; line-height: 30px; }
            .bicsp-mosaic .panel-body-filter .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
            .bicsp-mosaic .panel-body-filter .form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered { color: #444; line-height: 30px; }
            .bicsp-mosaic .panel-body-filter .form-group .select2-container--default .select2-selection--single .select2-selection__arrow,
            .bicsp-mosaic .panel-body-filter .form-group .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 30px; width: 30px; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--default .select2-results__option--highlighted { background-color: #14a79c; color: white; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-search__field { border: 1px solid #bfbfbf; }
            .bicsp-mosaic .panel-body-filter .form-group .select2-search__field:focus,
            .bicsp-mosaic .panel-body-filter .form-group .select2-search__field:active { border: 1px solid #414141; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #14a79c; color: white; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--classic .select2-selection--single:focus,
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #14a79c; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--classic.select2-container--open .select2-selection--single,
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #14a79c; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #14a79c; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #14a79c; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-container--classic.select2-container--open .select2-dropdown { border-color: #14a79c; }
        .bicsp-mosaic .panel-body-filter .form-group .select2-selection__clear { left: -12px; z-index: 100; }

.bicsp-mosaic .titleZone { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 140px; display: inline-block; }
.bicsp-mosaic .ellipsis { overflow: hidden; margin-bottom: 1em; position: relative; }

    .bicsp-mosaic .ellipsis:before { content: "\02026"; position: absolute; bottom: 0; right: 0; width: 1.8em; height: 22px; margin-left: -1.8em; padding-right: 5px; text-align: right; background-size: 100% 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0), #efefef 40%, #efefef ); z-index: 2; }
    .bicsp-mosaic .ellipsis::after { content: ""; position: relative; display: block; float: right; background: #efefef; width: 3em; height: 22px; margin-top: -22px; z-index: 3; }

/*For testing*/
.bicsp-mosaic .ellipsis { max-width: 500px; text-align: justify; }
.bicsp-mosaic .ellipsis-3 { max-height: 90px; }

.bicsp-mosaic .ellipsis-5 { max-height: 110px; }
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple { border-color: #ccc; }
/* END MOSAIC */


/* DOCUMENT GALLERY */
.gallery-grid {margin-left: 15px;}
.gallery-grid-item { margin-bottom: 20px; }
    .gallery-grid-item img { width: 100%; }
    .gallery-grid-item .caption { padding-left: 10px; padding-right: 10px; line-height: 30px; }
        .gallery-grid-item .caption i { float: right; font-size: 18px; margin-top: 5px; }
        .gallery-grid-item .caption.video { background-color: #14a79c; color: #fff; }
        .gallery-grid-item .caption.image { background-color: #8cc63f; color: #fff; }
        .gallery-grid-item .caption.audio { background-color: #22b573; color: #fff; }
        .gallery-grid-item .caption.file { background-color: #414141; color: #fff; }

    .gallery-grid-item .content { background-color: #efefef; text-align: left; padding-left: 5px; padding-right: 5px; height: 160px; }
        .gallery-grid-item .content .description p { font-size: 14px; margin-bottom: 10px; margin-top: 10px; display: inline-block; width: 180px; overflow: hidden !important; text-overflow: ellipsis; }
        .gallery-grid-item .content .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .gallery-grid-item .content .truncate2lines { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
        .gallery-grid-item .content .author { font-size: 12px; color: #414141 }
        .gallery-grid-item .content .footer { display: inline-block; width: 100%; }
            .gallery-grid-item .content .footer div.date { float: left; }
                .gallery-grid-item .content .footer div.date span { font-size: 12px; color: #666666; margin-right: 60px; }
            .gallery-grid-item .content .footer div.more { float: right; }
                .gallery-grid-item .content .footer div.more a { font-size: 12px; color: #14A79C }
                    .gallery-grid-item .content .footer div.more a:hover { color: #8cc63f; }

    .gallery-grid-item .ellipsis-3 { max-height: 90px; }
    .gallery-grid-item .ellipsis { max-width: 500px; text-align: justify; }

    .gallery-grid-item .ellipsis { overflow: hidden; margin-bottom: 1em; position: relative; }
        .gallery-grid-item .ellipsis:before { content: "\02026"; position: absolute; bottom: 0; right: 0; width: 1.8em; height: 22px; margin-left: -1.8em; padding-right: 5px; text-align: right; background-size: 100% 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0), #efefef 40%, #efefef ); z-index: 2; }
        .gallery-grid-item .ellipsis::after { content: ""; position: relative; display: block; float: right; background: #efefef; width: 3em; height: 22px; margin-top: -22px; z-index: 3; }

.gallery-filters .labels, .gallery-filters label { padding-top: 10px; font-size: 14px; font-family: 'Roboto-Light'; color: #414141; vertical-align: bottom; font-weight: 700; }
.gallery-filters .stylish-input-group .form-control { border-right: 0; box-shadow: 0 0 0; border-color: #ccc; }
.gallery-filters .stylish-input-group input.form-control { border-radius: 0; padding-top: 0; padding-bottom: 0; height: 30px; }
.gallery-filters .stylish-input-group .input-group-addon { background: white !important; line-height: 0; padding: 0; border-radius: 0; }
.gallery-filters .stylish-input-group div.buttondiv { border: 0; background: transparent; min-width: 3em; }

.gallery-filters .dropdown.bootstrap-select { width: 100% !important; }
    .gallery-filters .dropdown.bootstrap-select > .dropdown-toggle { border-radius: 0px; height: 30px; }
    .gallery-filters .dropdown.bootstrap-select .dropdown-toggle .caret { top: inherit; }

    .gallery-filters .dropdown.bootstrap-select .dropdown-menu { font-family: 'Roboto-Regular'; font-size: 14px; color: #444; }
        .gallery-filters .dropdown.bootstrap-select .dropdown-menu .bs-actionsbox button.actions-btn { border-radius: 15px; }
            .gallery-filters .dropdown.bootstrap-select .dropdown-menu .bs-actionsbox button.actions-btn:hover { background-color: #14A79C; color: #fff; }
        .gallery-filters .dropdown.bootstrap-select .dropdown-menu ul.inner { }
            .gallery-filters .dropdown.bootstrap-select .dropdown-menu ul.inner li { cursor: pointer; }
                .gallery-filters .dropdown.bootstrap-select .dropdown-menu ul.inner li:hover { background-color: #14A79C; color: #fff; border-color: #14A79C; }
                .gallery-filters .dropdown.bootstrap-select .dropdown-menu ul.inner li a { font-size: 14px; line-height: 34px; color: #444; }
                    .gallery-filters .dropdown.bootstrap-select .dropdown-menu ul.inner li a:hover { background-color: #14A79C; color: #fff; border-color: #14A79C; }
                .gallery-filters .dropdown.bootstrap-select .dropdown-menu ul.inner li.active a { background-color: #fff; color: #444; }
    .gallery-filters .dropdown.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { top: 10px; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-5ths { width: 20%; float: left; }

@media (min-width: 768px) {
    .col-sm-5ths { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-5ths { width: 25%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-5ths { width: 20%; float: left; }
}
/* DOCUMENT GALLERY */


.auto-update input.ms-input[readonly] { background-color: #f7f7f7; border: 0; color: #14A79C; }
.auto-update textarea.ms-long[readonly] { border: 0; color: #666; }

.btn.btn-success.toggle-on { background-color: #14A79C; border-color: #8cc63f; }
    .btn.btn-success.toggle-on:hover { background-color: #8cc63f; border-color: #8cc63f; }
.btn.btn-danger.active.toggle-off { background-color: #ac2925; border-color: #761c19; }
    .btn.btn-danger.active.toggle-off:hover { background-color: #c9302c; border-color: #ac2925; }

/* UF COMBO FILTERS */
#bicsp-ufcombo { background-color: #f7f7f7; padding-bottom: 20px; }
    #bicsp-ufcombo .labels { padding-top: 10px; font-size: 14px; font-family: 'Roboto-Medium'; color: #414141; vertical-align: bottom; }
    #bicsp-ufcombo .select2-container { width: 100% !important; }
    #bicsp-ufcombo .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; height: 30px; line-height: 30px; }
        #bicsp-ufcombo .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 30px; }
        #bicsp-ufcombo .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; width: 30px; }
    #bicsp-ufcombo .select2-container--default .select2-results__option--highlighted { background-color: #14a79c; color: white; }
    #bicsp-ufcombo .select2-search__field, #bicsp-ufcombo .select2-search__field { border: 1px solid #bfbfbf; }
        #bicsp-ufcombo .select2-search__field:focus, #bicsp-ufcombo .select2-search__field:active { border: 1px solid #414141; }
    #bicsp-ufcombo .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #14a79c; color: white; }
    #bicsp-ufcombo .select2-container--classic .select2-selection--single:focus { border: 1px solid #14a79c; }
    #bicsp-ufcombo .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #14a79c; }
    #bicsp-ufcombo .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #14a79c; }
    #bicsp-ufcombo .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #14a79c; }
    #bicsp-ufcombo .select2-container--classic.select2-container--open .select2-dropdown { border-color: #14a79c; }
    #bicsp-ufcombo .select2-selection__clear { left: -12px; z-index: 100; }
    #bicsp-ufcombo .select2-container--disabled .select2-selection--single { background-color: #eee; cursor: not-allowed; }
/* END UF COMBO FILTERS */

/* COMMITMENT LETTERS */
#searchResults-wrapper .resultsCount { line-height: 45px; }
#searchResults-wrapper .btn-external { margin-top: 20px; }
/* END COMMITMENT LETTERS */

#administration_users { font-family: Roboto-Light; padding: 0 20px; }
    #administration_users .info-panel { display: none; background-color: #f7f7f7; padding: 10px 20px; font-family: Roboto-Light; font-size: 16px; color: #666; }
        #administration_users .info-panel span { font-family: Roboto-Medium; color: #14A79C; font-size: 25px; }
        #administration_users .info-panel h4 { font-family: Roboto-Medium; color: #414141; font-size: 16px; padding: 10px 0px; line-height: 16px; }
    #administration_users table th { font-size: 12px; text-align: center; vertical-align: middle; }
    #administration_users table td { font-size: 11px; text-align: center; vertical-align: middle; }
        #administration_users table td input[type=checkbox] { -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); }

/* LINKS GRID */
.bicsp-links-grid div.loading { height: 100px; background: url('/_layouts/15/images/SPMS.BICSP.SharePoint/ajax-loader.gif') white no-repeat center; border-bottom: none; }
.bicsp-links-grid .bicsp-links-grid-item { padding-top: 15px; padding-bottom: 15px; }
.bicsp-links-grid .item-container { background-color: #F7F7F7; padding: 15px; height: 145px; }
.bicsp-links-grid .item-containerMarcado { background-color: #cbddd0; padding: 15px; height: 145px;}
    .bicsp-links-grid .item-container a { text-decoration: none; }
    .bicsp-links-grid .item-container div.item-description { height: 75px; }
        .bicsp-links-grid .item-container div.item-description h4 { color: #14a79c; margin: 0 0 5px 0; }
            .bicsp-links-grid .item-container div.item-description h4 a { color: #14a79c; }
                .bicsp-links-grid .item-container div.item-description h4 a:hover { color: #8cc63f; }
        .bicsp-links-grid .item-container div.item-description p { color: #666666; font-family: Roboto-Light; font-size: 13px; }
    .bicsp-links-grid .item-container p.item-options { text-align: right; }
        .bicsp-links-grid .item-container p.item-options span.item-logo { padding: 10px 20px; line-height: 40px; margin-right: 10px; }
            .bicsp-links-grid .item-container p.item-options span.item-logo.active { background-image: url('/_layouts/15/images/SPMS.BICSP.SharePoint/icon_powerbi_active.svg'); }
                .bicsp-links-grid .item-container p.item-options span.item-logo.active:hover { background: url('/_layouts/15/images/SPMS.BICSP.SharePoint/icon_powerbi_hover.svg') transparent no-repeat center; }
                .bicsp-links-grid .item-container p.item-options span.item-more { background-color: #14a79c; color: #fff; padding: 5px 10px; line-height: 75px; border-radius: 20px; text-transform: uppercase; }
            .bicsp-links-grid .item-container p.item-options span.item-more:hover,
            .bicsp-links-grid .item-container p.item-options span.item-more:active { background-color: #8cc63f; }
.bicsp-links-grid div.row.espacador { padding-top: 15px; padding-bottom: 15px; }
.bicsp-links-grid .item-containerClicado {
    background-color: #F7F7F7;
    padding: 15px;
    height: 65px;
    cursor: pointer;
}
#bicsp-articlecontent .nav-tabs > li.mouseHouver > a {
    margin-right: 2px;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 0px solid transparent;
    background-color: #F7F7F7;
    border-radius: 0;
    color: #414141;
    text-transform: uppercase;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
}

#bicsp-articlecontent .nav-tabs > li.mouseHouver.active > a {
    color: #fff;
    background-color: #14A79C;
    border: 1px solid #14A79C;
    border-bottom-color: transparent;
    cursor: default;
}

.bicsp-links-grid div#clicavel {
    cursor: pointer;
    background-color: #F7F7F7;
}

.bicsp-links-grid .item-containerClicado:hover {
    background-color: #cbddd0;
}

.bicsp-links-grid .item-containerClicado:active {
    background-color: #cbddd0;
}

.bicsp-links-grid .item-containerClicado div.item-description h4 {
    color: #14a79c;
}


/* END LINKS GRID */

/* FAQs */
#faqs-wrapper { margin-top: 30px; border-bottom: #ccc 1px solid; font-family: Roboto-Light; line-height: 30px; font-size: 16px; }
    #faqs-wrapper h4 { border-top: #ccc 1px solid; }
        #faqs-wrapper h4 a { font-family: Roboto-Bold; color: #414141; font-size: 18px; display: block; padding-right: 40px; padding-left: 15px; line-height: 34px; margin-top: 10px; }
            #faqs-wrapper h4 a:visited,
            #faqs-wrapper h4 a:focus,
            #faqs-wrapper h4 a:active { text-decoration: none; }
            #faqs-wrapper h4 a::after { float: right; color: #14a79c; font-family: FontAwesome; content: "\f107"; font-size: 40px; }
            #faqs-wrapper h4 a[aria-expanded="true"] { }
                #faqs-wrapper h4 a[aria-expanded="true"]::after { content: "\f106"; }
    #faqs-wrapper div.content { padding-top: 15px; padding-bottom: 15px; }
        #faqs-wrapper div.content a { color: #14a79c; }
            #faqs-wrapper div.content a:visited,
            #faqs-wrapper div.content a:focus,
            #faqs-wrapper div.content a:active { text-decoration: none; }
            #faqs-wrapper div.content a:hover { color: #8cc63f; }
    #faqs-wrapper.loading { height: 100px; background: url('/_layouts/15/images/SPMS.BICSP.SharePoint/ajax-loader.gif') white no-repeat center; border-bottom: none; }
/* END FAQs */

a.btn-back,
a.btn-back:visited,
a.btn-back:active,
a.btn-back:focus { border-color: transparent; background-color: #14a79c; color: #FFF; text-transform: uppercase; border-radius: 18px; margin-top: 20px; box-shadow: none; }
    a.btn-back:hover { background-color: #8cc63f; border-color: transparent; color: #fff; }

a.btn-report-fullscreen,
a.btn-report-fullscreen:visited,
a.btn-report-fullscreen:active,
a.btn-report-fullscreen:focus { border-color: transparent; background-color: transparent; color: #414141; text-transform: uppercase; box-shadow: none; z-index: 98; position: relative; float: right; margin: 0; border-radius: 0; /*border-bottom-left-radius: 18px;*/ }
    a.btn-report-fullscreen:hover { background-color: transparent; border-color: transparent; color: #14a79c; }
    a.btn-report-fullscreen::before { /*font-family: FontAwesome; content: "\f0b2";*/ font-size: 25px; }

/* ACTIVITY REPORTS FORMS */
#bicsp-rauf-forms .dropdown .dropdown-toggle { width: 100%; text-align: left; border-radius: 0px; line-height: 28px; padding: 0 10px; white-space: normal; }
#bicsp-rauf-forms .dropdown .dropdown-menu { width: auto; }
    #bicsp-rauf-forms .dropdown .dropdown-menu li { border-top: none; }
    #bicsp-rauf-forms .dropdown .dropdown-menu a { line-height: 20px; white-space: nowrap; font-size: 14px; font-family: Roboto-Light; }
        #bicsp-rauf-forms .dropdown .dropdown-menu a:hover { color: #fff; background-color: #14A79C; }
#bicsp-rauf-forms .bicsp-document-list .table { font-size: 14px; }
    #bicsp-rauf-forms .bicsp-document-list .table.table-condensed { font-size: 12px; }
    #bicsp-rauf-forms .bicsp-document-list .table > tbody > tr, .bicsp-document-list .table > tfoot > tr, .bicsp-document-list .table > thead > tr { height: 42px; }
        #bicsp-rauf-forms .bicsp-document-list .table > tbody > tr:hover {background-color: #eef6f2;}
        #bicsp-rauf-forms .bicsp-document-list .formatPeriod {background-color: #fccfca;}
        #bicsp-rauf-forms .bicsp-document-list .table span.glyphicon.action { cursor: pointer; }
        #bicsp-rauf-forms .bicsp-document-list .table span.glyphicon.action:hover { color: #14A79C; }
        

       /*#bicsp-rauf-forms .bicsp-document-list .formatPeriod tr:hover { background-color: #ffff99;}*/
#bicsp-articlecontent table.table.etc > tbody > tr > td{border-top: 0px solid #ddd;}



.bicsp-form table a.bicsp-rowDelete { cursor: pointer; padding: 0 5px; color: #414141; }
    .bicsp-form table a.bicsp-rowDelete:hover { color: #8cc63f; }
.bicsp-form table span.bicsp-rowDelete { cursor: not-allowed; padding: 0 5px; color: #e5e5e5; }
.bicsp-form table input { display: block !important; padding: 0 5px !important; margin: 0 !important; border: 0 !important; width: 100% !important; border-radius: 0 !important; line-height: 1 !important; }
.bicsp-form table td { margin: 0 !important; padding: 0 !important; line-height: 34px !important; }
.bicsp-form table td, .bicsp-form table th { background-color: #f7f7f7; text-align: center; }
    .bicsp-form table td.text-left, .bicsp-form table th.text-left { text-align: left; }
    .bicsp-form table td.text-right, .bicsp-form table th.text-right { text-align: right; }
    .bicsp-form table td.editable { background-color: #fff; }
    .bicsp-form table td.danger input { background-color: #f2dede; }
.bicsp-form select { color: #414141; line-height: 34px; height: 34px; }
    .bicsp-form select[disabled] { background-color: #f7f7f7; cursor: not-allowed; }
.bicsp-form td.editable select[disabled] { background-color: #fff; cursor: not-allowed; }
.bicsp-form .editable textarea[disabled] { background-color: #fff; cursor: not-allowed; }
.bicsp-form table td select { border: none; }
    .bicsp-form table td select.period { width: 100%; text-align: center; text-align-last: center; }
.bicsp-form .table > tbody > tr > td.danger select, .bicsp-form textarea.danger { border: 1px solid #BD362F; background-color: #f2dede; }
.bicsp-form a.bicsp-action:hover { color: #8cc63f; }
.bicsp-form a.bicsp-action, .bicsp-form a.bicsp-action:focus, .bicsp-form a.bicsp-action:visited, .bicsp-form a.bicsp-action:active { font-family: Roboto-Bold; color: #14a79c; margin: 0 15px; }
.bicsp-form textarea { resize: none; border-radius: 0; }
    .bicsp-form textarea[disabled] { color: gray; background-color: #f7f7f7; }
.bicsp-form a h3 { color: #14A79C; font-size: 20px; }
    .bicsp-form a h3:hover { color: #8cc63f; }

.bicsp-form .dropdown button#ddValidation { width: 100%; border-radius: 0; text-align: left; }
    .bicsp-form .dropdown button#ddValidation[disabled] { background-color: #f7f7f7; color: black; }

.bicsp-form .side-padding-5px { padding: 0 5px !important; }

.bicsp-form period-info-table table { font-size: 12px; }
    .bicsp-form period-info-table table th, .bicsp-form period-info-table table td { padding: 2px !important; line-height: 1.42857143 !important; }

/*
.bicsp-form428 table td {
    margin: 0 !important;
    padding: 0px 0px 0px 8px !important;
    line-height: 28px !important;
    vertical-align: middle !important;
}*/

/*
.bicsp-form428 table td, .bicsp-formform428 table th {
    background-color: #f7f7f7;
    text-align: left;
}*/

.tableModal td {
    margin: 0 !important;
    padding: 0px 0px 0px 0px !important;
    line-height: 28px !important;
    vertical-align: bottom !important;
    text-align: left;
}



.bicsp-form428 table td:first-child {
    text-align: left
}

.bicsp-form428 table td {
    margin: 0 !important;
    padding: 0px 0px 0px 0px !important;
    line-height: 28px !important;
    vertical-align: middle !important;
    text-align: center;
}
.bicsp-form428 table input {
    height: 100%;
    box-shadow: none;
}

.col-md-6.btnUpload {
    padding-top: 13px;
    padding-left: 61%;
}

.col-md-9.ctrlUpload {
    background-color: #ddd;
    padding: 0;
}

.bicsp-form428 .areas input {
    height: 17px !important;
}

.bicsp-form428 td.areas {
    background-color: #fff !important;
}

.bicsp-form428 .areascinza input {
    height: 17px !important;
}

.bicsp-form428 td.areascinza {
    background-color: #f7f7f7 !important;
}

.bicsp-form428 .colunaTitulo {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    text-align: left;
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.bicsp-form428 .colunaNotas {
    padding: .75rem;
    /*background-color: #f7f7f7;*/
    border: 1px solid #ddd;
}

.bicsp-form428 .colunaNotasdiv {
    font-size: 12px;
    padding-bottom: 10px;
}

.bicsp-form428 .campos {
    padding: 10px 0px 0px 0px;
    width: 42%;
    text-align: center;
}

.bicsp-form428 .NomeCampo {
    float: left;
}

.bicsp-form428 .campos div {
    padding-right: 20px;
    /* vertical-align:middle; */
    height: 36px;
}

.bicsp-form428 .campos select {
    padding: 0px;
    vertical-align: middle;
    height: 20px;
    /* background-color: #f7f7f7; */
    width: 100%;
    text-align: center;
    text-align-last: center;
}

.bicsp-form428 .linha {
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
}

.bicsp-form428 .campos table td, .campos table th {
    padding: 0px;
    vertical-align: middle;
    height: 20px;
    border: 1px solid #ddd;
}

.bicsp-form428 .camposckbx {
    padding: 10px 0px 30px 0px;
    width: 60%;
    text-align: center;
}

.bicsp-form428 .camposckbx table td {
    padding: 10px !important;
    vertical-align: middle;
    height: 20px;
    border: 1px solid #ddd;
}

.bicsp-form428 .camposckbx table th {
    padding: 0px;
    vertical-align: middle;
    height: 34px;
    border: 1px solid #ddd;
}

.tableCumprimentos {
    width: 100%;
}

.camposckbx .tableCumprimentos td, .camposckbx .tableCumprimentos th {
    background-color: #ffffff;
    border: 0px !important;
}

    .camposckbx .tableCumprimentos td.cinza {
        background-color: #f7f7f7;
        border: 0px !important;
        height: 0% !important;
    }

.camposckbx .tableCumprimentos input {
    height: 50%;
    box-shadow: none;
}


.bicsp-form428 .TituloArea {
    font-size: 23px;
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: #dedede;
    border: 1px solid #ddd;
    text-align: center;
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

#faqs-wrapper h4 a span.tituloEsquerda {
    float: left;
    width: 89%;
}

#faqs-wrapper h4 a span.tituloDireita {
    color: #14a79c;
}

#faqs-wrapper .colunaNotas {
    border: 0px;
}
#faqs-wrapper h4.h4Cinza {
    margin: 0%;
    background-color: #f7f7f7;
}







/* ACTIVITY REPORTS FORMS */

/* UPLOAD DOCUMENTS FORM */
div#bicsp-forms-config .open > .dropdown-menu { overflow-y: scroll; height: 160px; }
div#bicsp-forms-config .dropdown-menu > li > a { line-height: 24px !important; }
/* END UPLOAD DOCUMENTS FORM */

div.col-md-4.graph span {
    font-size: 12pt;
    font-family: "Segoe UI", wf_segoe-ui_normal, helvetica, arial, sans-serif;
    color: rgb(65, 65, 65);
    height: 21px;
}

div.col-md-4.graph {
    text-align: center;
}

#administration_users table.tableModal {
    width: 100%;
}

    #administration_users table.tableModal td.areas {
        width: 20%;
        font-size: 17px !important;
        text-align: left !important;
        line-height: 24px !important;
    }

    #administration_users table.tableModal td.editable {
        font-size: 15px !important;
        text-align: left !important;
        line-height: 24px !important;
        width: 80%
    }

    #administration_users table.tableModal input {
        width: 80%;
        HEIGHT: 24PX;
    }

    #administration_users table.tableModal select {
        width: 80%;
        HEIGHT: 24PX;
    }

    #administration_users table.tableModal input#AcessoPortal, #administration_users table.tableModal input#AcessoDashBoard {
        width: 40% !important;
        margin-right: 15px;
    }

    #administration_users table.tableModal input[type="checkbox"] {
        height: 10px !important;
        width: 3% !important;
    }


.divbtnUseradmin div {
    float: left;
    padding: 8px;
}

.divbtnUseradmin {
    padding-bottom: 12px;
}


/* MEDIA QUERIES */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */
    .bicsp-header img { height: 51px; }
    .caret { height: inherit; border: 0; float: none; }
    .navbar-nav > li { top: -3px !important; }
}

@media screen and (max-width: 425px) {
    /*These styles will apply only if the screen size is less than or equal to 425px*/
    #bicsp-banner .carousel-caption h1 { display: none; }
    .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { margin-right: 10px !important; }
        .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:link, .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:visited { font-size: 6px !important; }
}

@media screen and (max-width: 767px) {
    .disableMobileDevice { display: none; }

    .navbar-nav { margin: 0px -15px; }
    .bicsp-menu .navbar-default ul { background-color: #f7f7f7; }
        .bicsp-menu .navbar-default ul li { border: 1px solid #fff; font-size: 14px; }
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #777; background-color: transparent; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #14A79C; background-color: #e5e5e5; }
    .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; }
    .navbar-default .navbar-nav > .open > a .caret::after { content: "\f106"; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { width: 80%; position: absolute; z-index: 1999; }
}

@media (min-width: 768px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { position: absolute; z-index: 1999; }
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left: -15px; }
    .navbar-nav > li { top: -1px; }
    .navbar-default .navbar-nav > li > a { color: #fff; font-size: 15px; background-color: transparent; padding-left: 0; padding-right: 13px; }
        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #065B51; background-color: transparent; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #065B51; background-color: transparent; }
    .navbar-nav .open .dropdown-menu { position: absolute; float: none; width: auto; margin-top: 0; background-color: #fff; border: 0 -webkit-box-shadow: none; box-shadow: none; }
    .dropdown-menu { padding: 0; margin: 0; }
        .dropdown-menu > li { border-top: 1px solid #e5e5e5; }
            .dropdown-menu > li > a { font-size: 14px; line-height: 48px; color: #444; }
    /*.dropdown-menu > li > a:hover { color: #666666; }*/
    .caret { margin-left: 8px; }

    .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; }
}

@media (max-width: 768px) {
    .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { margin-right: 10px !important; }
}

@media only screen and (max-width: 992px) {
    .bicsp-smallsearchbox .ms-srch-sb:hover { width: 175px; }
        .bicsp-smallsearchbox .ms-srch-sb:hover input { width: 115px; }
}

@media (min-width: 1024px) {

    .navbar-default .navbar-nav > li > a { padding-right: 30px; }
}
/* END MEDIA QUERIES */


