@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

* {
    margin: 0;
    padding: 0;
    outline: none;
}

.ui-widget-overlay {
    background: #ececec !important;
    opacity: 0.94 !important;
}

.ui-panel {
    border-radius: 0.5em !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    background: white;
}

.ui-datatable {
    display: grid !important;
    width: 100% !important;
}

/*Linha personalizada*/
.line {
    width: 100%;
    border: 0.6px solid #a9a9a9;
}

/*Input*/
.ui-fluid .ui-inputfield {
    padding-left: 15px !important;
}

/*Select*/
.ui-selectonemenu label.ui-selectonemenu-label,
.ui-corner-all,
.ui-selectonemenu .ui-selectonemenu-trigger,
.ui-selectcheckboxmenu-trigger {
    border-radius: 70px !important;
}
.ui-selectmanycheckbox .ui-corner-all {
    border-radius: 0 !important;
}

.ui-selectonemenu-panel {
    border: 0px !important;
}
.ui-selectonemenu-panel,
.ui-selectcheckboxmenu-header,
.ui-selectcheckboxmenu-panel {
    border-radius: 0px !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list li {
    border-radius: 0px !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list {
    margin: 0px !important;
    padding: 0px !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    margin: 0px !important;
}

.ui-selectbooleancheckbox {
    margin-right: 10px;
}

/*Permitir que o usuário clique em todo o checkboxmenu*/
span.ui-selectcheckboxmenu-label-container {
    width: 100% !important;
}

span.ui-selectmanycheckbox-item-group {
    margin-top: 15px;
    font-size: 1.1em;
}

.ui-selectcheckboxmenu-multiple-container {
    max-height: 52px;
    overflow-y: auto;
    margin-right: 30px;
}

/*Accordion*/
.accordion {
    padding-left: 5%;
    padding-right: 5%;
}
.ui-accordion .ui-accordion-content {
    border: 1px solid #c5c5c5;
    margin-bottom: 2% !important;
}
.ui-accordion .ui-accordion-header {
    border-radius: 2px !important;
    padding: 0.8em 0.8em 0.8em 2.5em !important;
}
.ui-accordion-header {
    margin-bottom: 2%;
}

/*Input Number*/
input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.ui-growl {
    position: fixed !important;
    top: 50px;
    min-width: 270px !important;
    max-width: 450px !important;
    width: fit-content !important;
}

@media(max-width: 800px) {
    .ui-growl {
        position: fixed !important;
        top: 0 ;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .ui-growl-message {
        text-align: center;
    }
}

.aviso {
    display: block;
    background: #cead65;
    color: white;
    border: 1px solid #524a38;
    border-width: 0 0 0 3px;
    padding: 1em 1.5em;
    margin: auto;
    margin-bottom: 40px;
    font-weight: bold;
    width: max-content;
    max-width: 100%;
}

.ui-growl-item-container {
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    box-shadow: 0 3px 6px #b1b1b1 !important;
}

.ui-growl-error {
    background: #ce6565 !important;
    color: #ffffff !important;
    border: none !important;
}
.ui-growl-image {
    display: none !important;
}
.ui-growl-message {
    text-align: left;
    width: 100% !important;
    float: none !important;
}
.ui-growl-info {
    background: #65abce !important;
    color: #ffffff !important;
    border: none !important;
}
.ui-growl-warn {
    background: #cead65 !important;
    color: #ffffff !important;
    border: none !important;
}

.ui-growl-title {
    padding: 0px !important;
}

/*Message*/
.ui-messages div {
    border-radius: 70px;
}
.ui-messages {
    text-align: center !important;
}
.msg-form div {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}
table .msg-form div {
    text-align: center !important;
}
.table-detail {
    text-align: left;
    padding: 2em;
    color: #4c7b84;
}
.table-detail div {
    line-height: 22px;
}
.table-detail label {
    font-weight: 500;
}
.msg-form span {
    font-weight: 400 !important;
}
.ui-growl-icon-close.ui-icon.ui-icon-closethick {
    display: none !important;
}
span.ui-messages-error-icon {
    display: none;
}

/* datatable primefaces */
.ui-datatable table {
    table-layout: auto !important;
}

.ui-messages ul {
    margin: 0 !important;
}

.ui-button {
    border-radius: 70px !important;
}

/* datepicker primefaces. */
div#ui-datepicker-div {
    border-radius: 0px !important;
}
input.ui_tpicker_time_input {
    border-radius: 0px !important;
}

/*
Scrollbar
*/
::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background: #d3d3d3;
}
/* 
Fim da Scrollbar
*/

.ui-tabs {
    padding: 0px !important;
}

.ui-tabs-header {
    border-radius: 70px !important;
    border: 1px solid #dadada !important;
    padding: 1px !important;
}

.tabview {
    border: none !important;
    border-radius: 0px !important;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
    padding: 0 !important;
}
.ui-tabs.ui-tabs-top>.ui-tabs-nav li{
    top: 0px;
    padding: 0px !important;
}

.tabview-freq .ui-tabs-panels .ui-tabs-panel {
    padding: 0 !important;
    padding-top: 1em !important;
}

.ui-tabs .ui-tabs-nav li {
    margin-right: 10px !important;
    margin-bottom: 5px !important;
}

.tabview-freq ul {
    text-align: center !important;
}

/*td datatable*/
.ui-datatable td,
.ui-datatable td input {
    text-align: center !important;
    margin: auto !important;
}

.ui-datatable .ui-calendar input {
    min-width: 8vw;
    width: 10%;
}

@media (max-width: 800px) {
    .ui-datatable .ui-calendar input {
        min-width: 8vw;
        width: 100%;
    }
}

.msg-validation {
    text-align: center;
    margin-top: 2%;
    margin-bottom: 2%;
}

.custom-message {
    color: #b94a48;
    font-size: 1em;
    font-weight: 400 !important;
    margin: auto !important;
}

.input {
    padding: 5px;
    margin-bottom: 5px;
}

.ui-selectonemenu, .ui-selectbooleanbutton, .ui-inputswitch, .ui-selectcheckboxmenu {
    margin-bottom: 5px;
}

table .ui-selectonemenu, table .ui-selectbooleanbutton, table .ui-inputswitch, table .ui-selectcheckboxmenu {
    margin-bottom: 0;
}

.calendarioComTurma label {
    max-width: 85%;
    padding-left: 10px;
}

.ui-radiobutton-icon {
    margin: 0px !important;
}

.ui-chips {
    width: 100%;
}

.ui-chips-container {
    width: 100%;
}

.ui-panelgrid td,
.ui-panelgrid tr {
    border-style: none !important;
}

.ui-chips-token .ui-chips-token-label {
    padding: 0 0.5em 0 0.5em !important;
}

.ui-widget {
    font-family: "Poppins", sans-serif !important;
    font-weight: 300 !important;
}

.ui-inputswitch {
    display: block !important;
    width: 76px !important;
}
.ui-datatable-data .ui-inputswitch {
    display: inline-block !important;
}
.ui-inputswitch-handle,
.ui-inputswitch-on,
.ui-inputswitch-on span {
    width: 38px !important;
}

.ui-inputswitch .ui-inputswitch-on,
.ui-inputswitch .ui-inputswitch-off {
    height: 38px !important;
}

.ui-inputswitch-off {
    width: 45px !important;
}

/*datatable*/
.ui-datatable-data .ui-selectonemenu {
    min-width: 8vw !important;
}

.ui-datatable-data .ui-inputswitch {
    margin-top: 6px;
}

@media (max-width: 800px) {
    .ui-datatable-data .ui-inputswitch {
        margin-top: 0px;
    }
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 25px !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
    background-color: #ffffff;
    padding: 5px;
}

.panel-dialog {
    text-align: center;
}

.table-opcoes {
    width: 15%;
    text-align: center;
}

.ui-fluid .ui-inputtext,
.ui-fluid .ui-inputmask {
    background-color: #ffffff;
}

.ui-fluid .ui-inputtextarea {
    background-color: #ffffff;
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
    border-radius: 30px !important;
}

.ui-fluid .ui-inputfield {
    background-color: #ffffff;
}

.checkbox {
    background-color: #ffffff !important;
    margin-top: 0px !important;
}

.ui-selectcheckboxmenu {
    padding: 2px !important;
}

/*Title*/
.header {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 6vh;
}
.title-pages {
    color: #1e4869;
    font-size: 2.8em;
    font-weight: 500 !important;
    margin: 10px;
    display: block !important;
}

.info-primary {
    color: #03a9f4;
    text-align: center;
    font-size: 1.3em;
    margin: 0% 5% 2% 5%;
}

.info-secondary {
    color: #03a9f4;
    text-align: center;
    font-size: 1em;
}

.ui-widget-header {
    background: none !important;
}

.ui-button-text-icon-left .ui-button-text {
    font-size: 20px !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #bfc9d4 !important;
    border: none !important;
}

.ui-selectonemenu-panel {
    z-index: 1 !important;
}

.value-fixed {
    margin: 0px auto !important;
    text-align: center;
    margin-bottom: 15px !important;
}

.label-fixed {
    display: inline-block;
    font-weight: 400 !important;
    font-size: 1.4em !important;
    padding-left: 5px;
    margin-top: 2px;
    color: #4c7b84;
}

.title-fixed {
    font-weight: 500 !important;
    font-size: 1.8em !important;
    margin: 5vh auto 4vh auto;
    color: #464646;
    display: block;
    width: fit-content;
    text-align: center;
}

.subtitle-fixed {
    font-weight: 300 !important;
    font-size: 1.4em !important;
    color: #aaaaaa;
    width: fit-content;
    border-bottom: 1px solid #e5e5e5;
}

.panel {
    margin-bottom: 1%;
    margin-top: 1%;
    padding: 3%;
    border-radius: 0px !important;
}
.ui-dialog {
    top: 0px !important;
    border-radius: 0px !important;
    border: none !important;
}

@media (max-width: 768px) {
    .ui-dialog {
        width: 75% !important;
    }
}

@media (max-width: 450px) {
    .ui-dialog {
        width: 90% !important;
    }
}

.ui-dialog .ui-dialog-titlebar {
    border-radius: 0 !important;
    margin: 0 !important;
    background: #0095b1 !important;
    color: white;
    font-size: 1.2em;
}

.ui-dialog-titlebar-close {
    background: white !important;
    margin-top: 5px !important;
}

.ui-dialog-content .ui-confirm-dialog-severity {
    margin-top: 3px;
}

.ui-confirmdialog-no {
    background: white !important;
    border: 1px solid #ce2929 !important;
    color: #ce2929 !important;
}

.ui-confirmdialog-no:hover {
    background: #ce2929 !important;
    border: 1px solid #ce2929 !important;
    color: white !important;
}

.ui-confirmdialog-yes {
    background: white !important;
    border: 1px solid #0095b1 !important;
    color: #0095b1 !important;
}

.ui-confirmdialog-yes:hover > .ui-icon {
    background-image: url(/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-newtheme);
}

.ui-confirmdialog-yes:hover {
    background: #0095b1 !important;
    border: 1px solid #0095b1 !important;
    color: white !important;
}

.ui-confirmdialog-salvar {
    background: white !important;
    border: 1px solid  #28cf84 !important;
    color: #28cf84 !important;
}

.ui-confirmdialog-salvar:hover {
    background: #28cf84 !important;
    border: 1px solid #28cf84 !important;
    color: white !important;
}

.ui-g-12,
.ui-g-8,
.ui-g-6,
.ui-g-4,
.ui-md-3,
.ui-md-4,
.ui-md-5,
.ui-md-6,
ui-lg-3 {
    padding-left: 4%;
    padding-right: 4%;
}

.ui-inputswitch-on .ui-state-active {
    background-color: red !important;
}

.col-12 {
    border-radius: 4px;
    width: 100%;
    margin: 0.25% 0;
    padding: 0.1em;
    text-align: center;
}

.col-6 div {
    display: inline-block;
    margin: 0 2%;
    text-align: center;
}

.col-6 {
    border-radius: 4px;
    width: 49.5%;
    margin: 0.5% 0;
    padding: 0.1em;
    text-align: center;
}
.col-6-left {
    margin-right: 0.5%;
}
.col-6-right {
    margin-left: 0.5%;
}
.col-6 div, .col-12 div {
    display: inline-block;
    margin: 0 2%;
    text-align: center;
}

#foto {
    width: 500px;
}

