@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/sefa-ui/v1/fonts/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(/sefa-ui/v1/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(/sefa-ui/v1/fonts/MaterialIcons-Regular.woff) format('woff'), url(/sefa-ui/v1/fonts/MaterialIcons-Regular.ttf) format('truetype');
}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 20, 2018 */



@font-face {
    font-family: 'robotoblack';
    src: url('/sefa-ui/v1/font-face/roboto-black-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-black-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-black-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-black-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoblack_italic';
    src: url('/sefa-ui/v1/font-face/roboto-blackitalic-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-blackitalic-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-blackitalic-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-blackitalic-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('/sefa-ui/v1/font-face/roboto-bold-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-bold-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-bold-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-bold-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold_italic';
    src: url('/sefa-ui/v1/font-face/roboto-bolditalic-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-bolditalic-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-bolditalic-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoitalic';
    src: url('/sefa-ui/v1/font-face/roboto-italic-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-italic-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-italic-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-italic-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('/sefa-ui/v1/font-face/roboto-light-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-light-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-light-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-light-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('/sefa-ui/v1/font-face/roboto-medium-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-medium-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-medium-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-medium-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium_italic';
    src: url('/sefa-ui/v1/font-face/roboto-mediumitalic-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-mediumitalic-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-mediumitalic-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Roboto';
    src: url('/sefa-ui/v1/font-face/roboto-regular-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-regular-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-regular-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-regular-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-regular-webfont.svg#Roboto') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin';
    src: url('/sefa-ui/v1/font-face/roboto-thin-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-thin-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-thin-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-thin-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin_italic';
    src: url('/sefa-ui/v1/font-face/roboto-thinitalic-webfont.eot');
    src: url('/sefa-ui/v1/font-face/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sefa-ui/v1/font-face/roboto-thinitalic-webfont.woff2') format('woff2'),
         url('/sefa-ui/v1/font-face/roboto-thinitalic-webfont.woff') format('woff'),
         url('/sefa-ui/v1/font-face/roboto-thinitalic-webfont.ttf') format('truetype'),
         url('/sefa-ui/v1/font-face/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background-color: #F5F5F5;
}

#cabecalho-impressao {
    display: none;
}

#siteMenu {
    z-index: 100;
}

#topo-geral {
    z-index: 100;
}

.animationload {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}

.animationload .loader {
    width: 200px;
    height: 200px;
    font-size: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url('/sefa-ui/images/preloader.gif');
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}


/* AsyncLoader */

async-loader h4.text-async {
    font-size: 16px;
    color: #0066CC;
    text-align: center;
    line-height: 22px;
    margin: 10px 0;
    font-weight: 500;
}


/* Begin Ajax Loading  */

async-loader md-progress-circular {
    margin: auto;
}


/* End Ajax Loading  */

@media (max-width: 1280px) {
    #siteMenu {
        z-index: 101;
    }
    #topo-geral {
        z-index: 50;
    }
}

.label-titulo {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 400;
    font-size: 13px;
}

.label-conteudo {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
}


/* Labels */

.label {
    color: rgba(0, 0, 0, 0.87);
    border-radius: 1.25em;
    letter-spacing: 0.05em;
    font-weight: 500;
    letter-spacing: inherit;
    padding: 4px 8px !important;
    font-size: 75%;
    display: inline-block;
    text-transform: uppercase;
}

.label-blue {
    background-color: rgba(36, 92, 190, 0.54);
}

.label-primary {
    background-color: rgba(0, 102, 204, 0.54);
}

.label-success {
    background-color: rgb(165, 214, 167);
}

.label-info {
    background-color: rgb(144, 202, 249);
}

.label-warning {
    background-color: rgb(255, 204, 128);
}

.label-danger {
    background-color: rgb(239, 154, 154);
}

.label-purple {
    background-color: rgba(114, 102, 186, 0.54);
}

.label-pink {
    background-color: rgba(251, 109, 157, 0.54);
}

.label-inverse {
    background-color: rgba(76, 86, 103, 0.54);
}

.label-outline {
    border: solid 1px #9A9A9A;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
}

.card {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*margin: 8px;*/
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
}

.card-filtro {
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .14);
}

.card-heading {
    padding: 10px 15px;
}

.card-heading.clickable:hover {
    -webkit-transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
    transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
    background-color: rgba(158, 158, 158, 0.2);
}

.card-heading.open {
    z-index: 1;
    -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.34);
}

.panel-open {
    margin-bottom: 10px;
    margin-top: 10px;
}

.card>.panel-collapse>.panel-body {
    background-color: #EBEFF2;
}

.logo-brand {
    width: 135px;
    height: 45px;
    margin-left: 15px;
}

.md-sidenav-left._md-locked-open {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.md-subheader.md-default-theme,
.md-subheader {
    background-color: rgb(255, 255, 255) !important;
    font-weight: 600 !important;
}

.md-hue-2>.md-toolbar-tools>h2 {
    color: rgba(255, 255, 255, 0.87) !important;
}

md-list-item.md-clickable:hover {
    background-color: rgba(158, 158, 158, 0.2);
}

.sidebar-material ul ul a {
    padding: 10px 20px 10px 40px !important;
}

.panel-aplicacoes {
    /*-webkit-transition: 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all ;
  -moz-transition: 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;
  -ms-transition: 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;
  -o-transition: 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;
  transition: 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;*/
    background-color: white;
    height: 800px;
    z-index: 101;
}

.panel-aplicacoes md-toolbar,
.panel-aplicacoes md-content {
    z-index: 100;
}

.panel-aplicacoes.ng-hide {
    height: 0;
}

panel-aplicacoes {
    margin: -16px;
}

.panel-aplicacoes {
    transition: all linear 200ms;
    position: relative;
    top: 0;
    left: 0;
}

.panel-aplicacoes.ng-hide {
    transition: all linear 200ms;
    height: 0;
    width: 0;
    background-color: transparent;
    top: 600px;
    left: 0px;
}

.panel-aplicacoes2 {
    transition: all linear 200ms;
    position: absolute;
    top: 8px;
    right: 0;
    /*background-color: #EBEFF2;*/
    background-color: #FAFAFA;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: none !important;
}

.panel-aplicacoes2.ng-hide {
    /*transition: all linear 200ms;
  height: 0;
  width: 0;
  background-color: transparent;
  top:600px;
  left: 0px;
  height: 0;*/
}

.panel-aplicacoes2 md-toolbar,
.panel-aplicacoes2 md-content {
    z-index: 100;
}

md-content.overlay {
    overflow: hidden;
}

#overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    transition: 100ms;
}

.listagem.ng-enter.ng-enter-active,
.listagem.ng-leave {
    opacity: 1;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

.listagem.ng-leave.ng-leave-active,
.listagem.ng-enter {
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

#sidebar-menu ul.active {
    -webkit-animation: 200ms slideInDown;
    animation: 200ms slideInDown;
}

#sidebar-menu ul.ng-hide {
    -webkit-animation: 200ms slideOutUp;
    animation: 200ms slideOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

#card-login md-input-container {
    margin: 7px 0 !important;
}


/*Ajuste na paginação do data table*/

.md-table-pagination .label {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.54);
}

