@media print {
    .no-print, no-print * {
        display: none !important;
    }
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.blik-alert-grid {
    background-color: #ffdede !important;
    color: #c00000;
}

    .blik-alert-grid td {
        /*-webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: 100;
        -webkit-animation-name: blik-alert-grid;
        animation-duration: 1s;
        animation-name: blik-alert-grid;*/
        background-color: #ffdede !important;
        color: #c00000;
    }

.blik-alert-grid-reg-med td {
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 100;
    -webkit-animation-name: blik-alert-grid;
    animation-duration: 1s;
    animation-name: blik-alert-grid;
    background-color: #ffdede !important;
    color: #c00000;
}

.blik-alert-grid-atend td {
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 100;
    -webkit-animation-name: blik-alert-grid;
    animation-duration: 1s;
    animation-name: blik-alert-grid;
    background-color: #ffdede !important;
    color: #c00000;
}

.blik-alert-grid-cancelar td {
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 100;
    -webkit-animation-name: blik-alert-grid;
    animation-duration: 1s;
    animation-name: blik-alert-grid;
    background-color: #ffdede !important;
    color: #ffac00
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes blik-alert-grid {
    0% {
        background-color: #FF6347;
    }

    100% {
        background-color: white;
    }
}

/* Standard syntax */

@keyframes blik-alert-grid {
    0% {
        background-color: #FF6347;
    }

    100% {
        background-color: white;
    }
}

html, body {
    overflow: auto !important;
    color: #000000;
    font-family: Tahoma, sans-serif !important;
    padding-right: 0 !important;
}

.navbar-brand {
    width: auto !important;
    font-weight: bolder;
}

.coluna-acoes, .coluna-acoes_1 {
    width: 38px;
}

.coluna-acoes_2 {
    width: 76px;
}

.coluna-acoes_3 {
    width: 114px;
}

.coluna-acoes_4 {
    width: 152px;
}

.coluna-acoes_5 {
    width: 190px;
}

.panel-heading {
    background: #367196;
    padding: 1px 10px;
}

.panel-title {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 20px;
}

    .panel-title .pull-right {
        line-height: 20px;
    }

.panel-no-margin {
    margin: 0;
}

#page-loader {
    background-color: rgb(230, 232, 236);
    background-color: rgba(230, 232, 236, 0.5);
    z-index: 3000 !important;
}

.nav-tabs > li.active > a {
    box-shadow: 0 0 1px #000;
}

.navbar-default .navbar-nav > li > a {
    color: #000000;
}

.nav-tabs {
    margin: 0 10px;
}

    .nav-tabs > li > a {
        padding: 5px;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #367196 !important;
    border-color: #367196 !important;
}

.btn-ativo {
    background: #5DB14A !important;
    border-color: #5DB14A !important;
    color: #fff !important;
    cursor: default !important;
}

.btn-inativo {
    background: #b6c2c9 !important;
    border-color: #b6c2c9 !important;
    color: #fff !important;
    cursor: default !important;
}

.check-box {
    height: 20px;
    margin-left: 0 !important;
    width: 30%;
}

.selectpicker {
    background-color: #fff !important;
    border-color: #ccc !important;
    color: #333 !important;
}

/* CLASSES TELA INICIAL */

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background: #def !important;
}

table {
    font-size: 11px !important;
}

td, th {
    padding: 3px !important;
}

tr td {
    vertical-align: middle !important;
}

.theme-panel.active {
    right: 0 !important;
}

.theme-panel {
    height: 100% !important;
    right: -550px !important;
    top: 0 !important;
    width: 550px !important;
}

.theme-panel-content {
    direction: rtl;
    height: 100% !important;
    overflow-y: scroll;
}

.theme-panel .theme-collapse-btn {
    top: 25%;
}

fieldset.scheduler-border {
    -webkit-box-shadow: 0 0 0 0 #000;
    border: 1px groove #b9b9b9 !important;
    box-shadow: 0 0 0 0 #000;
    margin: 0 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
}

legend.scheduler-border {
    border-bottom: none;
    font-size: 1.2em !important;
    font-weight: bold !important;
    padding: 0 10px;
    text-align: left !important;
    width: auto;
}

