.preloader {
    opacity: 0.5;
}

.btn-secondary, .btn-secondary.disabled {
    background-color: #727b84;
    color: #ffffff;
    border: none;
}

.btn-secondary:hover {
    background-color: #727b84;
    color: #ffffff;
    border: none;
}

.btn-secondary.active, .btn-secondary:focus, .btn-secondary.disabled.active, .btn-secondary.disabled:focus {
    background-color: #727b84;
    color: #ffffff;
    border: none;
}

.btn-secondary-yellow, .btn-secondary-yellow:hover, .btn-secondary-yellow:focus, .btn-secondary-yellow.disabled, .btn-secondary-yellow.disabled:focus, .btn-secondary-yellow.disabled:hover {
    background-color: #ffb22b;
    color: #ffffff;
    border: none;
}

.message-box .message-widget a.btn-warning:hover {
    background: #ffb22b;
}

/* checkbox bordo a branco */
.card-info [type="checkbox"].filled-in:not(:checked) + label:after {
    border: 2px solid #ffffff;
}

/* Classes para formatação da treelist */
.drag_disabled div, .drag_disabled ol, .drag_disabled li {
    pointer-events: none;
}

.drag_disabled input, .drag_disabled button, .drag_disabled label {
    pointer-events: all;
}

.drag_enabled{
    pointer-events: all;
}

.dd3-item button {
    width: 40px;
    height: 45px;
}

.dd3-item > button:before {
    top: 16px;
}

.dd-invoice:before {
    content: "\f15c";
}

.dd {
    max-width: inherit;
    line-height: inherit;
}

.dd-item {
    font-size: 16px;
    line-height: inherit;
}

.myadmin-dd-empty .dd-list .dd3-handle {
    height: 55px;
}

.dd3-handle:before {
    top: 16px;
}

.dd3-content .row > div:not(.noTopMargin), .dd3-content .row > div.noTopMargin .checkbox {
    padding-top: 8px;
    height: 38px;
}

.dd3-content .row > div.noTopMargin {
    height: 38px;
}

.dd3-content .row > div.noTopMargin .form-group {
    vertical-align: top;
}
/* FIM Classes para formatação da treelist */

/* Icones para a Treelist */
.dd-schoolYear:before {
    content: "\f19c";
}

.dd-meals:before {
    content: "\f4a5";
    font: normal normal normal 24px/1 "Material Design Icons";
}

.dd-transp:before {
    content: "\f0e7";
    font: normal normal normal 24px/1 "Material Design Icons";
}

.dd-family:before {
    content: "\f0c0";
}

.dd-others:before {
    content: "\f021";
}

.dd-holidays:before {
    content: "\f59a";
    font: normal normal normal 24px/1 "Material Design Icons";
}

.dd-pontuais:before {
    content: "\f27a";
    font: normal normal normal 24px/1 "Material Design Icons";
}
/* FIM Icones para a Treelist */

/* INICIO Classes para graficos de GESTAO */
.graphAEC, .graphAEC line {
    fill: #FFB22B;
    color: #FFB22B;
    stroke: #FFB22B;
}

.graphAnoLetivo, .graphAnoLetivo line {
    fill: #67757C;
    color: #67757C;
    stroke: #67757C;
}

.graphApoioFamilia, .graphApoioFamilia line {
    fill: #7460EE;
    color: #7460EE;
    stroke: #7460EE;
}

.graphInterrupcaoLetica, .graphInterrupcaoLetica line {
    fill: #00897B;
    color: #00897B;
    stroke: #00897B;
}

.graphOutros, .graphOutros line {
    fill: #FC4B6C;
    color: #FC4B6C;
    stroke: #FC4B6C;
}

.graphPontuais, .graphPontuais line {
    fill: #CCCCCC;
    color: #CCCCCC;
    stroke: #CCCCCC;
}

.graphRefeicao, .graphRefeicao line {
    fill: #1E88E5;
    color: #1E88E5;
    stroke: #1E88E5;
}

.graphTransporte, .graphTransporte line {
    fill: #26C6DA;
    color: #26C6DA;
    stroke: #26C6DA;
}

.classEAS0, .classEAS0 line {
    fill: #1E88E5;
    color: #1E88E5;
    stroke: #1E88E5;
}

.classEAS1, .classEAS1 line {
    fill: #FFB22B;
    color: #FFB22B;
    stroke: #FFB22B;
}

.classEAS2, .classEAS2 line {
    fill: #FC4B6C;
    color: #FC4B6C;
    stroke: #FC4B6C;
}

.classOE0, .classOE0 line {
    fill: #CCCCCC;
    color: #CCCCCC;
    stroke: #CCCCCC;
}

.classOE1, .classOE1 line {
    fill: #67757C;
    color: #67757C;
    stroke: #67757C;
}

.classOE2, .classOE2 line {
    fill: #1E88E5;
    color: #1E88E5;
    stroke: #1E88E5;
}

.classOE3, .classOE3 line {
    fill: #7460EE;
    color: #7460EE;
    stroke: #7460EE;
}