/*Orderlist*/
li.ui-orderlist-item.ui-corner-all.ui-sortable-handle:hover {
    background-color: #bfc9d4;
    color: white;
}
.ui-orderlist .ui-orderlist-list li {
    padding-left: 10px !important;
}

.ui-widget-content .ui-state-highlight {
    background-color: #bfc9d4;
    color: white;
}

.ui-orderlist .ui-orderlist-list {
    height: 350px;
}

* {
    outline: none !important;
}

@media (max-width: 600px) {
    #foto {
        width: 200px;
    }
}

@media (max-width: 800px) {
    .panel {
        margin-bottom: 1%;
        width: auto;
        margin-left: 5px !important;
        margin-right: 5px !important;
        padding: 0;
    }

    .ui-g-12,
    .ui-g-8,
    .ui-g-6,
    .ui-g-4,
    .ui-md-3,
    .ui-md-4,
    .ui-md-5,
    .ui-md-6,
    ui-lg-3 {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
}

@media (max-width: 678px) {
    .title-pages {
        font-size: 2.5em;
    }
}

.ui-inputswitch-on.ui-state-active {
    background: #1e4869 !important;
}

input {
    border-radius: 70px !important;
}

ui-inputtextarea {
    border-radius: 35px !important;
}

.label {
    white-space: normal !important;
}

.ui-center {
    margin: auto;
    text-align: center;
}

.tela-inicial .ui-g-12, .tela-inicial .ui-g-12.ui-md-6.ui-lg-3, .tela-inicial .ui-g-12.ui-md-2 {
    padding: 0;
}
.card-inicio {
    position: relative;
    background: -webkit-linear-gradient(to right, #3147550f, #26a0da0f); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(
        to right,
        #3147550f,
        #26a0da0f
        ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin: 10px;
    padding: 1.5em 1em 3em 1em;
}

.tela-inicial .ui-g-12.ui-md-2 {
    width: 50%;
}

@media (min-width: 873px) {
    .tela-inicial .ui-g-12.ui-md-2 {
        width: 33.333333333%;
    }
}

@media (min-width: 1423px) {
    .tela-inicial .ui-g-12.ui-md-2 {
        width: 16.66666%;
    }
}

@media (max-width: 1192px) {
    .aniversariantes p.ui-g-12.ui-md-4 {
        width: 50%;
    }
}
@media (max-width: 873px) {
    .aniversariantes p.ui-g-12.ui-md-4 {
        width: 100%;
    }
}

.card-inicio .ui-g-12, .card-inicio .ui-g-12.ui-md-6, .card-inicio .ui-g-12.ui-md-4 {
    padding: 0 !important;
    margin: 0 !important;
}

.card-inicio h1 {
    font-size: 1.75em !important;
}

.card-inicio h1, .card-inicio h4 {
    color: #03a9f4;
}

.tela-inicial .ui-commandlink {
    font-size: 1.1em;
    text-decoration: none;
}
.tela-inicial .ui-commandlink:hover {
    text-decoration: none;
}

.card-inicio p {
    color: #232323;
    font-size: 1em !important;
}

.card-inicio i.glyphicon {
    font-size: 3em;
    position: absolute;
    bottom: 10px;
    top: auto;
    right: 10px;
    color: #269fd9;
}

.card-inicio .link {
    text-align: left;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    background: #e6e9ea;
    width: 100%;
    left: 0;
    padding: 5px;
    padding-left: 1em;
    color: #232323 !important;
    font-size: 1em !important;
}

.btn-inicio {
    padding: 25px 10px;
    text-align: center;
    margin: 10px;
    background: -webkit-linear-gradient(to right, #314755, #26a0da);
    background: linear-gradient( to right, #314755, #26a0da );
    margin: 10px;
    color: white !important;
    font-size: 1em;
    display: block;
}

.tela-inicial h3 {
    margin: 0 10px 35px 10px;
    color: #1e4869;
    font-weight: 500 !important;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 35px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400 !important;
    color: #7b7b7b;
}

/*notificacao*/
#notificacao_usuario li.notificacao {
    border-bottom: 1px solid #cdcccc;
}

li.notificacao p {
    margin: 1px;
}

.check-confirmacao-leitura {
    float: right;
    margin-top: -20px;
}

li.notificacao {
    overflow: auto;
}

.table-notificacoes thead {display: none;}
.table-notificacoes .ui-widget-content {border-left: white; border-right: white;}
.table-notificacoes .ui-widget-content:first-child {border-top: white;}
.table-notificacoes .ui-widget-content:last-child {border-bottom: white;}