@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
}

.MenuSuperiorCabecalho {
    background: url(../../imgs/Odontoclinic/FundoBarra.png) repeat-x;
    padding: 0px;
}

    .MenuSuperiorCabecalho .IconeMenu {
        background: url(../../imgs/Odontoclinic/BT_Menu_Normal.png) no-repeat;
        width: 56px;
        height: 62px;
        margin-top: 4px;
        margin-left: 3px;
        margin-bottom: 4px;
    }

        .MenuSuperiorCabecalho .IconeMenu:hover {
            background: url(../../imgs/Odontoclinic/Bt_Menu_Azul.jpg) no-repeat;
        }

#MenuSuperiorCabecalhoDrop {
    width: 100%;
    height: 100%;
    padding: 0px;
}

.MenuSuperiorCabecalho .MenuSuperiorCabecalhoLogo {

    margin: 7px 0 0px 10px;
    height: 55px;
    width: auto;
    float: left;
}

.MenuSuperiorCabecalho .MenuSuperiorCabecalhoNome {
    background-color: white;
    padding: 2px 6px;
    float: left;
    margin: 7px 0 4px 15px;
    width: 60%;
}

.user {
    color: #398fc7;
    font-size: 14px;
}

.place {
    color: #83cae9;
    font-size: 14px;
}

@media screen and (max-width: 964px) {
    .MenuSuperiorCabecalho .MenuSuperiorCabecalhoNome {
        width: 75%;
    }

    .MenuSuperiorCabecalhoMenuIcon {
        display: none;
    }
}

@media screen and (max-width: 410px) {
    .MenuSuperiorCabecalho .MenuSuperiorCabecalhoLogo {
        margin: 16px 0 0 10px;
        height: 38px;
    }
}

#headerPopup {
    width: 100%;
    background-color: #000449;
    height: 50px;
}

#headerPopupLogo {
    float: left;
    list-style: none;
    background: url(../../imgs/Odontoclinic/logoBranco.png) no-repeat;
    background-position: 20px 4px;
    background-size: auto 42px;
    width: 418px;
    height: 100%
}

#headerPopupInfo {
    width: 100%;
    height: 100%;
    text-align: center;
    color: white;
}

#headerPopupInfoTitulo {
    font-size: 28px;
}

#headerPopupInfoUser {
    font-size: 14px;
}

.navItens {
    float: left;
    padding: 4px;
    width: 340px;
}

    .navItens ul li {
        list-style: none;
        float: left;
        height: 28px;
        padding: 0 27px;
    }

.iconNav1 a {
    width: 28px;
    height: 28px;
    position: absolute;
    text-indent: -9999px;
}

.iconNav2 a {
    width: 28px;
    height: 28px;
    position: absolute;
    text-indent: -9999px;
}

*.iconNav3 a {
    width: 28px;
    height: 28px;
    position: absolute;
    text-indent: -9999px;
}

.iconNav4 a {
    width: 28px;
    height: 28px;
    position: absolute;
    text-indent: -9999px;
}

.iconNav5 a {
    width: 28px;
    height: 28px;
    position: absolute;
    text-indent: -9999px;
}

/*main*/
#main {
    width: 100%;
    margin: 0 auto;
    padding: 0px 10px;
}

.navMain {
    float: left;
    width: 56px;
    height: 62px;
}

.tableTit {
    background-color: #daecf6;
}

.disableTabHover:hover {
    background-color: #fff !important;
    border-top-color: #fff !important;
    border-right-color: #fff !important;
    border-left-color: #fff !important;
    cursor: default;
}

.form-control ul li {
    list-style-type: none;
}

.iconTit {
    cursor: pointer;
}

.iconTitGreen {
    color: #60b763;
}

.iconTitOrange {
    color: #eda229;
}

.iconTitRed {
    color: #ee2f32;
}

.iconTitBlue {
    color: #1468b3;
    padding-right: 20px;
}

    .iconTitBlue:hover {
        color: #285e8e;
        padding-right: 20px;
    }

.iconTitDanger {
    color: #d9534f;
    padding-right: 20px;
}

.iconTitGrey {
    color: #ccc;
}

.iconTitBlack {
    color: #000;
}

.iconTitWhite {
    color: #FFF;
}

.testBg {
    background-color: #f5f5f5;
    padding: 10px;
}

.iconTitBlueA {
    color: #1568B4;
}

/*estilos parágrafos*/
h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
    background-color: #ddf3fe;
    width: 100%;
    color: #0188cc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 10px;
    clear: both;
}

.danger {
    background-color: #FFB9B9;
    color: #d9534f;
}