.classOE4, .classOE4 line {
    fill: #26C6DA;
    color: #26C6DA;
    stroke: #26C6DA;
}

.classOE5, .classOE5 line {
    fill: #00897B;
    color: #00897B;
    stroke: #00897B;
}

.classOE6, .classOE6 line {
    fill: #FFB22B;
    color: #FFB22B;
    stroke: #FFB22B;
}

.classOE7, .classOE7 line {
    fill: #FC4B6C;
    color: #FC4B6C;
    stroke: #FC4B6C;
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
}

/* FIM Classes para graficos de GESTAO */

text.ct-label {
    fill: rgb(255,255,255);
}

.height-animation {
    -webkit-transition: height 0.5s linear;
    -moz-transition: height 0.5s linear;
    -ms-transition: height 0.5s linear;
    -o-transition: height 0.5s linear;
    transition: height 0.5s linear;
}

.first-th {
    border-top-style: solid !important;
    border-top-color: rgb(17,17,17) !important;
    border-top-width: 1px !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0;
}

.dataTables_scrollHead {
    height: 66px;
}


.form-control:focus {
    background-color: white !important;
}

.dataTable .form-control {
    min-height: 20px;
}

.cursor-pointer {
    cursor: pointer;
}

.card-fixed-header {
    max-height: 88px;
}

.login-register {
    position: inherit;
}

