/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('components/links.css');
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/care_topBar.css');
@import url('components/care_sideNav.css');
@import url('components/care_tableList.css');
@import url('components/care_pagination.css');
@import url('components/care_document.css');

@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('font/Segoe UI.woff') format('woff');
}
@font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('font/Segoe UI Italic.woff') format('woff');
}
@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('font/Segoe UI Bold.woff') format('woff');
}
@font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('font/Segoe UI Bold Italic.woff') format('woff');
}

:root{
    --color-primary: #003bc6;
    --color-primary-dark: #3B3A3A;
    --color-default: #323130;
    --color-lighter-grey: #C0C0C0;
    --color-grey:#555555;
    --color-error: #A4262C;
    --color-success: #107C10;
}
a:not(:hover),
.link:not(:hover) {
    color: var(--color-default);
}
.metrouicss a:active,
.metrouicss .link:active,
.metrouicss a:hover,
.metrouicss .link:hover {
    color: var(--color-primary);
}
.text__center{
    text-align: center!important;
}
.text__right{
    text-align: right!important;
}
.box__shadow{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1)!important;
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1)!important;
}
.border__radius{
    border-radius: 8px!important;
}
.justify__center{
    -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
            justify-content: center!important;
}
.text__info {
    border: 1px solid #c8c8b3;
    padding: 2rem;
    display: block;
    text-align: center;
    margin: 0 1.2rem;
    border-radius: 8px;
    background: beige;
    color: #3e3e35;
}
.text__warning {
    border: 1px solid #b91d47;
    padding: 2rem;
    display: block;
    text-align: center;
    margin: 0 1.2rem;
    border-radius: 8px;
    background: #b91d4712;
    color: #3e3e35;
}
.text__infoLight {
    padding: 2rem;
    text-align: left;
    width: 100%;
    margin: 0 1.2rem;
    color: var(--color-primary-dark)
}
.display__flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.num__osLink {
    color: var(--color-primary)!important;
    text-decoration: underline!important
}
.num__osLink:hover {
    color: var(--color-lighter-grey)!important;
}
/*
GERAL
*/
body:not(.body__fullHeight) {
    height: calc(100% - 60px);
}
h1,h2,h3,h4,h5,h6,a,p,span{
    font-family: 'Segoe UI Regular', sans-serif;
}
h1 a,
h1 span {
    font-size: 2rem!important;
    color: var(--color-default);
}
.page__header h1{
    font-size: 36pt;
}
.page__container {
    padding: 0 1rem 3rem 1rem;
}
.page__header {
    padding: 1rem;
    font-family: 'Segoe UI Regular', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.page__header small {
    font-size: 1rem;
}
.page__breadcrumb {
    padding: .5rem 0;
    color: var(--color-lighter-grey);
}
.page__breadcrumb a{
    color: var(--color-primary);
}
.page__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.page__container {
    padding: 3rem;
    background: #fff;
    border-radius: 8px;
}
.page__content.page__container {
    margin-bottom: 3rem;
}
/*
PAGES
*/
.page *{
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.page__login *{
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.page__login{
    height: 100%;
    background-color: #f7f7f7;
}
.page__home{
    padding-top: 7rem;
}
.page.page__osControle,
.page__clienteControle,
.page__upload {
    padding-top: 5rem;
}
/*
PAGINACAO
*/
div#pageDiv .pagelist a, 
div#pageDiv .pagelist button {
    background: none;
    border-radius: 8px;
}
div#pageDiv .pagelist a:hover,
div#pageDiv .pagelist button:hover {
    color: var(--color-lighter-grey);
}
div#pageDiv .pagelist .pageJump button {
    background: var(--color-primary-dark);
    color: var(--color-lighter-grey);
    margin-left: 0.3rem!important;
}
div#pageDiv .pagelist .pageJump button:hover{
    background-color: var(--color-primary);
}
div#pageDiv .pagelist .pageJump input {
    border-radius: 8px;
    padding: 0.2rem;
    text-align: center;
}
div#pageDiv .pagelist a.pageCurrent{
    background-color: var(--color-lighter-grey);
}
div#pageDiv .pagelist a.pageCurrent:hover{
    background: var(--color-primary-dark);
}
/*
LOGIN
*/
.login__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.login__card {
    padding: 3rem 4rem;
    background-color: #fff;
}
.login__card .header {
    text-align: center;
    margin-bottom: 2rem;
    font-family: 'Segoe UI Regular', sans-serif;
}
.login__card .header p {
    font-size: 16px;
}
.login__card .header h1 {
    margin: 2rem auto 1rem;
    border: none!important;
    font-size: 42px!important;
}
.login__card  .flex__linkContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0.7rem 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.loginCard__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2rem 0 0;
}
/*
TILES HOME
*/
.home__cardsTiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.home__cardsTiles .tile {
    background: #fff;
    color: var(--color-grey);
    width: 300px;
    margin: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 500;
    height: 200px;
    font-family: 'Segoe UI Regular', sans-serif;
}
.home__cardsTiles .tile.abilitado span {
    color: var(--color-grey);
    font-size: 3.5rem;
    margin-bottom: 1rem;
}
.home__cardsTiles .tile:hover {
    outline:none;
}
.home__cardsTiles .tile:not(.negado):hover {
    color: var(--color-primary);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3)!important;
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3)!important;
}
.home__cardsTiles .tile:not(.negado):hover span{
    color: var(--color-primary);
    outline:none;
}
.home__cardsTiles  a.tile.abilitado:active span{
    color: #fff;
}
.home__cardsTiles  a.tile.abilitado:active {
    background: var(--color-primary);
    color: #fff;
}
/*
FOOTER
*/
.care__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: .5rem 3rem;
    border-width: 4px;
}
.care__footer p,
.care__footer a {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
}
.care__footer a.fg-color-white {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
}
#customTooltip{
    background:#fdffb8!important
}

.aviso_manutencao {
    position: fixed;
    bottom: 8rem;
    right: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    background: #fffb65;
    max-height: 90px;
    border-radius: 50%;
    cursor: default;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 4;
}
.aviso_manutencao div {
    padding: 0.275rem 0 0.275rem 0.7rem;
    font-size: 15pt;
    line-height: 1.4;
}
.aviso__icon span {
    font-size: 50px;
}
.aviso__content{
    width: 0;
    opacity: 0;
}
.aviso_manutencao:hover{
    max-height: unset;
    border-radius: unset;
}
.aviso_manutencao:hover .aviso__content{
    width: auto;
    opacity: 1;
}