table.md-table tr td .md-select-icon::after {
    font-size: 18px !important;
}


/*Simulação de label e input em div*/

.secondary-text {
    font-size: 12px !important;
    color: rgba(0, 0, 0, 0.54);
    margin-top: 0px;
    margin-bottom: 10px;
    padding-right: 15px;
}

.primary-text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px !important;
    margin: 0 0 10px 0 !important;
    padding-right: 15px;
}


/*Ajuste no z-index para compatibilidade com o esefa*/

md-backdrop.md-dialog-backdrop,
md-backdrop._md-dialog-backdrop {
    z-index: 101 !important;
}

md-backdrop.md-sidenav-backdrop {
    z-index: 101;
}

#sidebar-menu>ul>li>a.active {
    background-color: #EBEFF2 !important;
    border-left: 0px solid transparent !important;
    color: initial !important;
    /*font-size: 16px;*/
    font-weight: bold !important;
}

.md-dialog-container {
    z-index: 102 !important;
}

.md-select-menu-container {
    z-index: 103 !important;
}

.md-datepicker-calendar-pane {
    z-index: 103 !important;
}


/*Correções e personalização do toast*/

md-toast .md-toast-content {
    padding-right: 0px !important;
}

md-toast .md-toast-content .md-toast-text {
    font-size: 16px !important;
}