.bg-login {
    background-image: url('../Images/Logos/user_profile_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-rgpd {
    background-image: url('../Images/Logos/rgpd500x300.png');
}

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

.list-style-none li a.disabledMenuOption {
    cursor: not-allowed;
    color: white;
    opacity: 0.2;
}

.card-without-a, .card-without-a:hover, .card-without-a:active, .card-without-a:visited {
    color: #67757c;
}

.form-group {
    width: 100%;
}

.card-footer-steps {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.wizard-content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.wizard .content {
    padding-left: 10px;
    padding-right: 10px;
}

.el-element-overlay .el-card-item .el-overlay-1 {
    height: auto;
}

tr.group {
    background-color: rgb(175, 185, 190) !important;
}

.mh-400p {
    max-height: 400px;
}

.o-hidden {
    overflow: hidden;
}

.even-primary {
    background-color: #ECE9FD;
    padding-top: 5px;
}

.even-success {
    background-color: #E1F7FA;
    padding-top: 5px;
}

.even-danger {
    background-color: #FDE7EC;
    padding-top: 5px;
}

.even-info {
    background-color: #E1EFFB;
    padding-top: 5px;
}

a.disabledLink, label.disabledLink, .switch label.disabledLink input[type=checkbox][disabled] + .lever
{
    cursor: not-allowed;
    color: white;
    opacity: 0.4;
}

label.disabledLink, .switch label.disabledLink input[type=checkbox][disabled] + .lever
{
    opacity: 0.4;
}

a.fullydisabledLink
{
    cursor: not-allowed;
    color: white;
    opacity: 0.5;
    pointer-events: none;
}

.no-pointer-events
{
    cursor: not-allowed;
    pointer-events: none;
}

.stylish-table tbody td h6.ws-normal
{
    white-space: normal;
}

.p-lr-15, table thead th.p-lr-15
{
    padding-left: 15px;
    padding-right: 15px;
}

.m-lr-0, table tr.m-lr-0
{
    margin-left: 0;
    margin-right: 0;
}

.m-l-0, .card-deck .card.m-l-0
{
    margin-left: 0;
}

.m-r-0, .card-deck .card.m-r-0
{
    margin-right: 0;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.l-0
{
    left: 0;
}

.r-0
{
    right: 0;
}

.checkbox-disabled + label
{
    color: #868e96;
    cursor: not-allowed;
}

.stats_separator
{
    margin-top: -20px;
    margin-bottom: -10px;
}

.stats_separator2
{
    margin-top: -10px;
    margin-bottom: -10px;
}

.stats_separator span
{
    float: left;
}

.w-98
{
    width: 98% !important;
}

.p-ellipsed {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.text-danger {
    color: #fc4b6c;
}

.text-megda {
    color: #00897b;
}

.back-danger {
    background-color: #fc4b6c;
}

.back-megda {
    background-color: #00897b;
}

.dot-25 {
  height: 25px;
  width: 25px;
  color: white;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  margin-top: 2px;
  margin-bottom: 0px;
}

.template-hidden {
    display: none;
}

.radio-hidden {
    display: none !important;
}

.letter-hidden {
    display: none;
}

.turm-hidden {
    display: none;
}

.first-ref-option {
    background-color: #26c6da;
}

.ref-option-2 {
    background-color: #1e88e5;
}

.ref-option-3 {
    background-color: #7460ee;
}

.ref-option-4 {
    background-color: #7460ee;
}

.iradio_line-aero.checked {
    background: #00897b;
}

.icheckbox_line-aero.checked {
    background: #00897b;
}

.list-inline {
    display:inline;
    padding-right: 0px;
}

ul.list-inline.iradio li {
    padding: 0px 0px 5px 0px;
    max-width: 55px !important;
}

ul.list-inline.icheckbox li {
    padding: 0px 0px 5px 0px;
    max-width: 100px !important;
}

.p-t-5 {
    padding-top: 5px;
}

.p-5 {
    padding: 5px;
}

.datepicker-dropdown
{
    z-index: 1060 !important;
}

.multiple-container .ms-container
{
    width: 100%;
}

.ms-container .ms-list
{
    height: 500px !important;
}

.multiselect-switch-bg
{
    width: 3%;
    margin: 0px;
    padding: 0px;
    background: transparent url('../assets/plugins/multiselect/img/switch.png') no-repeat 50% 50%;
}

.ms-container
{
    background-image: none;
}

.ms-selectable
{
    width: 48% !important;
}

.ms-selection 
{
    width: 48% !important;
}

div.ms-container div.ms-selection li.ms-selected.original-selected
{
    background-color: #26C6DA;
}

div.ms-container div.ms-selection li.ms-selected 
{
    background-color: #1E88E5;
}

div.ms-container div.ms-selectable li.original-selected, .legenda-removed
{
    color: #fc4b6c; /*-danger*/
}

div.ms-container div.ms-selection li:not(.original-selected), .legenda-added
{
    color: #1E88E5; /*-success*/
}

.li.ms-elem-selectable
{
    color: white !important;
}

.p-l-2p 
{
    padding-left: 2%;
}

.ms-container .ms-selection li.ms-elem-selection
{
    color: white !important;
}

.ms-container .ms-selection li.ms-hover
{
    color: #fc4b6c !important; /*-danger*/
}

.w-66p {
    width: 66px !important;
    max-width: 66px !important;
    margin: 0px !important;
    padding: 0px !important;
}

.w-86p {
    width: 100px !important;
    max-width: 100px !important;
    margin: 0px !important;
    padding: 0px !important;
}

.w-30
{
    width: 30%;
}

.numeric-combo
{
    width: 100px;
}

.w-45
{
    width: 45%;
}

.w-48
{
    width: 48%;
}

.w-60
{
    width: 60%;
}

.w-75
{
    width: 75%;
}

.m-l-5
{
    margin-left: 5%;
}

.w-95
{
    width: 95% !important;
}

.v-bottom
{
    vertical-align: bottom;
}

.typeahead-w-75 .twitter-typeahead
{
    width: 75%;
}

.typeahead-w-85 .twitter-typeahead
{
    width: 85%;
}

.typeahead-w-90 .twitter-typeahead
{
    width: 90%;
}

.typeahead-w-95 .twitter-typeahead
{
    width: 95%;
}

.numeric-text-wrapper-w60p
{
    width: 75px;
    max-width: 75px;
}

.ms-container
{
    background-image: none !important;
}

.form-control.msg-box
{
    background-color: #EEF5F9;
}

#multiselector .select2-container--default .select2-selection--multiple {
    border: solid rgba(0, 0, 0, 0.15) 1px !important;
    outline: 0;
}

#multiselector .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid rgba(127, 188, 254, 0.973) 1px !important;
    outline: 0;
}

.clickable * {
    cursor: pointer !important;
}

.clickable select {
    padding-top: 5px;
    padding-bottom: 5px;
}

.img-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.h-300p {
    height: 300px;
}

.h-600p {
    height: 600px;
}

.doc-container {
    overflow-y: auto;
    max-height: 750px;
}

.p-r-5p {
    padding-right : 5px;
}

/*Inspinia spinner*/
.preloader {
    opacity: 0.6;
}

.sk-spinner-fading-circle.sk-spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-spinner-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .sk-spinner-fading-circle .sk-circle:before {
        content: '';
        display: block;
        margin: 0 auto;
        width: 18%;
        height: 18%;
        background-color: #1ab394;
        border-radius: 100%;
        -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
        animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

.sk-spinner-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-spinner-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-spinner-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-spinner-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-spinner-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-spinner-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-spinner-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-spinner-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-spinner-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-spinner-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-spinner-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-spinner-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-spinner-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-spinner-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-spinner-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-spinner-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-spinner-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-spinner-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-spinner-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-spinner-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-spinner-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

.sk-spinner-fading-circle.sk-spinner.sk-spinner-global {
    position: absolute;
    top: 50vh;
    left: 0;
    right: 0;
}

.file-loading .sk-spinner-fading-circle.sk-spinner.sk-spinner-global {
    top: 190px;
}

.innerspin-absolute {
    position: absolute;
    z-index: 99;
    background-color: white;
    opacity: 0.6;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.file-loading .sk-spinner-fading-circle.sk-spinner.sk-spinner-global,
.file-loading-modal .sk-spinner-fading-circle.sk-spinner.sk-spinner-global {
    top: 50%;
}

.file-loading, .file-loading-modal {
    width: 100%;
    height: 400px;
}

/*END Inspinia spinner*/

.no-event {
    pointer-events: none;
}

.p-absolute {
    position: absolute;
}

.w-90 {
    width: 90% !important;
}