body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
}

/* SUMMERNOTE STYLE - Desativar botão de imagem*/
.note-btn-group.btn-group.note-insert {
    /*display: none;*/
}

.note-editor.note-frame .note-editing-area .note-editable {
    padding: 10px 10px 10px 55px !important;
}

    .note-editor.note-frame .note-editing-area .note-editable.panel-body {
        padding: 10px 10px 10px 55px !important;
        margin-left: -44px;
    }

.form-control {
    width: 95% !important;
}

.aspNetDisabled {
    background: #f0f0f0;
    cursor: default;
}

.center {
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.d-flex {
    display: flex !important;
}

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

.my-5 {
    margin: 5px 0;
}

.my-10 {
    margin: 10px 0;
}

.my-15 {
    margin: 15px 0;
}

.my-20 {
    margin: 20px 0;
}

.mx-5 {
    margin: 0 5px;
}

.mx-10 {
    margin: 0 10px;
}

.mx-15 {
    margin: 0 15px;
}

.mx-20 {
    margin: 0 20px;
}

.m-0 {
    margin: 0;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-2 {
    margin-top: 2px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-18 {
    margin-top: 18px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-22 {
    margin-top: 22px;
}

.mb-1 {
    margin-bottom: 1px;
}

.mb-2 {
    margin-bottom: 2px;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mr-0 {
    margin-right: 0;
}

.mr-5 {
    margin-right: 5px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-40 {
    margin-right: 40px;
}

.ml-0 {
    margin-left: 0;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.p-0 {
    padding: 0;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pb-2 {
    padding-bottom: 2px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-50 {
    padding-bottom: 50px;
}

.divVoltar {
    padding-bottom: 2px;
    margin: -6px 5px 0 5px;
}

.cursorDefault {
    cursor: default !important;
}

.clienteEstruturaAluno div:nth-child(1) {
    font-weight: bold;
    margin-top: -10px;
}

.clienteEstruturaAluno div {
    font-size: 12px;
    height: 17px;
}

    .clienteEstruturaAluno div:nth-child(3) {
        padding-top: 5px;
        color: #002170;
    }

/*FORMATA LISTAS UL LI*/
.listaForms {
    height: 60px;
}

    .listaForms ul li {
        display: inline;
        float: left;
        margin-right: 10px;
    }

    .listaForms li:last-child {
        margin-right: 0;
    }
/*FORMATA LISTAS UL LI PARA QUESTIONARIO*/
.listaQuestionario ul .item {
    border: 1px solid #cecece;
    width: 447px;
    height: 27px;
    padding: 7px 5px 0 5px;
    margin-top: -1px;
}

.listaQuestionario div {
    font: bold 12px Open Sans;
    color: #1882c0;
}

/*SUB-BLOCO (CONTAINER INTERNO EM FORMULARIO */
.sub-bloco {
    padding: 15px 10px 15px 10px;
    background-color: #f7f7f7;
    margin-top: 20px;
}

    .sub-bloco .labelCorpo {
        font-weight: bold;
    }

/*ACCORDION*/
.accordionFechado {
    background: url('../images/iconesAccordion.png') 6px -3px no-repeat, #e9e9e9 !important;
    color: #444;
    cursor: pointer;
}

.accordionAberto {
    background: url('../images/iconesAccordion.png') 6px -36px no-repeat, #0097d7 !important;
    color: #fff;
    cursor: pointer;
}

#EfeitoSanfona .sanfonaPadrao, #EfeitoSanfona .ui-accordion-header-active, .accordionFechado, .accordionAberto {
    height: 20px !important;
    border: 1px solid #d2d2d2 !important;
    text-transform: uppercase !important;
    font-size: 13px;
    padding-top: 7px !important;
    padding-left: 37px !important;
    margin-top: 0 !important;
}
/*ACCORDION FECHADO*/
#EfeitoSanfona .sanfonaPadrao {
    background: linear-gradient(to bottom, #fbfbfb, #fbfbfb) !important;
    color: #444;
}
/*ACCORDION ABERTO*/
#EfeitoSanfona .ui-accordion-header-active {
    background: linear-gradient(to bottom, #54afcd, #54afcd) !important;
    color: #fff !important;
}

/*ICONE ACCORDION FECHADO*/
#EfeitoSanfona .ui-state-default .ui-icon {
    background: url('../images/iconesAccordion.png') 0 -7px no-repeat;
    width: 19px;
    height: 19px;
}
/*ICONE ACCORDION ABERTO*/
#EfeitoSanfona .ui-state-active .ui-icon {
    background: url('../images/iconesAccordion.png') 0 -41px no-repeat;
    width: 19px;
    height: 19px;
}
/*ESTILIZA BASE DO CONTEUDO DO ACCORDION*/
#EfeitoSanfona .ui-widget-content, .accordionConteudo {
    border: 1px solid #d2d2d2 !important;
    padding: 10px !important;
    margin: 0;
    margin-top: -2px;
}

.bordaPontilhada {
    border-bottom: 1px dashed #1882c0;
    margin-bottom: 10px;
}

.margemInf {
    margin-bottom: 10px;
}
/* FONTS */

@font-face {
    src: url('../fonts/OpenSans/OpenSans-Bold.ttf');
}

@font-face {
    src: url('../fonts/OpenSans/OpenSans-BoldItalic.ttf');
}

@font-face {
    src: url('../fonts/OpenSans/OpenSans-ExtraBold.ttf');
}

@font-face {
    src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf');
}

@font-face {
    src: url('../fonts/OpenSans/OpenSans-Italic.ttf');
}

@font-face {
    src: url('../fonts/OpenSans/OpenSans-Light.ttf');
}

@font-face {
    src: url('../fonts/OpenSans/OpenSans-LightItalic.ttf');
}

@font-face {
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
}

@font-face {
    src: url('../fonts/OpenSans/OpenSans-SemiBold.ttf');
}
/*@font-face {
    font-family: Open Sans;
    src: url('../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf');
}*/
/*FORMATA LABELS*/
.titulos {
    /*font-weight: 900;*/
    position: relative;
    padding-bottom: .25rem;
    font-size: 14px;
    font-weight: 600;
}

.label {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666;
}

.labelDescricao, .labelModalReferencia, .labelModalConteudo, .labelDescricaoAzul, .labelDescricaoVerde, .labelDescricaoVermelha, .labelDescricaoAmarelo, .labelDescricaoLaranja {
    font-size: 11px;
    color: #444;
}

.labelModalReferencia {
    font-size: 12px;
    font-weight: bold;
}

.labelModalConteudo {
    font-size: 12px;
}

.labelDescricaoAzul {
    color: #1882C0 !important;
}

.labelDescricaoVerde {
    color: #2cb615;
}

.labelDescricaoAmarelo {
    color: #ebbe2f;
}

.labelDescricaoVermelha {
    color: #ff0000;
}

.labelDescricaoLaranja {
    color: #ff7600;
}

.labelQuest {
    font: bold 18px #1882c0;
}

.labelCorpo {
    color: #666;
}

.labelmsg {
    color: #666;
}

.labelmsgerro {
    font-size: 10px;
    color: red;
}

.labelMsgInf {
    font-size: 14px;
    color: #ff9900;
}

.labelLegenda {
    font-size: 10px;
    color: #666;
}

.labelmsgImportante {
    font-size: 15px;
    color: red;
}

.labelSobre {
    color: #212529;
}

    .labelSobre .titulo {
        font-size: 16px;
    }

    .labelSobre .corpo {
        font-size: 12px;
    }

    .labelSobre .link {
        text-decoration: underline;
        color: #0056b3;
        border: none;
    }

.uppercase {
    text-transform: uppercase;
}

/*FORMATA TEXTBOX*/
.textbox, .textboxSenha, .textboxReadyOnly, .textboxcaixaalta, .txtFile, .txtFileCadastroPessoa, .textboxObr, .textboxCalendario, .btnOlhoAberto, .btnOlhoFechado {
    border: 1px solid #ccc;
    width: 140px;
    height: 27px;
    font-size: 12px;
    border-radius: 3px;
    padding-left: 5px;
    color: #000;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .textbox:hover, .textboxSenha:hover, .textboxReadyOnly:hover, .textboxcaixaalta:hover, .txtFile:hover, .txtFileCadastroPessoa:hover, .textboxObr:hover, .textboxCalendario:hover {
        /*box-shadow: 0 0 5px #ccc;*/
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
    }

    .textbox:focus, .textboxSenha:focus, .textboxReadyOnly:focus, .textboxcaixaalta:focus, .txtFile:focus, .txtFileCadastroPessoa:focus, .textboxObr:focus, .textboxCalendario:focus {
        box-shadow: 0 0 5px #80bdff;
    }

/*FORMATA TEXTBOX NEGRITO CENTRALIZADO*/
.textboxNegrito {
    border: 1px solid #ccc;
    width: 140px;
    height: 27px;
    font-size: 12px;
    border-radius: 3px;
    padding-left: 5px;
    color: #000;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .textboxNegrito:hover {
        /*box-shadow: 0 0 5px #ccc;*/
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
    }

    .textboxNegrito:focus {
        box-shadow: 0 0 5px #80bdff;
    }


/*FORMATA CAMPOS OBRIGATÓRIOS*/
.textboxObr, .dropDownObr, .listBoxObr, .dataListObr, .imageObr {
    border: 1px solid #ff0000 !important;
}

.txtFile {
    border-radius: 3px 0 0 3px;
}

.txtFileCadastroPessoa {
    border-radius: 3px 0 0 3px;
}

.textboxReadyOnly {
    background: #f0f0f0;
}

.textboxGridJustificativa {
    border: 1px solid #a9a9a9;
    width: 100% !important;
    height: 20px;
    font-size: 12px;
    padding-left: 3px;
    resize: none;
    border-radius: 3px;
}

.textboxGrid, .textboxGridCaixaBaixa {
    border: 1px solid #a9a9a9;
    width: 35px !important;
    height: 20px;
    font-size: 12px;
    padding-left: 3px;
    resize: none;
    border-radius: 3px;
}

.textboxGridPercentual {
    border: 1px solid #a9a9a9;
    width: 30px;
    height: 20px;
    font-size: 12px;
    padding-left: 10px;
    margin-bottom: 2px;
    background-image: url("../images/icoPercentual.png");
    background-repeat: no-repeat;
    background-position-x: 33px;
    background-position-y: 10px;
    background-position: right;
}

.textarea {
    border: 1px solid #ccc;
    width: 140px;
    height: 50px;
    font-size: 12px;
    border-radius: 3px;
    font-family: Open Sans, Helvetica, sans-serif;
    padding-left: 5px;
    padding-top: 5px;
    max-width: 1035px;
    min-width: 140px;
    max-height: 50px;
    min-height: 20px;
    resize: none;
    text-transform: uppercase;
}

    .textarea:focus {
        box-shadow: 0 0 5px #80bdff;
    }

    .textarea:hover {
        box-shadow: 0 0 5px #80bdff;
    }



.complementoText {
    margin: 23px 0 0 -32px;
}

.textboxCalendario {
    background: url(../images/icoCalendario.png) 157px 2px no-repeat;
    cursor: pointer;
    color: #fff;
}

.textboxCalendario2 {
    background: url(../../Recursos/images/icoCalendario.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-color: transparent;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
}

/*----------ESTILIZA TEXTBOX COM ESCOLHA DE NUMEROS--------------*/
.textSpinner .ui-widget {
    border: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-left: none;
    border-top: none;
    border-radius: 0 3px 3px 0;
    border-color: #ccc;
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.custom-down-icon {
    background: url(../images/ui-icons_222222_256x240.png) -65px 0 no-repeat !important;
}

.custom-up-icon {
    border-top: 1px solid #ccc;
}

/*FORMATA ABAS*/
.divAbas div {
    float: left;
    margin-right: 10px;
}

    .divAbas div:first-child {
        margin-left: 5px;
    }

.divAbasSemEspacamento div {
    float: left;
    margin-right: 1px;
}

    .divAbasSemEspacamento div:first-child {
        margin-left: 0,5px;
    }

.aba, .abaAtiva, .abaAtencao, .abaAtivaAtencao {
    cursor: pointer;
    height: 30px;
}

.aba, .abaAtencao {
    border: none;
    border-top: 3px solid #d0d0d0;
    background: #eee;
    margin-top: -1px;
    color: #666;
}

    .aba:hover, .abaAtencao:hover {
        border-top: 3px solid #2489c5;
    }

.abaAtencao {
    background: url(../images/ico_atencao.png) #eee 6px center no-repeat;
    text-indent: 30px;
}

.abaAtiva, .abaAtivaAtencao {
    border: 1px solid #ccc;
    border-top: 3px solid #2489c5;
    border-bottom: none;
    background: #fff;
    color: #1882c0;
}

.abaAtivaAtencao {
    background: url(../images/ico_atencao.png) #fff 6px center no-repeat;
    text-indent: 30px;
}
/*FORMATA BOTÕES*/
.btnAcoes, .chamaAcoes {
    background: url(../images/btn_acoes.png) no-repeat;
    border: none;
    width: 62px;
    height: 22px;
    cursor: pointer;
    float: left;
}

.btnPesquisar, .btnEditar, .btnEditarText, .btnCadastra, .btnChat, .btnGuiaRapido, .btnRefresh {
    border: 1px solid #ccc;
    border-radius: 3px;
    min-width: 100px;
    height: 31px;
    cursor: pointer;
    text-indent: 20px;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 14px;
}

.btnPesquisar {
    border-left: none;
    border-radius: 0 3px 3px 0;
}

.btnPesquisar {
    background: url('../images/icoBtns.png') 5px 5px no-repeat, linear-gradient(to bottom, #fdfdfd, #fdfdfd);
}

    .btnPesquisar:hover {
        background: url('../images/icoBtns.png') 5px 5px no-repeat, linear-gradient(to bottom,#e7e7e7, #e7e7e7);
    }

.btnEditar {
    background: url('../images/icoBtns.png') 5px -20px no-repeat, linear-gradient(to bottom, #fdfdfd, #e7e7e7);
}

    .btnEditar:hover {
        background: url('../images/icoBtns.png') 5px -20px no-repeat, linear-gradient(to bottom,#e7e7e7, #fdfdfd);
    }

.btnEditarText {
    border-radius: 0 3px 3px 0;
    background: url('../images/icoBtns.png') 5px -20px no-repeat, linear-gradient(to bottom, #fdfdfd, #e7e7e7);
}

    .btnEditarText:hover {
        background: url('../images/icoBtns.png') 5px -20px no-repeat, linear-gradient(to bottom,#e7e7e7, #fdfdfd);
    }

.btnCadastra {
    background: url('../images/icoBtns.png') 5px -70px no-repeat, linear-gradient(to bottom, #fdfdfd, #fdfdfd);
}

    .btnCadastra:hover {
        background: url('../images/Icones/glyphicons-halflings_visualiza.png') 5px -71px no-repeat, linear-gradient(to bottom,#f1f1f1, #f1f1f1);
    }

.btnRefresh {
    background: url(../images/Icones/glyphicons-basic-82-refresh.png) 9px no-repeat, linear-gradient(to bottom, #fdfdfd, #fdfdfd);
    background-size: 16px 16px; /* Define o tamanho do ícone */
    min-width: 36px;
}

    .btnRefresh:hover {
        background: url(../images/Icones/glyphicons-basic-82-refresh.png) 9px no-repeat, linear-gradient(to bottom,#f1f1f1, #f1f1f1);
        background-size: 16px 16px; /* Define o tamanho do ícone */
        min-width: 36px;
    }

.btnChat {
    background: url('../images/icoBtns.png') 5px -121px no-repeat, linear-gradient(to bottom, #e56775, #cc5461);
    border: 1px solid #c64f5b;
    color: #fff;
}

    .btnChat:hover {
        background: url('../images/icoBtns.png') 5px -121px no-repeat, linear-gradient(to bottom, #cc5461, #e56775);
    }

.btnGuiaRapido {
    background: url('../images/icoBtns.png') 5px -143px no-repeat, linear-gradient(to bottom, #fdfdfd, #e7e7e7);
}

    .btnGuiaRapido:hover {
        background: url('../images/icoBtns.png') 5px -143px no-repeat, linear-gradient(to bottom, #e7e7e7, #fdfdfd);
    }

.btnAddnumero {
    background: url(../images/btn_addnumero.png) no-repeat;
    border: none;
    width: 147px;
    height: 28px;
    cursor: pointer;
}

.btnAcao {
    background: #f6f6f6;
    width: 130px;
    height: 23px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    border-radius: 5px;
    font-size: 10px;
}

.btnCaderno {
    border: none;
    height: 18px;
    width: 18px;
    background: url(../images/iconCaderno.png) no-repeat;
    cursor: pointer;
}

.btn-v3 {
    width: auto !important;
    height: 32px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    /*background-image: linear-gradient(to bottom, #fdfdfd, #e7e7e7);*/
    background: #fdfdfd;
    border: 1px solid #d1d1d1;
}

    .btn-v3:hover {
        /*background-image: linear-gradient(to bottom, #e7e7e7, #fdfdfd);*/
        background: #e7e7e7;
    }

.btnPadrao, .btnPadraoAzul, .btnPadraoCinza, .btnPadraoAzulClaro, .btnPadraoVerde, .btnPadraoVerdeEscuro, .btnPadraoVermelho, .btnPadraoAmarelo, .btnVoltar, .btnMais, .btnMenos, .btnAddFoto, .btnRemoveFoto, .btnGaleriaFoto {
    width: 100px;
    height: 32px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btnPadraoDeslocado {
    width: 95px;
    margin-top: 22px;
    height: 32px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btnPadrao, .btnGaleriaFoto, .btnPadraoDeslocado {
    /*background-image: linear-gradient(to bottom, #fdfdfd, #e7e7e7);*/
    background: #fdfdfd;
    border: 1px solid #d1d1d1;
}

    .btnPadrao:hover {
        /*background-image: linear-gradient(to bottom, #e7e7e7, #fdfdfd);*/
        background: #e7e7e7;
    }

    .btnPadraoDeslocado:hover {
        /*background-image: linear-gradient(to bottom, #e7e7e7, #fdfdfd);*/
        background: #e7e7e7;
    }

.btnPadraoVermelho, .btnRemoveFoto {
    background-image: linear-gradient(to bottom, #cc5461, #cc5461);
    border: 1px solid #cc5461;
    color: #fff;
}

    .btnPadraoVermelho:hover {
        background-image: linear-gradient(to bottom, #e56775, #e56775);
    }

.btnPadraoAzul {
    background-color: #0097d7;
    border: 1px solid rgba(0,151,215,0.8);
    color: #fff;
    font-size: 14px;
}

    .btnPadraoAzul:hover {
        background-color: rgba(0,151,215,0.8);
        border: 1px solid #0097d7;
        color: #fff;
    }

.btnPadraoCinza {
    background-image: linear-gradient(to bottom, #c1c1c1, #c1c1c1);
    border: 1px solid #c1c1c1;
    color: #fff;
}

    .btnPadraoCinza:hover {
        background-image: linear-gradient(to bottom, #c1c1c1, #c1c1c1);
        border: 1px solid #c1c1c1;
        color: #fff;
    }

.btnPadraoCinzaSmall {
    background-color: #c1c1c1;
    border: 1px solid #c1c1c1;
    color: #fff;
}

    .btnPadraoCinzaSmall:hover {
        background-color: #c1c1c1;
        border: 1px solid #c1c1c1;
        color: #000;
    }

.btnPadraoAzulClaro {
    margin-left: 0px;
    background-image: linear-gradient(to bottom, #00a2e8, #0093d3);
    border: 1px solid #0062bc;
    color: #fff;
}

    .btnPadraoAzulClaro:hover {
        background-image: linear-gradient(to bottom, #0093d3, #00a2e8);
        border: 1px solid #0399da;
        color: #fff;
    }

.btnPadraoVerde, .btnAddFoto {
    background-color: #0097d7;
    border: 1px solid rgba(0,151,215,0.8);
    color: #fff;
}

    .btnPadraoVerde:hover {
        border: 1px solid #0097d7;
        background-color: rgba(0,151,215,0.8);
    }

.btnPadraoVerdeEscuro {
    background-image: linear-gradient(to bottom, #22b14c, #20a346);
    border: 1px solid #419db8;
    color: #fff;
}

    .btnPadraoVerdeEscuro:hover {
        background-image: linear-gradient(to bottom, #20a346, #22b14c);
    }

.btnPadraoAmarelo {
    background-image: linear-gradient(to bottom, #ebbe2f, #e1a528);
    border: 1px solid #f3efdb;
    color: #fff;
}

    .btnPadraoAmarelo:hover {
        background-image: linear-gradient(to bottom, #e1a528, #ebbe2f);
    }

.btnDuplicarRegistro {
    background: url("../images/btnMaisMenos.png") 6px 0 no-repeat, linear-gradient(to bottom, #fdfdfd, #e7e7e7);
    border: 1px solid #d1d1d1;
    width: 60px;
    height: 28px;
    cursor: pointer;
    border-radius: 3px;
}
/*ICONES PARA BOTOES DE FOTO DA PESSOA*/
.btnAddFoto {
    background: url('../images/icoFotoPessoa.png') 3px 3px no-repeat, linear-gradient(to bottom, #3299b7, #3299b7);
}

    .btnAddFoto:hover {
        background: url('../images/icoFotoPessoa.png') 3px 3px no-repeat, linear-gradient(to bottom, #57bcda, #57bcda);
    }

.btnRemoveFoto {
    background: url('../images/icoFotoPessoa.png') 3px -26px no-repeat, linear-gradient(to bottom, #e56775, #e56775);
}

    .btnRemoveFoto:hover {
        background: url('../images/icoFotoPessoa.png') 3px -26px no-repeat, linear-gradient(to bottom, #cc5461, #cc5461);
    }

.btnGaleriaFoto {
    background: url('../images/icoFotoPessoa.png') 4px -54px no-repeat, linear-gradient(to bottom, #fdfdfd, #fdfdfd);
}

    .btnGaleriaFoto:hover {
        background: url('../images/icoFotoPessoa.png') 4px -54px no-repeat, linear-gradient(to bottom, #e7e7e7, #e7e7e7);
    }


.btnMais, .btnMenos {
    background: url('../images/btnMaisMenos.png') 17px 4px no-repeat, linear-gradient(to bottom, #fdfdfd, #fdfdfd);
    border: 1px solid #d1d1d1;
    width: 60px;
    height: 35px;
}

.btnMais {
    border-radius: 3px 0 0 3px;
    border-right: none;
}

.btnMenos {
    background: url('../images/btnMaisMenos.png') 17px -37px no-repeat, linear-gradient(to bottom, #fdfdfd, #fdfdfd);
    border-radius: 0 3px 3px 0;
    border-left: none;
}

.btnVoltar {
    background-color: rgba(171,171,171,0.8);
    border: 1px solid #ababab;
    color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 14px;
}

    .btnVoltar:hover {
        background-color: #ababab;
        border-color: #ababab;
    }

.btnicoAdd {
    background: url('../images/glyphicons-halflings.png') 0 -97px no-repeat;
    width: 14px;
    height: 12px;
    border: none;
    cursor: pointer;
}

.btnPositivo, .btnNegativo {
    width: 35px;
    height: 17px;
    border: 1px solid #ebebeb;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    border-radius: 3px;
}

.btnPositivo {
    background: #0192d3;
    color: #fff;
}

.btnNegativo {
    background: #fafafa;
    color: #ccc;
}

.btnOrdena, .btnOrdenaSel {
    cursor: pointer;
    border: none;
    background: url('../images/glyphicons-halflings-white.png') no-repeat;
}

.btnOrdenaSel {
    background-position: -314px -123px;
    width: 11px;
    height: 8px;
}

.btnOrdena {
    background-position: -460px -74px;
    width: 8px;
    height: 11px;
}

.btnSobe, .btnDesce {
    width: 25px;
    height: 25px;
    background: url('../images/btnSobe.png') no-repeat;
}

.btnDesce {
    background: url('../images/btnDesce.png') no-repeat;
}

.btnInfo {
    background: url('../images/ico_info.png') no-repeat;
    height: 25px;
}

.btnAcima {
    color: #666;
    border: none;
    height: 25px;
    background: url('../images/estruturaAcima.png') no-repeat;
    text-indent: 25px;
    cursor: pointer;
}

.btnEstruturaRaiz {
    color: #666;
    border: none;
    height: 25px;
    background: url('../images/estruturaRaiz.png') no-repeat;
    text-indent: 25px;
    cursor: pointer;
}

.btnFile {
    width: 18px;
    height: 18px;
    cursor: help;
    border: none;
}

.btnFile {
    background: url(../images/icoFile.png) no-repeat;
}

.btnAdiciona, .btnDelete, .btnEdita, .btnBuscaAtiva {
    width: 18px;
    height: 18px;
    cursor: pointer;
    border: none;
}

.btnAdiciona {
    background: url(../images/icoAdd.png) no-repeat;
}

.btnDelete {
    background: url(../images/icoDelete.png) no-repeat;
}

.btnEdita {
    background: url(../images/icoEdita.png) no-repeat;
}

.iconDownload {
    background: url(../images/iconDownload.png) no-repeat;
}

.iconExcluir {
    background: url(../images/iconExcluir.png) no-repeat;
}

.btnBuscaAtiva {
    background: url(../images/ico_exclamacaoTrianguloAmarelo.png) no-repeat;
    background-size: contain;
    max-width: 18px;
    z-index: 3;
}

.btnRecuar, .btnAvancar {
    width: 21px;
    height: 37px;
    cursor: pointer;
    border: none;
}

.btnRecuar {
    background: url(../images/imgListaPiloto.png) 0 -84px no-repeat;
}

.btnAvancar {
    background: url(../images/imgListaPiloto.png) -24px -84px no-repeat;
}

.btnVerde, .btnLaranja, .btnCinza {
    width: 95px;
    height: 26px;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

.btnVerde {
    background: url(../images/imgListaPiloto.png) 0 0 no-repeat;
}

.btnLaranja {
    background: url(../images/imgListaPiloto.png) 0 -28px no-repeat;
}

.btnCinza {
    background: url(../images/imgListaPiloto.png) 0 -56px no-repeat;
}

.btnPaginacaoAzul, .btnPaginacaoLaranja {
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}

.btnPaginacaoAzul {
    background: url(../images/imgListaPiloto.png) -55px -84px no-repeat;
}

.btnPaginacaoLaranja {
    background: url(../images/imgListaPiloto.png) -55px -106px no-repeat;
}

.wdt100 {
    width: 100%;
}

.divPositivo {
    position: relative;
    /*z-index: 999;*/
    margin: 0 -3px;
}

.divNegativo {
    position: relative;
    /*z-index: 99;*/
}

.divBotoes {
    margin-top: 10px;
    text-align: center;
}
/*BOTOES ESTILO FORMWIZARD*/

.linhaPassos {
    display: table-row;
}

    .linhaPassos:before {
        top: 14px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: #ccc;
    }

.formWizard {
    display: table;
    width: 100%;
    position: relative;
}

.formWizardPassos {
    display: table-cell;
    text-align: center;
    position: relative;
}

    .formWizardPassos p {
        margin-top: 10px;
    }

.btnPassoAtivo, .btnPasso {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    border-radius: 15px;
    cursor: pointer;
}

.btnPassoAtivo {
    color: #fff;
    background-color: #1987c5;
    border: 2px solid #187fb9;
}

    .btnPassoAtivo:hover {
        background-color: #187fb9;
        border: 2px solid #1676ac;
    }

.btnPasso {
    color: #444;
    background-color: #fff;
    border: 2px solid #ccc;
}

    .btnPasso:hover {
        background-color: #f2f1f1;
    }
/*BOTOES ESTILO RADIOBUTTON*/
.btnRadio .btn1, .btnRadio .btn2, .btnRadio .btn3, .btnRadio .btn1Sel, .btnRadio .btn2Sel, .btnRadio .btn3Sel {
    min-width: 100px;
    height: 28px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
}

.btnRadio .btn1, .btnRadio .btn1Sel {
    background: url('../images/ico_selecao.png') 5px 4px no-repeat, linear-gradient(to bottom, #cc334a, #b82d42);
    border: 1px solid #d1d1d1;
    border-right: none;
    border-radius: 5px 0 0 5px;
    text-indent: 20px;
}

    .btnRadio .btn1:hover {
        background: url('../images/ico_selecao.png') 5px 4px no-repeat, linear-gradient(to bottom, #b82d42, #cc334a);
    }

.btnRadio .btn1Sel {
    background: url('../images/ico_selecao.png') 5px -22px no-repeat, linear-gradient(to bottom, #cc334a, #b82d42);
}

    .btnRadio .btn1Sel:hover {
        background: url('../images/ico_selecao.png') 5px -22px no-repeat, linear-gradient(to bottom, #b82d42, #cc334a);
    }

.btnRadio .btn2, .btnRadio .btn2Sel {
    background: url('../images/ico_selecao.png') 5px 4px no-repeat, linear-gradient(to bottom, #008dbd, #0080ac);
    border: 1px solid #d1d1d1;
    border-right: none;
    border-left: none;
    border-radius: 0;
    text-indent: 20px;
}

    .btnRadio .btn2:hover {
        background: url('../images/ico_selecao.png') 5px 4px no-repeat, linear-gradient(to bottom, #0080ac, #008dbd);
    }

.btnRadio .btn2Sel {
    background: url('../images/ico_selecao.png') 5px -22px no-repeat, linear-gradient(to bottom, #008dbd, #0080ac);
}

    .btnRadio .btn2Sel:hover {
        background: url('../images/ico_selecao.png') 5px -22px no-repeat, linear-gradient(to bottom, #0080ac, #008dbd);
    }

.btnRadio .btn3, .btnRadio .btn3Sel {
    background: url('../images/ico_selecao.png') 5px 4px no-repeat, linear-gradient(to bottom, #66b300, #5da201);
    border: 1px solid #d1d1d1;
    border-left: none;
    border-radius: 0 5px 5px 0;
    text-indent: 20px;
}

    .btnRadio .btn3:hover {
        background: url('../images/ico_selecao.png') 5px 4px no-repeat, linear-gradient(to bottom, #5da201, #66b300);
    }

.btnRadio .btn3Sel {
    background: url('../images/ico_selecao.png') 5px -22px no-repeat, linear-gradient(to bottom, #66b300, #5da201);
}

    .btnRadio .btn3Sel:hover {
        background: url('../images/ico_selecao.png') 5px -22px no-repeat, linear-gradient(to bottom, #5da201, #66b300);
    }

/* -----------------------------------------ESTILIZA FILEUPLOAD SEM TEXTBOX ----------------------------------------- */
.estilizaFileUpload input {
    position: absolute;
    visibility: hidden;
}

.estilizaFileUpload .btnAddFoto {
    width: 30px;
    height: 26px;
}

/* -----------------------------------------ESTILIZA COLOR PICKER ----------------------------------------- */
.PainelCor {
    width: 22px;
    height: 22px;
    float: left;
    background: url('../images/cx_Cor.png');
    margin-top: 5px;
    cursor: pointer;
}
/* -----------------------------------------ESTILIZA COLOR PICKER SEGUNDA CAIXA DE TEXTO ----------------------------------------- */
.PainelCor2 {
    width: 22px;
    height: 22px;
    float: left;
    background: url('../images/cx_Cor.png');
    margin-top: 5px;
    cursor: pointer;
}

/*BASE PRINCIPAL*/
.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url('../images/custom_background.png');
    font-family: Open Sans, Helvetica, sans-serif;
    display: none;
    z-index: 999999999999;
}
/*ÁREA PARA ESCOLHER A COR*/
.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
}
    /*INSERE IMAGEM COM TONS PRETO E BRANCO*/
    .colorpicker_color div {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 150px;
        background: url('../images/colorpicker_overlay.png');
    }
        /*INSERE CURSOR DE CIRCULO AO SELECIONAR COR*/
        .colorpicker_color div div {
            position: absolute;
            top: 0;
            left: 0;
            width: 11px;
            height: 11px;
            overflow: hidden;
            background: url('../images/colorpicker_select.gif');
            margin: -5px 0 0 -5px;
        }
/*POSICIONA PALETA DE CORES*/
.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}
    /*INSERE IMAGEM PARA INDICANDO COR SELECIONADA NA PALETA DE CORES*/
    .colorpicker_hue div {
        position: absolute;
        width: 35px;
        height: 9px;
        overflow: hidden;
        background: url('../images/custom_indic.gif') left top;
        margin: -4px 0 0 0;
        left: 0;
    }
/*CAIXA INDICANDO NOVA COR SELECIONADA*/
.colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
}
/*CAIXA INDICANDO COR ATUAL*/
.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}
/*ESTILIZA E DEFINI POSICIONAMENTO DO INPUT COM O HEXADECIMAL*/
.colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    color: #898989;
    top: 5px;
    left: 5px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}
/*BASE DO HEXADECIMAL*/
.colorpicker_hex {
    position: absolute;
    width: 62px;
    height: 22px;
    background: url('../images/custom_hex.png') top;
    left: 212px;
    top: 142px;
}
/*DEFINI TAMANHO E POSICIONAMENTO DAS CORES RGB E HSB*/
.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
}

    .colorpicker_field span {
        position: absolute;
        width: 12px;
        height: 22px;
        overflow: hidden;
        top: 0;
        right: 0;
        cursor: n-resize;
    }
/*BASE RGB LETRA R*/
.colorpicker_rgb_r {
    background-image: url('../images/custom_rgb_r.png');
    top: 52px;
    left: 212px;
}
/*BASE RGB LETRA G*/
.colorpicker_rgb_g {
    background-image: url('../images/custom_rgb_g.png');
    top: 82px;
    left: 212px;
}
/*BASE RGB LETRA B*/
.colorpicker_rgb_b {
    background-image: url('../images/custom_rgb_b.png');
    top: 112px;
    left: 212px;
}
/*BASE HSB LETRA H*/
.colorpicker_hsb_h {
    background-image: url('../images/custom_hsb_h.png');
    top: 52px;
    left: 282px;
}
/*BASE HSB LETRA S*/
.colorpicker_hsb_s {
    background-image: url('../images/custom_hsb_s.png');
    top: 82px;
    left: 282px;
}
/*BASE HSB LETRA B*/
.colorpicker_hsb_b {
    background-image: url('../images/custom_rgb_b.png');
    top: 112px;
    left: 282px;
}
/*ESTILIZA E POSICIONA BOTÃO CONFIRMAR COR*/
.colorpicker_submit {
    position: absolute;
    width: 62px;
    height: 22px;
    background: url('../images/custom_submit.png') top;
    left: 282px;
    top: 142px;
    overflow: hidden;
    cursor: pointer;
}
/*DEFINI O FOCUS DO CURSOR*/
.colorpicker_focus {
    background-position: center;
}

.colorpicker_hex.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_slider {
    background-position: bottom;
}

/*--------CLASSES PARA CHECK INVERTIDO (PRIMEIRO VEM O TEXTO E DEPOIS O CHECK)--------*/
.checkInvertido label {
    float: left;
    margin-top: 5px;
}

.checkInvertido input {
    margin-top: 6px;
    margin-right: 10px;
}

.checkInvertidoGrid tr td {
    border: none;
}

.checkInvertidoGrid label {
    float: left;
    margin-top: 4px;
}

.checkInvertidoGrid input {
    margin-right: 10px;
}



/*--------BASE P/ CHECK E RADIO--------*/
.divCheckRadio {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    font-size: 13px;
    color: #444;
    padding: 2px 5px 2px 5px;
    min-height: 24px;
    height: auto;
}

.radio tr td, .check tr td, .check div {
    margin-right: 5px;
    float: left;
    margin-left: 2px;
}

    .radio tr td label, .radio label, .check tr td label, .check label {
        padding-top: 5px;
        float: right;
        cursor: pointer;
    }

    .check tr td label, .check label {
        float: left;
    }

    .check tr td span.aspNetDisabled input, .radio tr td span.aspNetDisabled input {
        cursor: default;
    }

    .check tr td span.aspNetDisabled label, .radio tr td span.aspNetDisabled label {
        color: #aaa;
        cursor: default;
    }

.base_radio {
    float: left;
    padding: 7px 5px 0 5px;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .base_radio:hover {
        /*box-shadow: 0 0 5px #1882c0;*/
    }

    .base_radio::after {
    }





/*----------------- ESTILZA CHECKBOX E RADIO BUTTON --------------*/
div.checker input, div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    border: none;
}
/* ------------------------------------- CLASSES P/CHECKBOX/RADIO ------------------------------------- */
div.checker span, div.radio span {
    background-image: url('../images/blue.png');
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
}
/* ----------------------- Checkbox ------------------------------*/
div.checker input, div.radio input {
    width: 16px;
    height: 16px;
}
/*---------------------- Check Vazio --------------------------*/
div.checker span {
    background-position: 0 0;
}
/* -------Efeito do Check Vazio ao passar o Mouse------------- */
div.checker.focus span, div.checker:hover span {
    background-position: -24px 0;
}

/* -------------- Efeito do Check Preenchido ------------- */
div.checker span.checked {
    background-position: -48px 0;
}
/* ------------ Check Vazio em Estado enable(Desabilitado) ----------*/
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
    background-position: -72px 0;
    cursor: default;
}
    /* ------------Check Preenchido em Estado enable(Desabilitado) ----------*/
    div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
        background-position: -96px 0;
        cursor: default;
    }
/* ----------------------- Radio Sem Foco ------------------------------*/
div.radio span {
    background-position: -120px 0;
}
/* ----------------------- Radio ao Passar o Mouse ------------------------------*/
div.radio.focus span, div.radio:hover span {
    background-position: -144px 0;
}
/*------- Radio que ja vem Selecionado ao Carregar a Tela ----------- */
div.radio span.checked {
    background-position: -168px 0;
}
/*-------------------------- Radio Selecionado ------------------------------*/
div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {
    background-position: -168px 0;
}
/*------------Radio Vazio em estado Enable(desabilitado)----------------*/
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {
    background-position: -192px 0;
    cursor: default;
}
    /*------------Radio em estado Enable e Ativado(desabilitado)----------------*/
    div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {
        background-position: -216px 0;
        cursor: default;
    }
/* ----------------- Radio -------------------------*/
div.radio {
    margin-right: 3px;
    position: relative;
}

.checker, .radio {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}
/* ----------------- Checker -------------------------*/
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}
/*----------------- Radio -------------------------*/
div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}

/*----------------- GRIDVIEW --------------*/
#baseGrid {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    height: auto;
}

#baseGrid2 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    height: auto;
}


.dtl {
    width: 100%;
}

    .dtl tr td {
        height: 42px;
    }


.gridDatalist {
    background: #fff;
    font-size: 10px;
    color: #7D7D7D;
    display: block;
    margin-top: -1px;
    margin-left: -1px;
    height: 100%;
}

    .gridDatalist li {
        border: 1px solid #ccc;
        border-right: none;
        border-bottom: none;
        padding: 3px;
        float: left;
        list-style: none;
        height: 28px;
        width: 100%;
        text-transform: uppercase;
    }

        .gridDatalist li a {
            color: #7D7D7D;
            text-decoration: none;
        }

.itemDatalist_Selecionado li {
    background: rgba(25,135,197,0.2);
    color: #000;
    font-weight: bold;
}

.lbtGrid {
    float: left;
    width: 900px;
    margin-bottom: -36px;
    z-index: 1;
    position: relative;
    height: 36px;
}


.grid {
    width: 100%;
}

    .grid td, .grid tr td .divisao {
        border: 1px solid #ccc;
        font-size: 12px;
        color: #212529;
        z-index: 99;
        border-top: none;
        padding: 1px 0 0 5px;
        vertical-align: middle;
        text-transform: uppercase;
        height: 28px;
    }

        .grid td .linkTd {
            display: block;
            border: none;
            background: none;
            text-decoration: none;
            z-index: 999;
            color: #7D7D7D;
            padding: 12px 0;
        }

    .grid tr td .divisao {
        border: none;
        border-left: 1px solid #ccc;
        height: 32px;
        font-size: 10px;
    }

        .grid tr td .divisao:last-child {
            border: none;
        }

        .grid tr td .divisao a {
            color: #7D7D7D;
            text-decoration: none;
            text-transform: uppercase;
        }

.itemDatalist_Selecionado td {
    background: rgba(25,135,197,0.2);
    color: #292929;
    font-weight: bold;
}

.grid tr td a {
    color: #212529;
    text-decoration: none;
}

.headerGrid {
    /*background: #1987C5;*/
    width: 100%;
    padding-left: 5px;
    border: 1px solid silver;
}

    .headerGrid th {
        color: #212529;
        font-size: 12px;
        font-weight: bold;
        height: 22px;
        padding-top: 4px;
        padding-left: 5px;
        z-index: 9999;
        background-color: #fff;
    }

        /*tr:nth-child(2n+2) {
    background: #f4f4f4;
}*/


        .headerGrid th a {
            /*color: #fff;*/
            text-decoration: none;
        }

.headerGridDegrade {
    background: linear-gradient(to bottom, #fbfbfb, #e9e9e9);
    width: 100.2%;
    padding-left: 5px;
}

    .headerGridDegrade th {
        font-size: 12px;
        height: 22px;
        padding-top: 4px;
        padding-left: 5px;
        padding-right: 5px;
        z-index: 9999;
        border: 1px solid #d1d1d1;
    }

        .headerGridDegrade th a {
            color: #000;
            text-decoration: none;
        }

.overflow2 {
    overflow: scroll;
    overflow-x: hidden;
    height: auto;
    max-height: 200px;
}

.overflow2H {
    overflow: scroll;
    overflow-x: hidden;
    height: auto;
    max-height: 660px;
}

.overflow3 {
    overflow: scroll;
    overflow-x: hidden;
    height: auto;
    max-height: 1738px;
}

.overflow4 {
    overflow: scroll;
    overflow-x: hidden;
    height: auto;
    max-height: 300px;
}

.overflowHorizontal {
    overflow: auto;
    overflow-y: hidden;
    max-width: 1060px;
}

.overflowHorizontal1 {
    overflow: auto;
    overflow-y: hidden;
    max-width: 100px;
}

.campoGrid {
    z-index: 2;
    position: relative;
}

/*ESTILIZA DIV INFORMATIVA*/
.divInfo {
    background: #f0f0f0;
    border: 1px solid #cecece;
    text-align: center;
    color: #7D7D7D;
    width: auto;
    float: left;
    margin-right: 10px;
    padding: 0 5px;
}

.labelInfo {
    font-size: 11px;
    color: #343434;
    margin-top: -7px;
}

.labelInfoResultado {
    font-size: 12px;
    color: #7D7D7D;
}

/*BASES RETANGULARES*/
.baseBordaAzul {
    border: 3px solid #1882C0;
}

    .baseBordaAzul.img {
        background: url("../images/semFoto.png") #f6f6f6 no-repeat center center;
        height: 400px;
    }

.baseBranca {
    border: 1px solid #ccc;
    background: #fff;
    width: 240px;
    height: 250px;
    padding: 10px;
    float: left;
    margin-right: 5px;
}

    .baseBranca label {
        font-size: 13px;
    }


.baseCinza {
    border: 1px solid #ccc;
    background: #fdfdfd;
    padding: 10px;
}

.baseBranca2 {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px 0;
}

.baseBranca3 {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px 10px 10px 10px;
}

.baseDegrade {
    background: linear-gradient(to bottom, #fbfbfb, #e9e9e9);
    height: 20px;
    border: 1px solid #d2d2d2;
    padding-top: 7px;
    padding-left: 10px;
}

.baseTelefoneChat, .baseInfo, .baseInfoLaranja, .baseInfoVerde, .baseInfoVermelho, .baseInfoAzul {
    background: url(../images/icoTel.png) 7px 8px no-repeat #f7f7f7;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    width: 120px;
    height: 26px;
    font-size: 11px;
    color: #666;
    text-align: center;
}

.baseInfo, .baseInfoLaranja, .baseInfoVerde, .baseInfoVermelho, .baseInfoAzul {
    background: url(../images/icoInfoEstrutura.png) 7px 8px no-repeat #f7f7f7;
    width: auto;
    padding: 10px 0 0 0;
    font-size: 14px;
}

.baseInfoLaranja {
    background: url(../images/ico_atencao.png) 7px 8px no-repeat #ff7600;
    color: #fff;
    border: 1px solid #ef6f01;
}

.baseInfoVerde {
    background: url(../images/ico_confirma.png) 7px 8px no-repeat #66b300;
    color: #fff;
    border: 1px solid #5da201;
}

.baseInfoVermelho {
    background: url(../images/ico_close.png) 7px 8px no-repeat #cc334a;
    color: #fff;
    border: 1px solid #b82d42;
}

.baseInfoAzul {
    background: url(../images/icoInfoEstrutura.png) 7px 8px no-repeat #008dbd;
    color: #fff;
    border: 1px solid #0080ac;
}

.divInfoVerde, .divInfoAmarelo, .divInfoRosa {
    width: 19px;
    height: 19px;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: lowercase;
    font-size: 10px;
}

.divInfoVerde {
    background: #0a960d;
}

.divInfoAmarelo {
    background: #FFFF00;
}

.divInfoRosa {
    background: #ffaec9;
}

.divAcoes {
    display: none;
    position: absolute;
}

.baseAcoes {
    display: none;
    position: absolute;
}

.baseBtnAcoes {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #C7C7C7;
    height: auto;
    float: left;
    padding: 10px;
    margin-top: -50px;
    z-index: 999999999999;
}

    .baseBtnAcoes a {
        text-decoration: none;
        color: #000;
        text-transform: capitalize;
    }

        .baseBtnAcoes a:hover {
            text-decoration: underline;
        }

.divFavoritos {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-bottom: 15px;
}

.listaPendencias {
    overflow: auto;
    overflow-x: hidden;
    height: 400px;
    margin-top: -15px;
}

    .listaPendencias li {
        list-style-type: disc;
        font-size: 12px;
        color: #666;
        margin-bottom: 10px;
        margin-left: 15px;
    }

        .listaPendencias li a {
            font-size: 12px;
            color: #666;
            text-decoration: none;
        }

            .listaPendencias li a:hover {
                font-size: 12px;
                color: #666;
                text-decoration: none;
                text-decoration: underline;
            }

.rodape {
    background: #E5E5E5;
    height: 25px;
    padding-top: 13px;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    text-align: center;
    font-size: 13px;
    color: #666666;
    margin-top: 30px;
}
/*TELA MAPA DA TURMA*/
.parede {
    background: #0188b5;
    height: 120px;
    border-bottom: 5px solid #c9c8c8;
}

.piso {
    background: #efefef;
    height: auto;
    padding: 30px 10px 10px 10px;
}

#pc {
    margin-top: 17px;
}

    #pc .monitor {
        background: #e3e0e0;
        width: 45px;
        height: 30px;
        border-radius: 3px;
    }

    #pc .suporte {
        background: #e3e0e0;
        width: 30px;
        height: 3px;
        border-radius: 3px;
        margin: 0 auto;
        margin-top: 3px;
    }

.corpo {
    background: url(../images/corpo.png) no-repeat;
    width: 51px;
    height: 55px;
    margin-left: 5px;
}

#mesaProfessor .mesa {
    background: #623a0d;
    height: 7px;
    border-radius: 10px;
    width: 140px;
}

#mesaProfessor .suporte {
    width: 130px;
    height: 55px;
    background: #a98356;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 2px;
    box-shadow: 0px 2px 5px #b0b0b0;
}

.quadro {
    width: auto;
    background: #396634;
    border: 5px solid #623a0d;
    border-radius: 3px;
    padding: 5px;
    margin-top: 7px;
    margin-right: 155px;
    color: #fff;
    font-size: 12px;
}

    .quadro .escola {
        color: #ff9900;
        text-transform: uppercase;
        font-weight: bold;
    }

.baseCarteira {
    background: #cdcdcd;
    width: 115px;
    height: 110px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}

    .baseCarteira img {
        margin-top: 15px;
    }

.baseDetalhes {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px 10px 0 0;
    position: absolute;
    color: #fff;
    text-align: left;
    font-size: 12px;
    opacity: 0;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
}

    .baseDetalhes .margemDetalhes {
        margin: 10px 0 0 5px;
    }

    .baseDetalhes:hover {
        opacity: 1;
    }

.divSituacao {
    padding-top: 50px;
}

.baseAzulOcupado, .baseVerdeLivre, .baseCinzaDisponivel {
    color: #fff;
    width: 111px;
    height: 13px;
    padding: 2px;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
}

.baseAzulOcupado {
    background: #006d8e;
}

.baseVerdeLivre {
    background: #21b24d;
}

.spanCirculo {
    color: white;
    font-size: 22px;
    text-align: center;
    align-content: center;
    margin: 25px 0 0 12px;
}

.divCirculo {
    border-radius: 50%;
    width: 36px;
    background-color: green;
    margin: -25px 0 0 45px;
    height: 36px;
}

.divCirculoSemCor {
    border-radius: 50%;
    width: 36px;
    margin: -25px 0 0 45px;
    height: 36px;
}

.baseCinzaDisponivel {
    background: #cdcdcd;
}

.tooltip div {
    white-space: pre-line;
}

/*CLASSES PARA CONDIÇÕES SOCIO FAMILIARES - TELA DE MATRICULAR ALUNO*/
.divCondicoesSocioFamiliar {
    width: 70px;
    height: 45px;
    text-align: center;
    color: red;
    margin: 0 5px 0 5px;
    font-size: 30px;
    font-weight: bold;
    padding-top: 10px;
}

/*DIV PARA INFORMAR AONDE O USUARIO ESTA ATUALMENTE NAVEGANDO*/
.divOndeEstou {
    width: 100%;
    color: #3ec0e8;
    font-size: 22px;
    margin: 0px 0 20px 0;
    border-bottom: 1px solid #efefef;
}

    .divOndeEstou .atual {
        font-size: 22px;
        color: #cccccc;
    }

    .divOndeEstou .sub-tiutlo {
        font-size: 22px;
        color: #191717;
    }

.baseImagem {
    background: #d3d3d3;
    border: 1px solid #cbcbcb;
    width: 211px;
    height: 131px;
    text-align: center;
    float: left;
    margin: 30px 20px 0 0;
    padding-top: 15px;
}


.btnAcaoUnica {
    text-decoration: none;
    color: #7D7D7D;
}

.icoConfirmaPasso1 {
    top: 34px;
    position: relative;
    z-index: 99999999999;
    width: 19px;
    height: 20px;
    left: 310px;
}

.icoConfirmaPasso2 {
    top: 84px;
    position: relative;
    z-index: 99999999999;
    width: 19px;
    height: 20px;
    left: 310px;
}

.icoEncaminhar, .icoVisualiza, .icoEdita, .icoExclui, .icoEngrenagem, .icoDesativar, .icoImprimir, .icoCopia, .icoAcao, .icoExclamacao, .icoSubir, .icoDescer, .icoOk, .icoInterrogacao, .icoEmail, .icoAtualizar, .icoOcultaTreeView, .icoExpandeTreeView, .icoValidar, .icoHistorico, .icoDetalhe, .icoAdicionar {
    width: 12px;
    height: 13px;
    margin-right: 5px;
    text-decoration: none;
}

.icoEncaminhar {
    background-image: url('../../Recursos/images/Icones/glyphicons-halflings-321-redo2x.png');
    background-size: cover;
    height: 18px;
    width: 16px;
    margin-right: 2px;
    cursor: default;
}

.icoOk {
    background: url('../images/glyphicons-halflings.png') -193px -97px;
    height: 12px;
    cursor: default;
}

.icoInterrogacao {
    background: url('../images/glyphicons-halflings.png') -97px -97px;
    height: 12px;
    cursor: default;
}

.icoDescer {
    background: url('../images/glyphicons-halflings.png') -314px -97px;
    height: 12px;
}

.icoSubir {
    background: url('../images/glyphicons-halflings.png') -291px -97px;
    height: 12px;
}

.icoVisualiza {
    background: url('../images/glyphicons-halflings.png') -337px 0;
    position: relative;
    z-index: 999;
}

.icoEdita {
    background: url('../images/glyphicons-halflings.png') -1px -73px;
}

.icoCopia {
    background: url('../images/glyphicons-halflings.png') -121px -72px;
}

.icoEmail {
    background: url('../images/glyphicons-halflings.png') -73px 0;
}

.icoExclui {
    background: url('../images/glyphicons-halflings.png') -458px 0;
}

.icoImprimir {
    background: url('../images/glyphicons-halflings.png') -97px -49px;
}

.icoHistorico {
    background: url('../images/glyphicons-halflings.png') -50px -49px;
}

.icoAtualizar {
    background: url('../images/glyphicons-halflings.png') -241px -25px;
}

.icoDetalhe {
    background: url('../images/glyphicons-halflings.png') -265px -25px;
}

.icoAtivo {
    background: url('../images/glyphicons-halflings.png') -289px -2px;
    width: 13px;
    height: 11px;
    margin-right: 5px;
    text-decoration: none;
}

.icoLetraA {
    background: url('../images/icoLetraA.png') no-repeat;
    width: 2px;
    height: 10px;
    margin-right: 7px;
    text-decoration: none;
}

.icoDesativar {
    background: url('../images/glyphicons-halflings.png') -217px -97px;
}

.icoAcao {
    background: url('../images/glyphicons-halflings.png') -457px -73px;
}

.icoExclamacao {
    background: url('../images/glyphicons-halflings.png') -1px -120px;
}

.icoOrdenar {
    background: url('../images/glyphicons-halflings.png') -361px -50px no-repeat;
    width: 12px;
    height: 11px;
    cursor: pointer;
}

.icoEngrenagem {
    background: url('../images/glyphicons-halflings.png') 35px 0;
}

.icoValidar {
    background: url('../images/glyphicons-halflings.png') -141px -72px;
}

.icoAdicionar {
    background: url('../images/glyphicons-halflings.png') -409px -97px;
    height: 12px;
}

.icoOcultaTreeView {
    width: 21px;
    height: 21px;
    background: url('../images/ocultaTreeView.png');
}

.icoExpandeTreeView {
    width: 21px;
    height: 21px;
    background: url('../images/expandeTreeView.png');
}

.icoEyeOlho {
    width: 21px;
    height: 21px;
    background: url('../images/iconEyeOlho.png') no-repeat;
}

.icoFone {
    width: 20px;
    height: 20px;
    background: url("../images/icoFone.png") no-repeat;
}


.opacidade {
    filter: alpha(opacity=50);
    opacity: 0.50;
    text-decoration: none;
    cursor: default;
}

/*CLASSES QUE TROCAM O TEXTBOX DO FILEUPLOAD POR BOTÃO*/
#fileup {
    background: #f6f6f6;
    height: 23px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    font-size: 10px;
    width: 80px;
    margin-left: 70px;
    cursor: pointer;
}

    #fileup #cphContent_btnFoto {
        opacity: 0.0;
        -moz-opacity: 0.0;
        filter: alpha(opacity=00);
        font-size: 18px;
        cursor: pointer;
    }

#div-input-falso #file-falso {
    width: 80px;
    height: 22px;
    font-size: 18px;
    font-family: Open Sans;
    cursor: pointer;
}

/*CLASSES PARA ESTILIZAR AUTOCOMPLETE DO JQUERY*/
.ui-autocomplete {
    background: #eee;
    width: 300px;
    height: auto;
    max-height: 300px;
    border-radius: 3px;
    overflow: auto;
    overflow-x: hidden;
}

    .ui-autocomplete .ui-menu-item {
        margin: 5px 0;
        border: 1px solid #eee;
        border-radius: 3px;
        color: #000;
        font-size: 12px;
        padding: 10px 0 0 5px;
    }

        .ui-autocomplete .ui-menu-item:hover {
            margin: 5px 0;
            border: 1px solid #dddddd;
            border-radius: 3px;
            background: #fff;
            color: #1882C0;
            padding: 10px 0 0 5px;
            cursor: pointer;
        }

/*CLASSES PARA ESTILIZAR TREEVIEW*/
/*ESTILIZAÇÃO GERAL DO TREEVIEW*/
.FimNoTreeV {
    font-size: 11px;
    color: #000;
    padding: 5px;
    text-transform: uppercase;
}
/*ESTILIZA NÓ PAI COM FILHO*/
.ExpandeNoTreeV {
    font-size: 10px;
    font-weight: bold;
    color: #191844;
}
/*ESTILIZA NÓ SELECIONADO*/
.ClickNoTreeV {
    padding: 7px 5px 7px 5px;
    font-size: 16px;
    font-weight: bold;
    background: #f0f0f0;
    border-top: 3px dashed #0a62a1;
    border-bottom: 3px dashed #0a62a1;
    color: #0a62a1;
    text-transform: uppercase;
    width: 260px;
}
/*ESTILIZA NÓ AO PASSAR O MOUSE*/
.HoverTreeV {
    color: #0a62a1;
}
/*ESTILZA PRIMEIRO PAI DA TREEVIEW*/
.TituloTreeV {
    font-weight: bold;
    font-size: 10px;
    color: #1882C0;
}
/*DEFINE TAMANHOS PADRÕES PARA ALGUMAS COMBOS*/
.combo110 .chosen-container {
    min-width: 110px;
}

.combo120 .chosen-container {
    min-width: 120px;
}

.combo200 .chosen-container {
    min-width: 200px;
}

.combo220 .chosen-container {
    min-width: 220px;
}

.combo253 .chosen-container {
    min-width: 253px;
}

.combo262 .chosen-container {
    min-width: 262px;
}

.combo300 .chosen-container {
    min-width: 300px;
}

.combo345 .chosen-container {
    min-width: 345px;
}

.option30 .chosen-container .chosen-results {
    max-height: 30px;
}

.option50 .chosen-container .chosen-results {
    max-height: 50px;
}

.option60 .chosen-container .chosen-results {
    max-height: 60px;
}

.option80 .chosen-container .chosen-results {
    max-height: 80px;
}

.option100 .chosen-container .chosen-results {
    max-height: 100px;
}

.option140 .chosen-container .chosen-results {
    max-height: 140px;
}

/*ESTILIZAÇÃO DA TELA VIZUALIZAR GRADE*/
.grade {
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    text-align: center;
    color: #7D7D7D;
}

    .grade .left {
        border: 1px solid #ccc;
        border-left: none;
        border-bottom: none;
        width: 136px;
        height: 72px;
        margin-right: -1px;
    }

.lblPrevia {
    width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.baseGrade {
    background: #ededed;
    margin-left: 1px;
    height: 72px;
    text-align: center;
}

.lbtAddProf {
    display: block;
    height: 53px;
}

    .lbtAddProf:hover .icoAddProf {
        background: url(../images/ico_positivo.png) 5px 5px #0088c8 no-repeat;
    }

.icoAddProf {
    background: url(../images/ico_positivo.png) 5px 5px #cecece no-repeat;
    width: 23px;
    height: 23px;
    border-radius: 50px;
}

.btnExcluirProfessor {
    display: block;
    border: none;
    cursor: pointer;
    width: 12px;
    height: 13px;
    background: url('../images/glyphicons-halflings.png') no-repeat -458px 0px;
    margin-right: 5px;
    text-indent: -9999px;
}

/*ESTILIZA LINK DOS RELATÓRIOS*/
.link {
    border: 1px solid #dadada;
    height: 29px;
    margin-top: -1px;
}

.linkbutton {
    height: 21px;
    padding-top: 8px;
    padding-left: 5px;
    background: url('../images/arrow_right_black.png') no-repeat 0 0;
    background-position: 330px;
    font-weight: bold;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    display: block;
}

.linkbuttonAtivo {
    background: url('../images/arrow_right_white.png') #0788c7 no-repeat 0 0;
    background-position: 330px;
    color: #fff;
    height: 21px;
    padding-top: 8px;
    padding-left: 5px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

.linkbutton:hover {
    background: url('../images/arrow_right_white.png') #0788c7 no-repeat 0 0;
    background-position: 330px;
    color: #fff;
}

/*LEGENDAS*/

.legendaFreq, .legendaTransf, .legendaEvadido, .legendaFalecido, .legendaNComparecimento, .legendaReclassificado, .legendaRemanejado, .AguardandoAtendi, .EmAtendimento, .legendaSemPendenciaSED, .legendaPendenciaSED {
    width: 7px;
    height: 6px;
    margin: 9px 5px 0 5px;
}

.validacaoOk, .validacaoRegra, .validacaoErro, .semValidacao, .legandaSelecionado, .legendaCinza, .legendaNaoRealizado, .legendaIncompleto, .legendaVerde, .legendaVerde2, .legendaVermelha, .legendaAzul, .legendaAzul2, .legendaAmarelo, .legendaRosa, .legendaLaranja, .legendaPreto, .legendaRoxo {
    width: 11px;
    height: 10px;
    margin: 5px 5px 0 5px;
}

.legendaAzul {
    background: #3083b2;
}

.legendaAzul2 {
    background: #2b78e4;
}


.semValidacao {
    background: #eee;
    border: 1px solid #e3e3e3;
}

.legendaFreq, .validacaoOk, .legendaVerde {
    background: #0a960d;
}

.legendaTransf, .EmAtendimento {
    background: #6daed3;
}

.legendaEvadido, .validacaoRegra, .AguardandoAtendi, .legandaSelecionado, .legendaIncompleto, .legendaLaranja {
    background: #e79f05;
}

.legendaAmarelo {
    background: #FFFF00;
}

.legendaRosa {
    background: #ffaec9;
}

.legendaRoxo {
    background: #9932cc;
}

.legendaFalecido, .validacaoErro, .legendaNaoRealizado, .legendaVermelha {
    background: #fc3102;
}

.legendaNComparecimento {
    background: #c714ee;
}

.legendaReclassificado {
    background: #f2c7bb;
}

.legendaRemanejado {
    background: #155867;
}

.legendaCinza {
    background: #ccc;
}

.legendaVerde2 {
    background: #0a960d;
}

.legendaPreto {
    background: #000;
}

.icoPendencias {
    background: url("../images/glyphicons-halflings.png") -361px -50px no-repeat;
    width: 12px;
    height: 11px;
}

.legendaPendenciaSED {
    width: 7px;
    height: 6px;
    margin: 9px 5px 0 5px;
    background: #e79f05;
}

.legendaSemPendenciaSED {
    width: 7px;
    height: 6px;
    margin: 9px 5px 0 5px;
    background: #0a960d;
}


/*ESTILIZA DROPDOWNLIST NO DATALIST*/

.selectBold {
    font-weight: bold !important;
}

.select2 {
    height: 24px;
    background: linear-gradient(to bottom, #fbfbfb, #f1f1f1);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    color: #444;
    font-weight: bold;
    font-size: 10px;
}

    .select2 option {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
        font-size: 12px;
    }

/*ESTILIZA DROPDOWNLIST BASE PRINCIPAL DO OBJETO*/
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 12px;
    text-transform: uppercase;
}
    /*ESTILIZA BASE QUE ABRE COM OS OPTIONS*/
    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #80bdff;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
        font-size: 12px;
        z-index: 10000000;
    }
    /*POSICIONA A BASE QUE ABRE COM OS OPTIONS*/
    .chosen-container.chosen-with-drop .chosen-drop {
        left: auto;
        top: auto;
    }
    /*ESTILIZA CURSOR DO MOUSE AO PASSAR O MOUSE SOBRE A DROPDOWN*/
    .chosen-container a {
        cursor: pointer;
    }
/*ESTILIZA BASE PRINCIPAL DA COMBO*/
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 2px 0 0 8px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    /*background-image: linear-gradient(to bottom, #fbfbfb, #f1f1f1);*/
    background-color: white;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .chosen-container-single .chosen-single:hover {
        /*box-shadow: 0 0 5px #ccc;*/
    }
/*DEFINE COR DA LETRA DA COMBO EM ESTADO FECHADO*/
.chosen-container-single .chosen-default {
    color: #444;
}
/*DEFINE O POSICIONAMENTO DO LABEL PRINCIPAL DA COMBO*/
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}
/*ESTILIZA AREA DA SETA DA COMBO*/
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}
    /*INSERE SETA DA COMBO*/
    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
        background: url('../images/chosen-sprite.png') no-repeat 0px 5px;
        background-color: white;
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        font-size: 1em;
        font-family: Open Sans;
        line-height: normal;
        border-radius: 0;
        text-transform: uppercase;
    }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        -webkit-touch-callout: none;
        width: 100%;
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
            width: 95%;
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #495057;
            cursor: default;
        }
        /*ESTILO AO PASSAR O MOUSE NOS OPTIONS*/
        .chosen-container .chosen-results li.highlighted {
            background-color: #1882c0;
            /*background-image: linear-gradient(to bottom, #01a9e8, #0389c9);*/
            color: #fff;
            width: 95%;
        }

        .chosen-container .chosen-results li.no-results {
            display: list-item;
            background: #f4f4f4;
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: bold;
            cursor: default;
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }
/* @end */
/* @group Multi Chosen */
.multiploSelectMenor .chosen-choices {
    min-height: 28px !important;
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 32px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #fbfbfb, #f1f1f1);
    color: #444;
    cursor: text;
    text-transform: uppercase;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 1px 0;
                padding: 5px;
                height: 18px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                color: #666;
                font-size: 100%;
                font-family: Open Sans;
                line-height: normal;
                border-radius: 0;
                text-transform: uppercase;
            }

            .chosen-container-multi .chosen-choices li.search-field .default {
                color: #999;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 0 3px 5px;
            padding: 3px 20px 3px 5px;
            border-radius: 3px;
            border: 1px solid #aaa;
            background: #fff;
            color: #333;
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
                font-size: 1px;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
            background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4;
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
    width: 100%;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #0097d7;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 #fff inset;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 2px;
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #aaa;
}

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: #111 !important;
    }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type="text"] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single-nosearch .chosen-search,
    .chosen-rtl .chosen-drop {
        left: 9999px;
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        background: white url('../images/chosen-sprite.png') no-repeat -30px -20px;
        background: url('../images/chosen-sprite.png') no-repeat -30px -20px;
        direction: rtl;
        text-transform: uppercase;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
        text-transform: uppercase;
    }
}
/* @end */


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #TodosAlocados {
        margin-left: 150px;
    }
}

.btSelecionar {
    border: 0;
    background-color: white;
}

    .btSelecionar:hover {
        color: Highlight;
    }
/* ---------------------------- CLASSES PARA ESTILIZAR O CALENDARIO DO ASPNET ---------------------------- */
.calendario {
    border: #ccc;
    border-top: 1px solid #fff;
}

    .calendario tr:first-child {
        height: 20px;
        background: #1983be;
        color: #fff;
        font-size: 14px;
        text-transform: capitalize;
    }

    .calendario tr td {
        vertical-align: middle;
        text-align: center;
    }

.btnTrocaMes a {
    font-weight: bold;
    font-size: 14px;
    display: block;
    text-decoration: none;
}

.diaSemana {
    height: 25px;
    font-weight: bold;
    font-size: 14px;
    color: #1882C0;
    text-align: center;
    vertical-align: middle;
}

.mes {
    height: 25px;
}

.datas {
    color: #7D7D7D;
    font-size: 14px;
}

    .datas a {
        text-decoration: none;
        display: block;
    }
/* ---------------------------- CLASSES PARA ESTILIZAR O CALENDARIO ---------------------------- */
/*------------------------------------ BASE PRINCIPAL -----------------------------------*/
#ui-datepicker-div {
    display: none;
    z-index: 999999999 !important;
}
/*TAMANHO DA BASE PRINCIPAL DO CALENDARIO*/
.ui-datepicker {
    width: 190px;
    padding: 10px;
    display: none;
}
/*FORMATACAO DA BASE PRINCIPAL DO CALENDARIO*/
.ui-widget-content {
    border: 1px solid #b5b5b5;
    background: #fff;
}

/*------------------------------------ CABEÇALHO (HEADER) -----------------------------------*/
/*BASE HEADER COM COMBOS DE MES E ANO*/
.ui-widget-header {
    font-weight: bold;
}
/*TAMANHO DO HEADER COM COMBO DE MES E ANO*/
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 5px;
}
/*DEFINE O POSICIONAMENTO DA BASE DE MÊS ANTERIOR*/
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

/*Define o posicionamento da base de Proximo mes*/
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

    /*DEFINE O POSICIONAMENTO GERAL DAS SETAS DE NAVEGAÇÃO - PROXIMO E ANTERIOR*/
    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }
/*CLASSE ESTILIZA BOTÔES DE PROXIMO E ANTERIOR MÊS*/
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    background: url(../images/setas_calendario.png) -1px 4px no-repeat;
}

.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    background: url(../images/setas_calendario.png) -12px 4px no-repeat;
}

/*CENTRALIZA COMBOS DE MÊS E ANO CONFORME O TAMANHO DA BASE GERAL*/
.ui-datepicker .ui-datepicker-title {
    margin: 0 auto;
    text-align: center;
}
/*TAMANHO E FORMATAÇÃO DA COMBO DO MES*/
.ui-datepicker select.ui-datepicker-month {
    width: 46%;
    font-size: 11px;
    color: #000;
    margin-right: 5px;
    height: 20px !important;
}
/*TAMANHO E FORMATAÇÃO DA COMBO DO ANO*/
.ui-datepicker select.ui-datepicker-year {
    width: 30%;
    font-size: 11px;
    color: #000;
    height: 20px !important;
}

/*------------------------------------ DIA DA SEMANA -----------------------------------*/
/*FORMATA DATAS E DIAS DA SEMANA EM GERAL DO CALENDARIO*/
.ui-datepicker table {
    width: 100%;
    font-size: 11px;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

/*FORMATA LETRAS INDICANDO DIAS DA SEMANA*/
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    color: #446898;
}

/*------------------------------------ FORMATAÇÃO DE DATA NORMAL, AO PASSAR O MOUSE E EM ESTADO CLICADO -----------------------------------*/
/*FONTE PADRÃO DO CALENDARIO*/
.ui-widget {
    font-family: Open Sans;
}
/*FORMATA AS DATAS EM ESTADO NORMAL*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: #eeeff1;
    font-weight: normal;
    color: #000;
}
/*FORMATA AS DATAS EM ESTADO HOVER(AO PASSAR O MOUSE)*/
.ui-datepicker-calendar a:hover {
    background: #1987c5;
    color: #fff;
}
/*FORMATA DATA SELECIONADA*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #1987c5;
    font-weight: normal;
    color: #fff;
}
/*TIRA A FORMATAÇÃO DAS CELULAS QUE NÃO FAZEM PARTE DO MÊS*/
.ui-datepicker td {
    border: 0;
    padding: 1px;
}

    /*FORMATA AS CELULAS COM HYPERLINKS(DATAS)*/
    .ui-datepicker td span, .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: center;
        text-decoration: none;
    }
/*------------------------------------ DATA ATUAL DO SISTEMA -----------------------------------*/
/*----- FORMATA A DATA ATUAL DO SISTEMA  -----*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #1987c5 !important;
    color: #fff !important;
    font-weight: bold !important;
}
/*------------------------------------ FORMATA BOTÕES - HOJE/FECHAR -----------------------------------*/
/*FORMATA A LINHA QUE SEPARA DATAS DOS BOTOES (HOJE/FECHAR)*/
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
    /*POSICAO DOS BOTÕES HOJE E FECHAR*/
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
    }
/*ESCONDE TEXTOS DOS TOOLTIPS*/
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
/*TRABALHA O ALINHAMENTO DOS BOTÕES HOJE E FECHAR*/
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
    font-size: 11px;
    border: 1px solid #b5b5b5;
    color: #000;
    background: #e6e6e6;
    border-radius: 3px;
}
    /*ESTILIZA BOTÕES DE HOJE E FECHAR AO PASSAR O MOUSE*/
    .ui-datepicker .ui-datepicker-buttonpane button:hover {
        background: #1987c5;
        color: #fff;
    }
/*DiarioBordo.aspx*/
.Arame {
    margin-left: 60px;
}

    .Arame li {
        height: 20px;
        width: 10px;
        float: left;
        margin: 0 10px 0 0;
        border: 1px solid #b2b2b2;
        background-image: linear-gradient(rgb(182,182,182), rgb(255,255,255), rgb(182,182,182));
        list-style: none;
    }

.ConteudoCaderno {
    width: 195px;
    height: 135px;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    margin-top: -10px;
    box-shadow: 1px 1px 4px 0 rgba(50, 50, 50, 0.50);
    text-align: center;
}

.ConteudoCaderno2 {
    border-radius: 5px;
    font-size: 11px;
    color: #707070;
    box-shadow: 1px 1px 4px 0 rgba(50, 50, 50, 0.50);
    text-align: center;
    background: #f1f1f1;
    margin-top: 3px;
    height: 500px;
    width: 131px;
}

.baseCardapio {
    width: 131px;
    text-align: center;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.baseBotoes {
    height: 15px;
    width: 100%;
    background: #e8e8e8;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center;
}

    .baseBotoes a {
        color: #707070;
        text-align: center;
        text-decoration: none;
        margin-left: 20px;
    }

    .baseBotoes button {
        border: none;
    }

.BaseCaderno {
    padding: 15px;
    border-radius: 5px;
    display: block;
    height: auto;
    border: 1px solid #d7d7d7;
}

.align-middle {
    vertical-align: sub;
}
/*CALENDARIO ESCOLAR*/
.divInicioAno, .divFimAno {
    width: 45px;
    height: 39px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.divInicioAno {
    background: url(../images/imgInformacoes.png) 0 -415px no-repeat;
}

.divFimAno {
    background: url(../images/imgInformacoes.png) 0 -460px no-repeat;
}

.divDiaLetivo, .divDiaNaoLetivo {
    width: 45px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.divDiaLetivo {
    background: url(../images/imgInformacoes.png) 0 -506px no-repeat;
}

.divDiaNaoLetivo {
    background: url(../images/imgInformacoes.png) 0 -550px no-repeat;
}
/*CONSELHO DE CLASSE*/
/*ICONES VERDES*/

.divDataIngressaoVerde, .divDataIngressaoVermelho {
    width: 31px;
    height: 39px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.divDataIngressaoVerde {
    background: url(../images/imgInformacoes.png) no-repeat;
}

.divDataIngressaoVermelho {
    background: url(../images/imgInformacoes.png) 0 -40px no-repeat;
}

.divSituacaoVerde, .divSituacaoVermelho {
    width: 45px;
    height: 39px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.divSituacaoVerde {
    background: url(../images/imgInformacoes.png) 0 -81px no-repeat;
}

.divSituacaoVermelho {
    background: url(../images/imgInformacoes.png) 0 -122px no-repeat;
}

.divAtrasoVerde, .divAtrasoVermelho {
    width: 28px;
    height: 39px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.divAtrasoVerde {
    background: url(../images/imgInformacoes.png) 0 -163px no-repeat;
}

.divAtrasoVermelho {
    background: url(../images/imgInformacoes.png) 0 -204px no-repeat;
}

.divImagemVerde, .divImagemVermelho {
    width: 45px;
    height: 39px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.divImagemVerde {
    background: url(../images/imgInformacoes.png) 0 -245px no-repeat;
}

.divImagemVermelho {
    background: url(../images/imgInformacoes.png) 0 -284px no-repeat;
}

.divBucalVerde, .divBucalVermelho {
    width: 45px;
    height: 39px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.divBucalVerde {
    background: url(../images/imgInformacoes.png) 0 -327px no-repeat;
}

.divBucalVermelho {
    background: url(../images/imgInformacoes.png) 0 -368px no-repeat;
}

/*SETAS INDICATIVAS*/
.ViagemIda, .ViagemVolta, .ViagemIdaVolta {
    width: 25px;
    height: 25px;
}

.ViagemIda {
    background: url(../images/imgSetas.png) 0 -25px no-repeat;
}

.ViagemVolta {
    background: url(../images/imgSetas.png) 0 0 no-repeat;
}

.ViagemIdaVolta {
    background: url(../images/imgSetas.png) 0 -50px no-repeat;
}
/*TOTALIZADORES*/
.baseTotalizador {
    width: 990px;
    height: auto;
    margin-bottom: 15px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
}

.separadorTotalizador {
    width: 1px;
    height: 28px;
    background: linear-gradient(to bottom, #f4f4f4, #ccc, #f4f4f4);
    margin: 0 10px;
}

.btnFiltro, .btnRetirarFiltro, .btnCancelarFiltro, .btnAtualizaTotalizador {
    width: 22px;
    height: 20px;
    border: none;
    cursor: pointer;
}

.btnFiltro {
    background: url(../images/icoTotalizadores.png) 0 0 no-repeat;
}

.btnRetirarFiltro {
    background: url(../images/icoTotalizadores.png) 0 -34px no-repeat;
}

.btnCancelarFiltro {
    background: url("../images/icoTotalizadores.png") 0 -164px no-repeat;
}

.btnAtualizaTotalizador {
    background: url("../images/icoTotalizadores.png") 0 -135px no-repeat;
}

.icoExpande, .icoOculta {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    width: 50px;
    height: 18px;
    cursor: pointer;
}

.icoOculta {
    background: url('../images/icoTotalizadores.png') 12px -102px no-repeat, linear-gradient(to bottom, #fafafa, #e9e9e9);
}

    .icoOculta:hover {
        background: url('../images/icoTotalizadores.png') 12px -102px no-repeat, linear-gradient(to bottom, #e9e9e9, #fafafa);
    }

.icoExpande {
    background: url('../images/icoTotalizadores.png') 12px -68px no-repeat, linear-gradient(to bottom, #fafafa, #e9e9e9);
}

    .icoExpande:hover {
        background: url('../images/icoTotalizadores.png') 12px -68px no-repeat, linear-gradient(to bottom, #e9e9e9, #fafafa);
    }

.baseTotalizadorCor, .baseTotalizadorCor1, .baseTotalizadorCor2, .baseTotalizadorCor3, .baseTotalizadorCor4, .baseTotalizadorCor5, .baseTotalizadorPadrao, .baseTotalizadorSel {
    width: 175px;
    height: 64px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    color: #fff;
    margin-right: 29px;
    padding-top: 5px;
}

.baseTotalizadorCor1 {
    background: #b6101d;
}

.baseTotalizadorCor2 {
    background: #f5a700;
}

.baseTotalizadorCor3 {
    background: #008e32;
}

.baseTotalizadorCor4 {
    background: #ff6000;
}

.baseTotalizadorCor5 {
    background: #076d8e;
}

.baseTotalizadorPadrao {
    background: #aaa;
}

.baseTotalizadorSel {
    background: linear-gradient(to bottom, #54afcd, #076d8e);
}

.labelTotalizador {
    font-size: 25px;
    font-weight: bold;
}

.divFiltroTemporal {
    background: #f5f5f5;
    border-radius: 0 0 3px 3px;
    border: 1px solid #aaa;
    border-top: none;
    font-size: 12px;
    color: #444;
    width: 168px;
    height: 17px;
    padding: 3px 0 0 5px;
}

.linkTotalizador .baseTotalizadorPadrao:hover, .linkTotalizador .baseTotalizadorSel:hover {
    background: #076d8e;
}

/*TIMELINE USADO DA TELA DE IMAGENS DA ESTRUTURA*/

.divCirculoLaranja, .divCirculoAzul {
    border-radius: 15px;
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.divCirculoLaranja {
    background: url("../images/icoTimeLine.png") #f5a700 0 0;
}

.divCirculoAzul {
    background: url("../images/icoTimeLine.png") 0 -28px #008dbd;
}

.divSetaLinhaTempo, .divSetaAzulLinhaTempo {
    width: 7px;
    height: 13px;
    margin: 7px -1px 0 0;
}

.divSetaLinhaTempo {
    background: url("../images/icoTimeLine.png") 0 -15px;
}

.divSetaAzulLinhaTempo {
    background: url("../images/icoTimeLine.png") -21px -22px;
}


.divBaseEstrutura, .divBaseSala {
    height: 21px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 0 0 10px;
    width: 957px;
}

.divBaseEstrutura {
    background: #f5a700;
}

.divBaseSala {
    background: #1882c0;
}

.linhaTempo {
    width: 2px;
    height: 32px;
    background: #898989;
    margin-left: 13px;
}
/*ESTRUTURA DE PASTAS DE IMAGENS*/
.basePasta {
    width: 210px;
    height: 140px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #1882c0;
    margin: 0 41px 15px 0;
    background: #fff;
    transition: all 300ms ease;
    opacity: 1;
}

    .basePasta:hover {
        background: rgba(25,135,197,0.2);
        opacity: 1;
    }

.icoPasta, .icoPastaHover {
    width: 100px;
    height: 86px;
    margin-top: 10px;
    margin-bottom: 5px;
    position: absolute;
    margin-left: 55px;
}

.icoPasta {
    background: url("../images/icoPasta.png");
}

.icoPastaHover {
    background: url("../images/icoPastaHover.png") no-repeat;
    opacity: 0;
}

.icoPastaAberta {
    background: url("../images/icoTimeLine.png") no-repeat -6px -36px;
    width: 16px;
    height: 12px;
    margin: 1px 5px 0 5px;
}

.someIcoPasta:hover .icoPasta {
    opacity: 0;
}

.basePasta:hover .icoPastaHover {
    opacity: 1;
}

/*CLASSES PARA ESTILIZAR MINIATURAS DE IMAGENS PARA EFEITO LIGHTBOX*/

/*BASE DA MINIATURA*/
.larguraMiniatura {
    width: 172px;
    height: 102px;
    float: left;
    margin-right: 39px;
    margin-bottom: 70px;
}

.baseMiniatura {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    width: 154px;
    height: 102px;
    padding: 5px;
}

    .baseMiniatura img {
        border-radius: 3px;
    }

.buttonRemove {
    margin: 5px 0 0 31px;
    background: url('../images/icoRemove.png') 8px 2px no-repeat, linear-gradient(to bottom, #fdfdfd, #e7e7e7);
    width: 100px;
    height: 18px;
    padding-top: 7px;
    cursor: pointer !important;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid #d1d1d1;
    text-indent: 35px;
    color: #444;
}

/*MASCARA DE FUNDO*/
#lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
    overflow-x: hidden;
}
/*CONTENT PRINCIPAL DA IMAGEM ABERTA*/
#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999999999;
    text-align: left;
    line-height: 0;
    font-weight: normal;
    display: none;
}
    /*ESTILIZA IMAGEM ABERTA*/
    #lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        border-radius: 5px;
        border: 5px solid #fff;
    }
/*BASE PRINCIPAL DA IMAGEM ABERTA(BORDA BRANCA)*/
.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

/*POSIÇÃO DA BARRA DE CARREGAR*/
.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
/*INSERE BARRA DE CARREGAR*/
.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat;
}
/*POSIÇÃO DAS SETAS DE NAVEGAÇÃO*/
.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

/*BOTOES DE AVANÇAR E RECUAR IMAGENS*/
.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

/*BOTAO DE RECUAR IMAGEM*/
.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
    /*EFEITO PARA APARECER COM BOTAO DE RECUAR*/
    .lb-nav a.lb-prev:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
/*BOTAO DE AVANÇAR IMAGEM*/
.lb-nav a.lb-next {
    width: 34%;
    right: 0;
    float: right;
    background: url(../images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
    /*EFEITO PARA APARECER COM BOTAO DE AVANÇAR*/
    .lb-nav a.lb-next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
/*BASE PRINCIPAL PARA TEXTO DESCRITIVO E BOTÃO FECHAR*/
.lb-dataContainer {
    margin: 0 auto;
    padding-left: 0;
    *zoom: 1;
    width: 100%;
    border-radius: 0 0 4px 4px;
}

.alinhamentoDestritivo {
    margin-right: 35px;
    margin-bottom: 10px;
}

/*FORMATA TEXTO DESCRITIVO*/
.lb-data {
    color: #444;
    font-size: 13px;
}
    /*AREA DESCRITIVA*/
    .lb-data .lb-details {
        width: 100%;
        float: left;
        background: #fff;
        border-radius: 0 0 4px 4px;
        padding-top: 10px;
        margin-bottom: 5px;
        border: 5px solid #fff;
    }
    /*FORMATA TEXTO DE QUANTIDADE DE IMAGENS*/
    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 5px;
        font-size: 12px;
        color: #999999;
        margin-top: 10px;
        font-style: italic;
        text-align: center;
    }
    /*BOTÃO DE FECHAR IMAGEM ABERTA*/
    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(../images/close.png) top right no-repeat;
        text-align: right;
        outline: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
        /*EFEITO NO BOTAO DE FECHAR*/
        .lb-data .lb-close:hover {
            cursor: pointer;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }

.div-select option {
    color: #5c5c5c;
    border: 1px solid #cfcfcf;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 12pt;
    font-weight: normal;
    height: 30px;
    padding: 10px 0 0 10px;
}

.select200 {
    height: 200px;
    width: 484px;
    border: 1px solid #cfcfcf;
}

.label-left {
    font-size: 13px;
    color: #666;
    float: left;
    padding: 1px;
}

.botao-sair-aluno {
    width: 80px;
    padding: 15px 40px 0px 0px;
    cursor: pointer;
}

@media screen and (max-width: 320px) {
    .header {
        background: none !important;
    }

    .logoResp {
        text-align: left !important;
        padding-left: 22px;
    }

    .logoGier {
        width: 100px !important;
    }

        .logoGier img {
            max-width: 80px;
        }

    .logoCliente img {
        display: none;
    }

    .lblCliente, .lblEstrutura, .lblAluno {
        font-size: 10px;
    }

    .clienteEstruturaAluno {
        height: 60px;
    }

        .clienteEstruturaAluno div:nth-child(1) {
            margin-top: 0px;
        }

        .clienteEstruturaAluno div {
            font-size: 11px;
            height: 15px;
        }

    .clienteEstrutura {
        white-space: nowrap;
        overflow: hidden;
        width: 120px;
    }
}

@media screen and (min-width: 321px) and (max-width: 560px) {
    .header {
        background: none !important;
    }

    .logoResp {
        text-align: left !important;
        padding-left: 22px;
    }

    .logoGier {
        width: 100px !important;
    }

        .logoGier img {
            max-width: 80px;
        }

    .logoCliente img {
        display: none;
    }

    .lblCliente, .lblEstrutura, .lblAluno {
        font-size: 12px;
    }

    .clienteEstruturaAluno {
        height: 60px;
    }

        .clienteEstruturaAluno div:nth-child(1) {
            margin-top: 0px;
        }

        .clienteEstruturaAluno div {
            font-size: 11px;
            height: 15px;
        }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
    .clienteEstrutura {
        white-space: nowrap;
        overflow: hidden;
        width: 155px;
    }
}

@media screen and (min-width: 361px) and (max-width: 560px) {
    .clienteEstrutura {
        white-space: nowrap;
        overflow: hidden;
        width: 190px;
    }
}

@media screen and (max-width: 730px) {
    .header {
        background: none !important;
    }

    .logoResp {
        text-align: left !important;
        padding-left: 22px;
    }

    .logoGier {
        width: 100px !important;
    }

    .logoCliente img {
        padding: 10px 20px 0px 20px;
    }

    .logoGier img {
        max-width: 80px;
    }

    .lblCliente, .lblEstrutura {
        font-size: 12px;
    }

    .botao-sair-aluno {
        width: 60px;
        padding: 15px 20px 0px 0px;
    }
}

@media screen and (max-width: 1550px) {
    .divOndeEstou {
        width: 90%;
    }
}

@media screen and (max-width: 1380px) {
    .divOndeEstou {
        width: 82%;
        font-size: 18px;
    }

        .divOndeEstou .atual {
            font-size: 18px;
        }
}

@media screen and (max-width: 1200px) {
    .divOndeEstou {
        margin-left: 20px;
    }
}

.btnOlhoAberto {
    background: url('/Login/Image/visibilidadeOn.svg') center no-repeat !important;
}

.btnOlhoFechado {
    background: url('/Login/Image/visibilidadeOff.svg') center no-repeat !important;
}

.btnOlhoAberto, .btnOlhoFechado {
    width: 35px !important;
    vertical-align: middle !important;
    margin-left: -35px;
    position: relative !important;
    cursor: pointer;
    border: 0px !important;
}

.txtPequenoTopo {
    font-size: x-small !important;
    vertical-align: text-top !important;
}

.tdPendenciaSED {
    min-width: 10px;
    max-width: 10px;
    margin: -10px;
    padding: 1px 1px 1px 1px !important;
}

.tdRemoverPendenciaSED {
    min-width: 0px;
    max-width: 0px;
    margin: 0px;
    padding: 0px 0px 0px 0px !important;
}

.botao-cinza {
    padding: 6px 15px 6px 15px;
    width: 110px;
    font-size: 12px;
    border: 1px solid #c8c8c8;
    background-color: #e9e9e9;
}


.tituloObra {
    padding: 10px;
    text-align: center;
    background-color: #09a6f1;
    color: white;
}

.paginacaoBiblioteca {
    padding: 10px;
    border: 1px solid #09a6f1;
    color: #09a6f1;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    background-color: white;
    margin: -3px;
}

.paginacaoBibliotecaSelecionado {
    padding: 10px;
    border: 1px solid #09a6f1;
    color: white;
    cursor: default;
    text-align: center;
    text-decoration: none;
    background-color: #09a6f1;
    margin: -3px;
}

.paginacaoBibliotecaDisable {
    padding: 10px;
    border: 1px solid #d1d1d1;
    color: #6c6c6c;
    cursor: default;
    text-align: center;
    text-decoration: none;
    background-color: white;
    margin: -1px;
}

.obraBibliotecaConteiner {
    padding: 5px;
    margin: 5px;
}

.obraBibliotecaImagem {
    margin: 10px 15px;
    width: 210px;
    position: absolute;
    max-height: 260px;
}

.tituloBiblioteca {
    padding: 5px;
    text-align: center;
    background-color: #041966;
    color: white;
}

.bibliotecaExemplar {
    padding: 5px;
    margin: 10px 20px;
}

.btnReferenciaBibliografica {
    margin: 10px 15px;
    width: 210px;
    margin-top: 250px;
    color: black;
    border-color: black;
    -webkit-appearance: button;
    text-decoration: none;
}

.btnMarc {
    margin: 10px 15px;
    width: 210px;
    color: white;
    background-color: navy;
    -webkit-appearance: button;
    text-decoration: none;
}

.btnEncaminhar {
    margin: 10px 15px;
    width: 300px;
    border-color: green;
    color: green;
    background-color: white;
    text-decoration: none;
    -webkit-appearance: button;
}


.txtModal {
    width: 850px;
}

.referenciaEncaminhar {
    color: #041966;
    background-color: #09a6f1;
    padding: 10px;
    width: 850px;
}

/*Estilo para os botoes de biblioteca*/
.btnBiblioteca {
    border: 1px solid #d1d1d1;
    color: black;
    cursor: pointer;
    text-align: center;
    margin: 2px;
    padding: 6px 0px 0px 0px;
    border-radius: 3px;
    text-transform: none;
}

.btnBibliotecaVisualizar {
    background: #DAE9F8;
}

.btnBibliotecaAlterar {
    background: #FFCC99;
}

.btnBibliotecaExcluir {
    background: #FBE2D5;
}

.btnBibliotecaHistorico {
    background: #FFFFCC;
}

.btnBibliotecaExemplares {
    background: #FFFFFF;
}

.btnBibliotecaLocalizarItens {
    background: #0097d7;
}

.btnBibliotecaFecharAbrirInventario {
    background: #ce5b09;
}

.textRemoverCapitalize {
    text-transform: none;
}

.textItalico {
    font-style: italic;
}

.btnPlanejamentoTurmas {
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    -webkit-rtl-ordering: logical;
    margin: 0em;
    appearance: auto;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    color: buttontext;
    padding: 1px 6px;
    text-decoration: none;
}



.zoomImage {
    transition: transform .3s;
}

    .zoomImage:hover {
        -ms-transform: scale(2.0); /* IE 9 */
        -webkit-transform: scale(2.0); /* Safari 3-8 */
        transform: scale(1.5);
    }