md-toast .md-toast-content {
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

md-toast button {
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 0px 17px !important;
    border-radius: 0px !important;
}

md-toast.success .md-toast-content,
md-toast.success button {
    background-color: #A5D6A7 !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

md-toast.info .md-toast-content,
md-toast.info button {
    background-color: #90CAF9 !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

md-toast.error .md-toast-content,
md-toast.error button {
    background-color: #EF9A9A !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

md-toast.warn .md-toast-content,
md-toast.warn button {
    background-color: #FFD740 !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

md-card.sucesso,
md-card.success {
    background-color: #A5D6A7;
}

md-card.info {
    background-color: #90CAF9;
}

md-card.warn {
    background-color: #FFCC80;
}

md-card.error {
    background-color: #EF9A9A;
}


/* Date Picker com 100% de largura */

.dp-100 .md-datepicker-input-container {
    position: initial;
    display: flex;
    margin: -16px 0;
}


/** 
* Texto com dica exibido sob um campo de formulário,
* similar ao ngMessages, porém somente deverá ser
* exibido quando não houver erro no campo.
*/

.dica {
    position: absolute;
    left: 2px;
    right: auto;
    bottom: 7px;
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: rgb(21, 101, 192);
}

.dica.ng-hide,
.dica.ng-enter,
.dica.ng-leave.ng-leave-active {
    bottom: 26px;
    opacity: 0;
}

.dica.ng-leave,
.dica.ng-enter.ng-enter-active {
    bottom: 7px;
    opacity: 1;
}

md-input-container {
    margin-right: 15px;
}

md-input-container.md-icon-right+button.md-icon-button.md-button {
    margin: 18px;
}

md-input-container.md-icon-right+button.md-icon-button.md-button md-icon {
    position: absolute;
    top: 8px;
    right: 2px;
    margin: 0px;
}

.breadcrumb {
    margin-bottom: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.breadcrumb a,
.ngbreadcrump a {
    color: #337ab7;
    text-decoration: none;
    background-color: transparent;
}

.breadcrumb a:focus,
.ngbreadcrump a:focus,
.breadcrumb a:hover,
.ngbreadcrump a:hover {
    color: #23527c;
    text-decoration: underline;
}

.breadcrumb a:active,
.ngbreadcrump a:active,
.breadcrumb a:hover,
.ngbreadcrump a:hover {
    outline: 0;
}

.breadcrumb .s16 {
    font-size: 16px!important;
    width: 16px!important;
    height: 16px!important;
    line-height: 16px!important;
}

.breadcrumb .separator {
    margin: 0 8px;
}

.breadcrumb md-icon {
    margin: 0;
}


/* INICIO NOVO BREADCRUMB */

.ngbreadcrump {
    margin: 0 0 20px 0 !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    /* Adicionado para permitir a inserção do helper */
    display: inline-table;
    width: 100%;
}

.ngbreadcrump h3 {
    clear: both;
    color: rgba(0, 0, 0, 0.54);
    font-size: 20px;
    padding: 10px 0 0 0 !important;
}

.ngbreadcrump .keyboard-arrow-right {
    font-size: 16px !important;
    padding: 2px 0 0 5px;
    float: left;
}

.ngbreadcrump .limit-text {
    text-overflow: ellipsis;
    height: 20px;
    float: left;
}

.ngbreadcrump .clear {
    clear: both;
}

.ngbreadcrump .switch {
    margin: 0px !important;
    padding: 0px !important;
}

.ngbreadcrump .crumbs {
    display: table-cell;
    vertical-align: middle;
}

.ngbreadcrump help-sign {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    max-width: 16px;
}

.ngbreadcrump .title {
    font-weight: bold;
    display: inline-block;
}

.ngbreadcrump .d-n {
    display: none;
}

@media screen and (max-width: 600px) {
    .ngbreadcrump .limit-text {
        max-width: 100px;
        overflow: hidden;
        white-space: nowrap;
    }
}


/* FIM NOVO BREADCRUMB */

.group-title {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.1em;
    color: rgba(0, 0, 0, 0.87);
}

.group-body {
    font-weight: initial;
    color: rgba(0, 0, 0, 0.54);
}


/* MD-SUBHEADER COM TRANSPARENCIA */

.md-subheader.mdLists {
    background-color: rgba(255, 255, 255, 0) !important;
    font-weight: initial !important;
}

p.mdListsCategoria {
    padding: 16px 0 16px 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.60)
}

.md-subheader-wrapper {
    margin: 0 55px 0 8px !important;
}

.md-subheader-wrapper .md-subheader.mdLists {
    background-color: rgba(255, 255, 255, 1) !important;
}

md-card.md-group-card,
md-card.md-group-card md-list {
    padding: 0px !important;
}

md-card.md-group-card md-list md-list-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

md-card.md-group-card md-list md-list-item:last-child {
    border-bottom: 0px;
}


/* INICIO MENU ESEFA RESPONSIVO */

.swipeGeralMenu {
    height: 100%;
}

.md-panel-top {
    margin: 0px;
    padding: 10px 0 0 0px;
    background-color: #1565C0;
    height: 185px;
    /*height: 56px;*/
    position: relative;
}

.md-panel-top .btVoltar {
    color: rgba(255, 255, 255, 0.87);
}

.md-panel-top .fabImg {
    position: absolute;
    left: 16px;
    bottom: 60px;
    color: rgba(255, 255, 255, 0.87);
    font-size: 75px;
}

.md-panel-top .usuario {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.87);
    position: absolute;
    bottom: 20px;
    right: 0px;
    padding: 5px 16px 0 16px;
    text-align: left;
    height: 30px;
    width: 100%;
    text-overflow: ellipsis;
}

.md-panel-top .usuario p {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
    position: absolute;
    bottom: -18px;
    right: 0px;
    padding: 0px 16px 0 16px;
    text-align: left;
    height: 15px;
    width: 100%;
    text-overflow: ellipsis;
}

.md-panel-top .usuario .icoDown {
    position: absolute;
    right: 16px;
    top: 2px;
    color: rgba(255, 255, 255, 0.87);
    font-size: 22px;
}


/* FIM MENU ESEFA RESPONSIVO */

.row-expansion {
    background: #EBEFF2;
    -webkit-box-shadow: inset 0px 2px 5px -2px rgba(50, 50, 50, 1.5);
    -moz-box-shadow: inset 0px 2px 5px -2px rgba(50, 50, 50, 1.5);
    box-shadow: inset 0px 2px 5px -2px rgba(50, 50, 50, 1.5);
}


/* INICIO Messagem de erro no checkbox com ngClass showErroCheck */

md-checkbox.showErroCheck:not(.md-checked) .md-icon,
md-checkbox.showErroCheck:not(.md-checked) .md-label {
    border-color: rgb(221, 44, 0);
    color: rgb(221, 44, 0);
    font-weight: bold;
}

.showErroNgMessage {
    color: rgb(221, 44, 0);
    font-size: 12px;
    position: relative;
    min-height: 20px;
    transition: all linear 0.3s;
}

.showErroNgMessage.ng-hide {
    min-height: 0px;
    height: 0px;
}

.showErroNgMessage span {
    position: absolute;
    top: -10px;
    transition: all linear 0.3s;
    opacity: 1;
}

.showErroNgMessage.ng-hide span {
    top: -35px;
    opacity: 0;
}


/* FIM Messagem de erro no checkbox com ngClass showErroCheck */

a.link {
    color: #337ab7;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
}

a.link:focus,
a.link:hover {
    color: #23527c;
    text-decoration: underline;
}

a.link:active,
a.link:hover {
    outline: 0;
}


/* estilo personalizado para campos desabilitados.
 * Objetivo: diferenciar campos habilitados e desabilitados 
 */

[disabled] md-input-container .md-input,
md-input-container .md-input[disabled] {
    background: none !important;
    color: inherit !important;
}

md-select[disabled] .md-select-value {
    background-color: none !important;
    /*  background-image: linear-gradient(to right, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0.38) 33%, transparent 0%); */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 15%, transparent 0%) !important;
    color: rgba(0, 0, 0, 0.2) !important;
}

md-select[disabled] .md-select-value .md-select-icon {
    color: rgba(0, 0, 0, 0.1) !important;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    header {
        text-align: center;
    }
    body {
        margin: 0;
        padding: 0;
        line-height: 1.4em;
        font: 12pt Georgia, "Times New Roman", Times, serif;
        color: #000;
    }
    @page {
        margin: 1.5cm;
    }
    .no-print,
    nav,
    .button-icons,
    #faixa,
    .separador-interno,
    .breadcrumb,
    header,
    footer,
    video,
    audio,
    object,
    embed {
        display: none;
    }
    .print {
        display: block;
    }
    img {
        max-width: 100%;
    }
    aside {
        display: block;
        page-break-before: always;
    }
    h1 {
        font-size: 24pt;
    }
    h2 {
        font-size: 18pt;
    }
    h3 {
        font-size: 14pt;
    }
    p {
        font-size: 12pt;
        widows: 3;
        orphans: 3;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    p a {
        word-wrap: break-word;
    }
    q:after {
        content: " (" attr(cite) ")"
    }
    .page-break {
        page-break-before: always;
    }
    /*Estilos da Demo*/
    #cabecalho-impressao {
        display: block;
        width: 100%;
        margin-bottom: 0.5cm;
    }
    .header.print h1 {
        width: 100%;
        margin-bottom: 0.5cm;
        font-size: 18pt;
    }
    .artigo {
        margin-top: 0;
        border-top: 1pt solid #000;
        padding-top: 1cm;
    }
    h1 a:link:after,
    h1 a:visited:after {
        content: "";
    }
    a:link:after,
    a:visited:after {
        content: "";
    }
}


/* NOVO MENU PSERVICO */

#menu-extranet i.material-icons {
    font-size: 22px;
    text-align: right;
    transition: all 0.3s;
    margin-right: 0px;
    padding-right: 0px;
}

#menu-extranet i.material-icons.invert {
    transform: rotate(180deg);
}

#menu-extranet .subMenu {
    height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s;
}