label.scheduler-border {
    border-bottom: none;
    font-size: 1.2em !important;
    font-weight: bold !important;
    padding: 0 10px;
    text-align: left !important;
    width: auto;
    display: block;
}

.coluna-acoes-direita {
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center;
    width: 115px !important;
}

.link-acoes-direita_3 {
    height: 32px !important;
    width: 32px !important;
}

.modal-dialog50 {
    margin: 15% auto !important;
    width: 50% !important;
}

.model-fade-display {
    display: block !important;
}

.form-control {
    border-radius: 3px;
    font-size: 12px;
    height: 25px;
    line-height: 1.5;
    padding: 3px 10px;
}

.input-group-addon.input-sm {
    height: 25px;
}

legend {
    margin-bottom: 0;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */

.dvLoadingAjax {
    background: rgba(255, 255, 255, .8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */

body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   dvLoadingAjax element will be visible */

    body.loading .dvLoadingAjax {
        display: block;
    }

/*.input-validation-error {
    background: none !important;
    background-color: #fcc !important;
}*/


[data-val-required]:not(:disabled):not([readonly='readonly']):not([data-val='false']) {
    background: #f5e1e1;
    background-size: 100% 100%;
}

button[data-val-required]:not(:disabled):not([readonly='readonly']):not([data-val='false']), .obrigatorio, .required {
    background: #f5e1e1 !important;
    background-size: 100% 100% !important;
}

button.selectpicker.dropdown-toggle {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}

.bootstrap-select .btn {
    background-color: #fff;
    border-color: #ccc !important;
    border-radius: 3px;
    font-size: 12px;
    height: 25px;
    line-height: 1.5;
    padding: 3px 10px;
}

    .bootstrap-select .btn:not(.bs-placeholder) {
        color: #333 !important;
    }

.form-control:focus, body .bootstrap-select .btn:focus {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}

.bootstrap-select .btn:focus {
    background-color: #e6e6e6 !important;
}

/* 5.15 Plugins - Fullcalendar */

.external-event {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    color: #fff !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin-bottom: 5px !important;
    padding: 15px !important;
}

.calendar-event .external-event h5 {
    color: #fff !important;
    margin: 0 0 5px !important;
}

.calendar-event .external-event p {
    font-weight: 300 !important;
    line-height: 16px !important;
    margin: 0 !important;
}

.fc-content {
    clear: none !important;
}

.fc-state-highlight {
    background: #f0f3f4 !important;
}

.fc-widget-header, .fc-widget-content {
    border-color: #e2e7eb !important;
}

.fc-widget-header {
    color: #242a30 !important;
    font-weight: 600 !important;
    padding: 3px 15px !important;
}

.fc-grid .fc-day-number {
    padding: 3px 5px !important;
}

.fc-content .fc-event {
    background: #2d353c;
    border: none !important;
    padding: 5px !important;
    text-align: center !important;
}

.fc-time {
    font-size: 14px !important;
    margin-right: 5px !important;
}

.fc-event .fc-title {
    display: block !important;
    font-size: 14px !important;
}

    .fc-event .fc-title small {
        color: #ccc !important;
        color: rgba(255, 255, 255, 0.8) !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        line-height: 16px !important;
    }

.fc-event .fc-event-icons {
    display: block !important;
    font-size: 18px !important;
}

.fc-event-container {
    text-align: center !important;
}

    .fc-event-container a:hover,
    .fc-event-container a:focus {
        color: #fff !important;
        text-decoration: underline !important;
    }

.fc-state-default {
    background: #fff !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
    font-weight: normal !important;
    height: auto !important;
    line-height: 1.42857143 !important;
    padding: 6px 12px !important;
}

.fc-header .fc-button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 15px !important;
}

    .fc-header .fc-button:not(.fc-state-disabled):hover,
    .fc-header .fc-button:not(.fc-state-disabled):focus {
        background: #eee !important;
    }

    .fc-header .fc-button.fc-state-down,
    .fc-header .fc-button.fc-state-active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
        background: #eee !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    }

.fc-text-arrow {
    font-size: 14px !important;
    line-height: 16px !important;
}

.fc-header-title h2 {
    font-size: 24px !important;
    line-height: 31px !important;
}

.control-label.lbl-required::before {
    color: #ff0000;
    content: "* ";
}

.field-validation-error {
    color: #ff5b57 !important;
}

table.dataTable {
    width: 100% !important;
}

td.details-control {
    cursor: pointer;
}

.btn-hide-show-option {
    bottom: 40px;
    position: fixed;
    right: 8px;
    z-index: 1020;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-menu {
    border-top: 1px solid #eee;
}

/*.dropdown-menu > .inner {
    max-width:0.5vw;
}*/

.dropdown-submenu > .dropdown-menu {
    -moz-border-radius: 0 6px 6px 6px;
    -webkit-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}

.dropdown-submenu > a::after {
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover > a::after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        -moz-border-radius: 6px 0 6px 6px;
        -webkit-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
        left: -100%;
        margin-left: 10px;
    }

/*#header div.navbar-collapse > ul.navbar-nav > li > a { text-transform: uppercase; }*/

.dv-cb-bairro > .bootstrap-select > button > span.filter-option {
    display: none !important;
}

.form-control:focus, body .bootstrap-select .btn:focus {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}

.tooltip-inner {
    white-space: pre-wrap;
}

input[type=text], textarea, input[type=email] {
    text-transform: uppercase;
}

textarea {
    -ms-resize: none;
    -o-resize: none;
    height: auto;
    min-height: 25px;
    overflow-y: hidden;
    resize: none;
}

.box-timer {
    bottom: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .4);
    padding: 3px !important;
    position: fixed;
    right: 20px;
    width: 100px;
    z-index: 999999;
}

    .box-timer > div {
        background-color: rgba(0, 0, 0, 0.8);
        display: inline-block;
        height: 100%;
        margin: 0 !important;
        width: 100%;
    }

        .box-timer > div > h5 {
            color: #FFF;
            line-height: 24px;
            text-align: center;
        }


.ui-autocomplete {
    z-index: 4001;
}

.btn.btn-blue {
    font-weight: 400;
    color: #333;
    background: #b3ffff;
}

.btn-blue.active, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .open .dropdown-toggle.btn-blue {
    background: #74ffff;
}

.btn.btn-yellow {
    font-weight: 400;
    color: #333;
    background: #e9e9a4;
}

.btn-yellow.active, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover, .open .dropdown-toggle.btn-yellow {
    background: #e5e565;
}

.btn.btn-green {
    font-weight: 400;
    color: #333;
    background: #b3ffb4;
}

.btn-green.active, .btn-green:active, .btn-green:focus, .btn-green:hover, .open .dropdown-toggle.btn-green {
    background: #8bff8b;
}

.btn.btn-red {
    font-weight: 400;
    color: #333;
    background: #ffb3b3;
}

.btn-red.active, .btn-red:active, .btn-red:focus, .btn-red:hover, .open .dropdown-toggle.btn-red {
    background: #ff8b8b;
}

.btn.btn-purple {
    font-weight: 400;
    color: #333;
    background: #c0c0ff;
}

.btn-purple.active, .btn-purple:active, .btn-purple:focus, .btn-purple:hover, .open .dropdown-toggle.btn-purple {
    background: #9999ff;
}

.btn.btn-gray {
    font-weight: 400;
    color: #333;
    background: #dadada;
}

.btn-gray.active, .btn-gray:active, .btn-gray:focus, .btn-gray:hover, .open .dropdown-toggle.btn-gray {
    background: #b3b3b3;
}

.btn.btn-blue-o {
    font-weight: 400;
    background: #333;
    color: #b3ffff;
}

.btn-blue-o.active, .btn-blue-o:active, .btn-blue-o:focus, .btn-blue-o:hover, .open .dropdown-toggle.btn-blue-o {
    color: #74ffff;
}

.btn.btn-yellow-o {
    font-weight: 400;
    background: #333;
    color: #e9e9a4;
}

.btn-yellow-o.active, .btn-yellow-o:active, .btn-yellow-o:focus, .btn-yellow-o:hover, .open .dropdown-toggle.btn-yellow-o {
    color: #e5e565;
}

.btn.btn-green-o {
    font-weight: 400;
    background: #333;
    color: #b3ffb4;
}

.btn-green-o.active, .btn-green-o:active, .btn-green-o:focus, .btn-green-o:hover, .open .dropdown-toggle.btn-green-o {
    color: #66ff66;
}

.btn.btn-red-o {
    font-weight: 400;
    background: #333;
    color: #ffb3b3;
}

.btn-red-o.active, .btn-red-o:active, .btn-red-o:focus, .btn-red-o:hover, .open .dropdown-toggle.btn-red-o {
    color: #ff8b8b;
}

.btn.btn-purple-o {
    font-weight: 400;
    background: #333;
    color: #c0c0ff;
}

.btn-purple-o.active, .btn-purple-o:active, .btn-purple-o:focus, .btn-purple-o:hover, .open .dropdown-toggle.btn-purple-o {
    color: #9999ff;
}

.btn.btn-gray-o {
    font-weight: 400;
    background: #333;
    color: #dadada;
}

.btn-gray-o.active, .btn-gray-o:active, .btn-gray-o:focus, .btn-gray-o:hover, .open .dropdown-toggle.btn-gray-o {
    color: #b3b3b3;
}



.table-hover > tbody > tr.blik-alert-grid:hover > td, .table-hover > tbody > tr.blik-alert-grid:hover > th {
    background: #ffcdcd !important;
    color: #F00;
}

.top110 {
    top: 110px !important;
    z-index: 999 !important;
}

.dataTables_filter {
    float:right;
}

.dataTables_length {
    float:left;
}

.odd {
    background: #f0f3f5;
}

.perido_agenda_plantao {
    font-weight: bold;
}

.RemoverUpperCase {
    text-transform: none !important;
}

/*--- DIMUNUIR MENU LATERAL ---*/

.page-sidebar-minified .sidebar .nav > li > a {
    padding: 8px 20px !important;
}

.sidebar .nav > li > a .caret {
    margin-top: 6px !important;
}

.sidebar .nav > li.nav-header {
    padding: 5px 20px !important;
}

.sidebar .nav > li > a {
    padding: 5px 20px !important;
}

.sidebar .sub-menu {
    padding: 5px 0 5px 30px !important;
}

.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
    width: 190px !important;
}

.sidebar .sub-menu > li > a {
    padding: 5px 20px 5px 5px !important;
}

.page-sidebar-minified .sidebar .nav > li.has-sub li.has-sub .sub-menu {
    margin-top: -5px !important;
}

.table-borderless td,
.table-borderless th {
    border: 0 !important;
}


.modal-body-custom {
    padding: 15px;
    width: 60%;
    border: none;
    margin: 0 auto;
}

.semrecursos{
    display:none;
}

/*FOTO PESSOA PACIENTE*/

.containerFoto{display:flex;flex:1;justify-content:space-between;width:75%;}
.fotoPaciente{height:100px;width:100px;flex:1;border-radius:50%; border: 1px solid #ccc;}
.fotoPacienteImg{z-index: 1; width:100%;height:100%;border-radius:50%;}
.fotoPacienteImg:hover{opacity:0.2}
.fotoPaciente > p {display:none;flex-direction: column;align-items:center;margin-top: 36%;}
.fotoPaciente:hover{display:flex;background-color:rgba(0,0,0,0.8);cursor:pointer;box-shadow:0px 0px 15px 5px rgba(0,0,0,0.5);}
.fotoPaciente:hover > p {display:block;position:absolute;padding:1%;color:#fff;margin-top:22%;font-weight:600}

.gritter-close:before, .gritter-light .gritter-close:before {
    content: 'X' !important;
    font-family: inherit !important;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: inherit !important;
}

#mdAtendimentoAgRecursoBody, #mdAtendimentoAgRecursoFooter {
    width: 95% !important;
}

li[data-destaque="1"] {
    background-color: #ffff00;
}

.login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header {
    padding: 45px 60px 0;
}