.dangerText {
    color: #d9534f;
}

.inform {
    background-color: #8add7a;
    color: #60b763;
}

h3 {
    font-size: 16px;
    background-color: #1468b3;
    width: 100%;
    color: #0188cc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 10px;
    clear: both;
    color: #fff;
}

h4 {
    font-size: 16px;
    color: #1469b3;
}

p {
    margin: 5px 0;
}

.boxBlue {
    border: 1px solid #BCE8E7;
    border-radius: 5px;
    float: left;
    margin: 0px 0 5px 0;
    padding: 0 20px 0 20px;
    width: 960px;
}

    .boxBlue h2 {
        margin-top: 7px;
    }

.formBlock {
    float: left;
    width: 100%;
}

.formBlockBlue {
    background-color: #1468B3;
    border-radius: 5px;
    color: #FFFFFF;
    float: left;
    margin: 10px 0 -16px;
    padding: 0 10px;
}

.BlockBlue {
    background-color: #1468B3;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0 10px;
}

.formBlock p {
    padding: 0px;
    margin: 0px;
}

.formBlock #loading-overlay {
    width: 100% !important;
    height: 100% !important;
}

.linha {
    background-color: #E5E5E5;
    height: 1px;
    margin-top: 10px !important;
}

li, ul, ol {
    list-style: none !important;
}