#menu-extranet .subMenu.show {
    height: auto;
    opacity: 1;
}

#menu-extranet .subMenu li {
    padding: 15px 0px 15px 40px !important;
    transition: all 0.5s;
    outline: none !important;
    border: 0px !important;
    font-size: 14px;
    cursor: pointer;
}

#menu-extranet .subMenu li:hover {
    background-color: #EBEFF2;
    color: #245cbe;
}

#menu-extranet .subMenu li.active {
    background-color: #EBEFF2;
    color: #000;
    font-weight: bold;
}


/* PERSONALIZAÇÃO DO OWL CAROUSEL PARA OS PADRÕES MATERIAL */

.owl-dots.disabled {
    display: block !important;
}

.owl-nav * {
    border-radius: 50% !important;
    background-color: #FFF !important;
    color: rgba(0, 0, 0, 0.75) !important;
    height: auto !important;
    padding: 7px 8px !important;
    position: absolute;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);
    top: 55px;
    opacity: 1 !important;
    text-align: center;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px !important;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.owl-nav.disabled {
    display: block !important;
}

.owl-nav *.disabled {
    color: rgba(0, 0, 0, 0.26) !important;
    box-shadow: none !important;
    background-color: #DFDFDF !important;
}

.owl-next {
    /* right:-5.5%; */
    right: 0%;
}