/*icones over e normal*/
.iconEdit a {
    background: url(../imgs/editIconNormal.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconEdit a:hover {
        background: url(../imgs/editIconOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconOptions a {
    background: url(../imgs/iconOptionsNormal.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconOptions a:hover {
        background: url(../imgs/iconOptionsOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconOptions span {
    background: url(../imgs/iconOptionsNormal.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconOptions span:hover {
        background: url(../imgs/iconOptionsOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconRight a {
    background: url(../imgs/iconRightNormal.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconRight a:hover {
        background: url(../imgs/iconRightOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconWrong a {
    background: url(../imgs/iconWrongNormal.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconWrong a:hover {
        background: url(../imgs/iconWrongOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconStar a {
    background: url(../imgs/star.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconStar a:hover {
        background: url(../imgs/starOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconPlus a {
    background: url(../imgs/icon-plus.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconPlus a:hover {
        background: url(../iimgs/icon-plusOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconPlus {
    background: url(../iimgs/icon-plus.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconPlus:hover {
        background: url(imgs/icon-plusOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconSubtract a {
    background: url(../imgs/iconSubtract.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
}

    .iconSubtract a:hover {
        background: url(../imgs/iconSubtractOver.png) no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        text-indent: -9999px;
    }

.iconVideo {
    background: url(../../imgs/icon-video.png) no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

    .iconVideo:hover {
        background: url(../../imgs/icon-videoOver.png) no-repeat;
        background-size: cover;
        width: 28px;
        height: 28px;
    }

.identificacao {
    border-radius: 20px;
    padding: 5px;
    background-color: #377fbe;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.identificacaoAgenda {
    border-radius: 20px;
    padding: 5px;
    background-color: #377fbe;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    left: -24px;
    top: 24px;
}

/*footer*/
#footer {
    width: 100%;
    *background-color: #fafafa;
    float: left;
    margin-top: 10px;
    height: 30px;
    text-indent: -9999px;
}

/******classe que será adicionada fazendo flutuar o menu depois que o usuário rolar a página******/
.f-nav {
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;
}

/************************************

    NOSSAS IMPLEMENTAÇÕES

************************************/

/*estilos para menu*/

.dropdown-menu > li {
    position: relative;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    cursor: pointer;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display: none;
    margin-top: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: #fff;
    box-shadow: none;
}

.right-caret {
    background-image: url('../../imgs/MenuSetaDireita.png');
    background-size: 5px;
    background-position: 95%;
    content: "";
    background-repeat: no-repeat;
}

.left-caret {
    background-image: url('../../imgs/MenuSetaEsquerda.png');
    background-size: 5px;
    background-position: 95%;
    content: "";
    background-repeat: no-repeat;
}

.Vermelho {
    background-color: #FF8989;
    font-weight: bold;
}

.Amarelo {
    background-color: #DDDD00;
    font-weight: bold;
}

.Verde {
    background-color: #47CC47;
    font-weight: bold;
}

.None {
    font-weight: normal;
}

/*Adequações*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

@-moz-document url-prefix() {
    .dropdown-menu > li > a;

{
    display: inline-flex;
}
}

.form-control {
    width: 100%;
}

.form-inline select.form-control {
    width: 100%;
}

#grid th.k-header {
    text-align: center;
}

.input-validation-error {
    border: solid 2px #e80c4d !important;
}

.k-grid {
    font-size: 12px !important;
}

.col-md-12-breadcrumb {
    width: 100%;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.breadcrumb {
    margin-bottom: 0px;
}

.k-footer-template {
    text-align: right;
}

.k-numeric-wrap .k-input {
    height: 28px;
    text-align: right;
    padding-right: 5px;
}

/* force background colour printing in chrome browser */
@media print {
    @page {
        size: A4;
        margin: 0;
    }

    * {
        -webkit-print-color-adjust: exact;
    }

    .printview {
        margin: initial;
        width: initial;
    }

    .toolbar {
        display: none;
    }

    .page {
        margin: 0;
        border: none;
        border-radius: 0;
        width: 210mm;
        min-height: 295mm;
        box-shadow: 0;
        background: initial;
        page-break-after: always;
    }

    .page-header, .page-footer, .page-body {
        border: none;
    }

    .content {
        flow: page-flow;
        -webkit-flow: page-flow;
        display: none;
    }

    .printview:first-child {
        margin-top: 0;
    }

    .page:last-child {
        margin-bottom: 0;
    }

    .noPrint {
        display: none !important;
    }
}

.HighlightsBorderWarning {
    border-color: rgba(255,138,109,59) !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,138,109,59) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,138,109,59) !important;
}

.HighlightsBordersuccess {
    border-color: #3c763d !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #3c763d !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #3c763d !important;
}

.version {
    position: fixed;
    bottom: 0;
    padding-right: 10px;
    width: 100%;
}

.k-grid-export-image {
    display: inline-block;
    background: url('../../imgs/Excel-icon.png');
    height: 24px;
    width: 24px;
}

.k-detail-cell .k-tabstrip .k-content {
    padding: 0.2em;
}

.Historico-detalhe ul {
    list-style: none;
    font-style: italic;
    margin: 15px;
    padding: 0;
    list-style-type: none;
    width: inherit;
}

    .Historico-detalhe ul li {
        margin: 30px 0 0 50px;
        padding: 0 10px 0 0;
    }

.Historico-detalhe label {
    display: inline-block;
    width: 90px;
    padding-right: 10px;
    text-align: right;
    font-style: normal;
    font-weight: bold;
}

span.k-widget.k-datepicker.date {
    width: 100%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: static;
    vertical-align: middle;
}

.btn-grid {
    display: inline-block;
    padding: 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    margin-left: 2px;
    margin-right: 2px;
    width: 80%;
}

.icon-color-blue {
    color: #1468B0;
    font-size: 18px;
    cursor: pointer;
}

    .icon-color-blue:hover {
        color: #3276b1;
        font-size: 18px;
        cursor: pointer;
    }

.icon-color-silver {
    color: #626262;
    font-size: 18px;
    cursor: pointer;
}

    .icon-color-silver:hover {
        color: black;
        font-size: 18px;
        cursor: pointer;
    }

.icon-color-green {
    color: #82b74b;
    font-size: 18px;
    cursor: pointer;
}

    .icon-color-green:hover {
        color: #4dff4d;
        font-size: 18px;
        cursor: pointer;
    }

.icon-width {
    width: 25px;
}

.AgendaCompletadivMaster {
    overflow: auto;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
}

.CabecalhoHorarios {
    float: left;
    /*background: white !important;*/
}

.AgendaCompletaHorario {
    width: 110px;
    float: left;
}

.CorpoHorarios {
    float: left;
    padding: 5px;
}

.AgendaCompletaDentista {
    width: 202px;
    float: left;
}

.AgendaCompletadivMaster > div.active {
    background: #D5D5D5;
    border: 1px solid #CCC;
}

.fixar {
    position: fixed;
    margin-top: 0px !important;
}

.container {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
}

.table-Carta {
    border-collapse: collapse;
}

/*************************************/
/*Style SnapShot*/
/*************************************/

div.snapShot {
    background-color: #F5F1F1;
    padding: 5px 5px 0px 5px;
    font-size: 12px;
    line-height: 0.5;
    color: black;
    margin: 0 auto;
    height: 210px;
    cursor: pointer;
    border-color: #D2D1D1;
}

div.reduzindoPadding {
    padding-right: 2px;
}

div.snapShotClick {
    padding: 5px 5px 0px 5px;
    font-size: 12px;
    line-height: 0.5;
    color: black;
    margin: 0 auto;
    height: 210px;
    border-color: #D2D1D1;
}

.snapShotFonteGreen {
    font-size: 11px;
    text-align: right;
    vertical-align: top;
    text-align: right;
    color: green;
}

.snapShotFonteOrange {
    font-size: 11px;
    text-align: right;
    vertical-align: top;
    text-align: right;
    /*color: orange;*/
    color: #FF8000;
}

.snapShotFonteRed {
    font-size: 11px;
    text-align: right;
    vertical-align: top;
    text-align: right;
    /*color: red;*/
    color: #FF0000;
}

.snapShotTitulo {
    font-weight: bold;
}

svg {
    font-family: Arial, Helvetica, sans-serif !important;
}

.SetBold {
    font-weight: bold;
}

/*************************************/
/*Style Squared*/
/*************************************/

.squaredOwner {
    margin: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
}

    .squaredOwner [class*="col"] {
        display: inline-block;
        /*float: none;*/
    }

.squaredX {
    height: 30px;
    vertical-align: text-bottom;
}

.squaredModY {
    float: left;
    text-align: left;
    vertical-align: middle;
    background: #FAFAFA;
    padding-left: 5px;
}

.squaredY {
    float: left;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
}

.squared {
    float: left;
    border: solid 1px;
    border-color: white;
    cursor: pointer;
}

/*.squared:hover {
        opacity: 1;
    }*/

.squaredHover {
    opacity: 1 !important;
}

.squareds {
    opacity: 0.3;
}

.squaredsDetalhe {
    float: left;
    border: 1px solid;
    border-color: white;
    padding: 10px;
    height: 160px;
}

.degradeRead {
    background: -webkit-linear-gradient(#FF0000, #FE2E2E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF0000, #FE2E2E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF0000, #FE2E2E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF0000, #FE2E2E); /* Standard syntax */
}

.degradeOrange {
    background: -webkit-linear-gradient(#F7D358,#FFBF00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F7D358, #FFBF00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F7D358,#FFBF00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F7D358, #FFBF00); /* Standard syntax */
}

.degradeGreen {
    background: -webkit-linear-gradient(#D0FA58,#A5DF00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D0FA58, #A5DF00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D0FA58,#A5DF00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D0FA58, #A5DF00); /* Standard syntax */
}

.squaredTitulo {
    font-size: 10px;
}

.squaredSubTitulo {
    font-size: 18px;
}

.squaredValor {
    font-size: 30px;
    text-align: right;
}

.squaredPorcentagem {
    font-size: 12px;
    color: white;
    text-align: right;
}

.div-display-none {
    display: none;
}

.div-hora-padrao {
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    /*color:#1E4D76;*/
}

.modal.modal-wide .modal-dialog {
    width: 90%;
}

.modal-wide .modal-body {
    overflow-y: auto;
}

.datahour {
    height: 30px;
}

.btn-with-icon {
    color: white;
    margin-right: 10px;
}

.btn-before-icon {
    color: white;
    padding-right: 10px;
}

.fotoPacienteImg {
    border: 5px double #004b73;
}

/*.exibir-disabled {
    background-color: #eee;
    opacity: 1;
    cursor: not-allowed;
}*/

/*.botoesReceber {
    width: 31px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
}*/

.btnFull {
    margin: 1px;
}

.glyphicon-big {
    font-size: 24px;
    cursor: pointer;
}

.success-back {
    color: #398639;
    background-color: #BAFFBA;
}

.success-back-line {
    background-color: #BAFFBA;
}

    .success-back-line:hover {
        background-color: #B2EDB2;
    }

.warning-back {
    color: #9F773F;
    background-color: #FFE2BA;
}

.warning-back-line {
    background-color: #FFE2BA;
}

    .warning-back-line:hover {
        background-color: #E7CEAB;
    }

.danger-back {
    color: #d9534f;
    background-color: #FFB9B9;
}

.danger-back-line {
    background-color: #FFB9B9;
}

    .danger-back-line:hover {
        background-color: #EFAEAE;
    }

.fab.fa-whatsapp {
    color: #25D366;
    font-size: 1.2em;
}

.PopupDetalhePainelTelefones {
    display: inline;
}

.telefonesShow {
    margin-right: 15px;
}

td .telefonesShow {
    margin-right: 0px;
    display: block;
}

/* Parte fine-uploader */
/*#trigger-upload {
    color: white;
    background-color: #00ABC7;
    font-size: 14px;
    padding: 7px 20px;
    background-image: none;
}*/

/*#fine-uploader-manual-trigger .qq-upload-button {
    margin-right: 15px;
}*/

/*#fine-uploader-manual-trigger .buttons {
    width: 36%;
}*/

/*#fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
    width: 60%;
}*/