.owl-prev {
    /* left:-5.5%; */
    left: 0%;
}

.owl-carousel {
    /* width: 90% !important;
  margin-left: 5%; */
    width: 100% !important;
    padding-left: 50px;
    padding-right: 50px;
}

@media screen and (max-width: 800px) {
    .owl-carousel {
        /* width: 100% !important; */
        padding-left: 0;
        padding-right: 0;
    }
    .owl-nav * {
        display: none !important;
    }
}


/* CHECKBOX DO DATATABLE MAIS TRANSPARENTE QUANDO DESABILITADO */

md-checkbox.md-default-theme[disabled] .md-icon,
md-checkbox[disabled] .md-icon {
    border-color: rgba(0, 0, 0, 0.20) !important;
}

.layout-row>.col-mr-20 {
    padding-right: 20px;
}

.secundary-color {
    color: rgba(0, 0, 0, 0.54);
}

.svg-titulo {
    color: #5A5D6B;
    font-size: 20px;
}

.svg-subtitulo {
    color: #8B95AC;
    font-size: 16px;
}

.svg-titulo+.svg-subtitulo {
    margin-top: -10px !important;
}

.text-center {
    text-align: center !important;
}


.topoBarSearch input, .topoBarSearch md-autocomplete {
    color: rgba(0,0,0,0.87) !important;
}