/*
 *  Document   : default.less
 *  Author     : RadioMemory
 *  Description: Estilo responsável por costumizar a visualização das páginas
 *               Assumindo como padrão a visualização, desktop.
 */
/*
 *  Document   : default.less
 *  Author     : RadioMemory
 *  Description: Definições de estilos, funções e variáveis padrões para auxílo
 *               na montagem do estilo principal
 */
/*
 *  Document   : medium-desktop.less
 *  Author     : RadioMemory
 *  Description: Estilo responsável por costumizar a visualização das páginas
 *               Assumindo como padrão a visualização para desktops medianos.
 */
@media (min-width: 768px) and (max-width: 1199px) {
  .no-border-right-md {
    border-right: 0 !important;
  }
  /*
    =================================================================
    RESET LAYOUT
    =================================================================
    */
  html body {
    /* Costumização de DataTable */
    /* END Costumização de DataTable */
  }
  html body .dataTables_wrapper {
    margin-top: 50px !important;
  }
  html body .dataTables_wrapper .dataTables_info {
    background: none !important;
  }
  /*
    =================================================================
    END RESET LAYOUT
    =================================================================
    CABEÇALHO
    =================================================================
    */
  #header.small-header .section-bottom ul.menu .ver-menu .ver-mais {
    margin-top: 7px;
  }
  #header .section-bottom ul.menu {
    margin-bottom: 10px !important;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais {
    margin-top: 9px;
    padding: 0;
    position: relative;
    border: 0;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais ul li {
    display: none;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais > a {
    padding: 10px 10px 10px 25px;
    display: block;
    border: 1px solid #0e3955 !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: url("../images/icons/arrow-small.png") no-repeat;
    background-position-y: center;
    background-position: center 7px;
    background-position: 10px 16px;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais > a:hover {
    background-color: #124b6f;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais.active a {
    border: 0;
    padding-bottom: 10px;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais:hover a {
    border: 0;
    padding-bottom: 10px;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais.opened > a {
    background-position: 10px -8px;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais.opened ul {
    position: absolute;
    top: 39px;
    right: 0;
    z-index: 100;
    background: #0e3955;
    padding: 10px 25px 10px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 110%;
    min-width: 200px;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais.opened ul li {
    display: block !important;
    border: 0;
    margin-top: 5px;
    line-height: 1.5;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais.opened ul li a {
    padding-left: 9px;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais.opened ul li.active a {
    border: 0;
    padding: 0 0 0 5px;
    border-left: 4px solid #ffffff;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais.opened ul li:hover a {
    border: 0;
    padding: 0 0 0 5px;
    border-left: 4px solid #b3b3b3;
  }
  /*
    =================================================================
    END CABEÇALHO
    =================================================================
    FOOTER
    =================================================================
    */
  /*
    =================================================================
    END FOOTER
    =================================================================
    CONTEÚDO
    =================================================================
    */
  #content {
    /* Membros */
    /* END Membros */
    /* Cadastro */
    /* Documentação */
  }
  #content.exames .consulta .container-options {
    display: block;
  }
  #content.exames .consulta .arrow {
    display: none;
  }
  #content.exames .consulta .trash {
    margin-top: 8px;
  }
  #content.exames .odontograma {
    font-size: 80%;
  }
  #content.exames .odontograma .dentes .first-line .dente span,
  #content.exames .odontograma .dentes .second-line .dente span {
    bottom: -30% !important;
  }
  #content.exames .odontograma .dentes .third-line .dente span {
    top: -30% !important;
  }
  #content.exames .odontograma .dentes .fourth-line .dente span {
    top: -35% !important;
  }
  #content .user-head .user .info {
    width: 70% !important;
  }
  #content .members-container .members-content .member,
  #content .members-container .members-content invite-member {
    border-bottom: 1px dashed #b3b3b3;
    padding: 5px 0 !important;
  }
  #content .members-container .members-content .member:last-child,
  #content .members-container .members-content invite-member:last-child {
    border-bottom: 0;
  }
  #content .members-container .members-content .member .action,
  #content .members-container .members-content invite-member .action {
    padding-left: 15px !important;
  }
  #content.cadastro .publicity {
    font-size: 78%;
  }
  #content.cadastro .publicity .screen img {
    top: 22px !important;
  }
  #content .documentation .options.opened {
    font-size: 140%;
    padding: 0 5px;
  }
  #content .documentation .panel-collapse.images .file div {
    font-size: 300% !important;
  }
  /*
    =================================================================
    END CONTEÚDO
    =================================================================
    */
}
/*
 *  Document   : tablet.less
 *  Author     : RadioMemory
 *  Description: Estilo responsável por costumizar a visualização das páginas
 *               Assumindo como padrão a visualização para tabletes.
 */
@media (min-width: 480px) and (max-width: 767px) {
  /*
    =================================================================
    RESET LAYOUT
    =================================================================
    */
  html {
    font-size: 11px !important;
  }
  html body {
    font-size: 11px !important;
    /* Costumização de DataTable */
    /* END Costumização de DataTable */
  }
  html body .dataTables_wrapper {
    margin-top: 50px !important;
  }
  html body .dataTables_wrapper .dataTables_info {
    background: none !important;
  }
  /*
    =================================================================
    END RESET LAYOUT
    =================================================================
    CABEÇALHO
    =================================================================
    */
  #header.small-header .section-bottom ul.menu {
    margin-bottom: 0px !important;
  }
  #header.small-header .section-bottom ul.menu .ver-menu > a {
    padding: 8px 8px 4px 8px;
    background-size: 25px;
  }
  #header.small-header .section-bottom ul.menu .ver-menu > a img {
    padding-bottom: 3px;
  }
  #header.small-header .section-bottom ul.menu .ver-menu:hover > a {
    padding-bottom: 4px;
  }
  #header.small-header .section-bottom ul.menu .ver-menu.opened > ul {
    top: 50px;
  }
  #header .section-bottom ul.menu li:not(.ver-menu) {
    display: none;
  }
  #header .section-bottom ul.menu .ver-menu {
    margin-top: 0px;
    padding: 0;
    position: relative;
    border: 0;
  }
  #header .section-bottom ul.menu .ver-menu > a {
    padding: 10px 10px 10px 8px;
    display: block;
    border: 1px solid #0e3955 !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  #header .section-bottom ul.menu .ver-menu > a i {
    font-size: 36px;
    vertical-align: middle;
    color: white;
  }
  #header .section-bottom ul.menu .ver-menu > a img {
    vertical-align: middle;
    height: 30px;
    max-width: 34px;
  }
  #header .section-bottom ul.menu .ver-menu > a:hover {
    background-color: #124b6f;
  }
  #header .section-bottom ul.menu .ver-menu.active a {
    border: 0;
    padding-bottom: 10px;
  }
  #header .section-bottom ul.menu .ver-menu:hover a {
    border: 0;
    padding-bottom: 10px;
  }
  #header .section-bottom ul.menu .ver-menu .ver-mais ul li {
    display: none;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul {
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 100;
    background: #0e3955;
    padding: 10px 25px 10px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li:not(.ver-mais) {
    display: block;
    border: 0;
    margin-top: 5px;
    font-size: 130%;
    line-height: 2;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li:not(.ver-mais) a {
    padding-left: 9px;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li:not(.ver-mais).active a {
    border: 0;
    padding: 0 0 0 5px;
    border-left: 4px solid #ffffff;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li:not(.ver-mais):hover a {
    border: 0;
    padding: 0 0 0 5px;
    border-left: 4px solid #b3b3b3;
  }
  /*
    =================================================================
    END CABEÇALHO
    =================================================================
    FOOTER
    =================================================================
    */
  /*
    =================================================================
    END FOOTER
    =================================================================
    CONTEÚDO
    =================================================================
    */
  #content {
    /* Cabeçalho padrão de conteúdo */
    /* END Cabeçalho padrão de conteúdo */
    /* Cabeçalho de usuário padrão de conteúdo */
    /* END Cabeçalho de usuário padrão de conteúdo */
    /* Cadastro */
    /* Mensagens */
    /* END Mensagens */
    /* Documentação */
    /* END Documentação */
  }
  #content.exames .mapa-orto .mapa .superior p .item,
  #content.exames .mapa-orto .mapa .inferior p .item {
    margin: 2px !important;
    padding: 2px !important;
  }
  #content.exames .odontograma {
    font-size: 60%;
  }
  #content.exames .odontograma .dentes .first-line .dente span,
  #content.exames .odontograma .dentes .second-line .dente span {
    bottom: -35% !important;
  }
  #content.exames .odontograma .dentes .third-line .dente span,
  #content.exames .odontograma .dentes .fourth-line .dente span {
    top: -35% !important;
  }
  #content .full-sm {
    width: 100%;
  }
  #content .head {
    /* Usuário */
    /* END Usuário */
  }
  #content .head .user {
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
  #content .head .user .image {
    margin-top: 0px !important;
  }
  #content .head .user .info .button {
    margin: 0;
    float: left;
  }
  #content .user-head .user .info {
    width: 70% !important;
  }
  #content.cadastro .publicity {
    font-size: 80%;
  }
  #content.cadastro .publicity h1 {
    font-size: 450% !important;
  }
  #content.cadastro .publicity .screen img {
    top: 50px !important;
  }
  #content .message .show-inbox {
    position: absolute;
    top: -42px;
    left: 0;
    font-size: 30px;
    background: #155680;
    color: #ffffff;
    z-index: 500;
    padding: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
  }
  #content .message .show-inbox:hover {
    background: #0e3955;
    text-decoration: none;
  }
  #content .message .content {
    margin: 20px -15px !important;
    padding: 10px 0 0 !important;
    /* Caixa de entrada */
    /* END Caixa de entrada */
  }
  #content .message .content .inbox {
    display: none;
    position: absolute;
    z-index: 999;
    background: #ffffff;
    top: 20px;
    left: 0;
  }
  #content .inbox-container .inbox-menu {
    width: auto !important;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 150;
  }
  #content .inbox-container .inbox-menu .select-box {
    display: inline-block !important;
  }
  #content .inbox-container .inbox-menu .select-box i {
    height: 29px;
    width: 30px;
    font-size: 210%;
    vertical-align: middle;
    display: table-cell;
  }
  #content .inbox-container .inbox-menu .compose {
    display: none;
  }
  #content .inbox-container .inbox-menu .recipient {
    display: none;
    position: absolute;
    top: 40px;
    right: 0px;
    background-color: white;
    width: 160px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #b3b3b3;
  }
  #content .inbox-container .inbox-menu .recipient.active {
    display: block;
  }
  #content .inbox-container .inbox-messages-outer {
    margin-left: 0 !important;
  }
  #content .inbox-container .inbox-messages-outer .inbox-messages-actions .small-view {
    display: inline-block !important;
  }
  #content .inbox-container .inbox-messages-list table colgroup .user {
    display: none;
  }
  #content .inbox-container .inbox-messages-list table colgroup .subject {
    display: none;
  }
  #content .inbox-container .inbox-messages-list table colgroup .boxType {
    display: none;
  }
  #content .inbox-container .inbox-messages-list table colgroup .meta {
    display: none;
  }
  #content .inbox-container .inbox-messages-list table colgroup .smallView {
    display: table-cell !important;
  }
  #content .inbox-container .inbox-messages-list table tbody tr .inbox-messages-list-username,
  #content .inbox-container .inbox-messages-list table tbody tr .inbox-messages-list-preview,
  #content .inbox-container .inbox-messages-list table tbody tr .inbox-messages-list-meta {
    display: none !important;
  }
  #content .inbox-container .inbox-messages-list table tbody tr .inbox-messages-list-small-view {
    display: table-cell !important;
  }
  #content .inbox-container .inbox-messages-list table tbody tr td.inbox-messages-list-small-view .container-small-view {
    display: block;
  }
  #content .inbox-container .inbox-messages-list table tbody tr td.inbox-messages-list-small-view .container-small-view .col-small-view-meta {
    width: 37%;
  }
  #content .inbox-container .inbox-messages-list table tbody tr td.inbox-messages-list-small-view .container-small-view .col-small-view-user {
    width: 63%;
  }
  #content .documentation .options {
    top: 124px !important;
  }
  #content .documentation .options.opened {
    font-size: 140%;
    padding: 0 5px;
  }
  /*
    =================================================================
    END CONTEÚDO
    =================================================================
    */
}
/*
 *  Document   : smartphone.less
 *  Author     : RadioMemory
 *  Description: Estilo responsável por costumizar a visualização das páginas,
 *               assumindo como padrão a visualização para smartphones.
 */
@media (max-width: 479px) {
  /*
    =================================================================
    RESET LAYOUT
    =================================================================
    */
  html {
    font-size: 11px !important;
  }
  html body {
    font-size: 11px !important;
    /* Costumização de DataTable */
    /* END Costumização de DataTable */
  }
  html body .button {
    width: 100%;
    margin-left: 0;
  }
  html body .dataTables_wrapper {
    margin-top: 50px !important;
  }
  html body .dataTables_wrapper .dataTables_info {
    background: none !important;
  }
  /*
    =================================================================
    END RESET LAYOUT
    =================================================================
    CABEÇALHO
    =================================================================
    */
  #header.login .section-bottom .logo-idoc {
    margin-bottom: 5px;
  }
  #header.login .section-bottom .form-group {
    margin-bottom: 5px;
  }
  #header.login .section-bottom .esqueci-senha {
    margin-bottom: 10px;
  }
  #header.small-header .section-bottom ul.menu {
    margin-bottom: 0px !important;
  }
  #header.small-header .section-bottom ul.menu .ver-menu > a {
    padding: 8px 8px 4px 8px;
    background-size: 25px;
  }
  #header.small-header .section-bottom ul.menu .ver-menu > a img {
    padding-bottom: 3px;
  }
  #header.small-header .section-bottom ul.menu .ver-menu:hover > a {
    padding-bottom: 4px;
  }
  #header.small-header .section-bottom ul.menu .ver-menu.opened > ul {
    top: 50px;
  }
  #header .section-bottom ul.menu li:not(.ver-menu) {
    display: none;
  }
  #header .section-bottom ul.menu .ver-menu {
    margin-top: 0px;
    padding: 0;
    position: relative;
    border: 0;
  }
  #header .section-bottom ul.menu .ver-menu > a {
    padding: 10px 10px 10px 8px;
    display: block;
    border: 1px solid #0e3955 !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
  }
  #header .section-bottom ul.menu .ver-menu > a i {
    font-size: 36px;
    vertical-align: middle;
    color: white;
  }
  #header .section-bottom ul.menu .ver-menu > a img {
    vertical-align: middle;
    height: 30px;
    max-width: 34px;
  }
  #header .section-bottom ul.menu .ver-menu > a:hover {
    background-color: #124b6f;
  }
  #header .section-bottom ul.menu .ver-menu.active a {
    border: 0;
    padding-bottom: 10px;
  }
  #header .section-bottom ul.menu .ver-menu:hover a {
    border: 0;
    padding-bottom: 10px;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul {
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 100;
    background: #0e3955;
    padding: 10px 25px 10px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li.alterar-senha {
    display: block !important;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li:not(.ver-mais) {
    display: block;
    border: 0;
    margin-top: 5px;
    font-size: 130%;
    line-height: 2;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li:not(.ver-mais) a {
    padding-left: 9px;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li:not(.ver-mais).active a {
    border: 0;
    padding: 0 0 0 5px;
    border-left: 4px solid #ffffff;
  }
  #header .section-bottom ul.menu .ver-menu.opened > ul li:not(.ver-mais):hover a {
    border: 0;
    padding: 0 0 0 5px;
    border-left: 4px solid #b3b3b3;
  }
  /*
    =================================================================
    END CABEÇALHO
    =================================================================
    FOOTER
    =================================================================
    */
  /*
    =================================================================
    END FOOTER
    =================================================================
    CONTEÚDO
    =================================================================
    */
  #content {
    /* Cabeçalho padrão de conteúdo */
    /* END Cabeçalho padrão de conteúdo */
    /* Cabeçalho de usuário padrão de conteúdo */
    /* END Cabeçalho de usuário padrão de conteúdo */
    /* Controller */
    /* Controller */
    /* Documentação */
    /* END Documentação*/
    /* Cadastro */
    /* Mensagens */
    /* END Mensagens */
  }
  #content.exames .clndr .clndr-table tbody tr {
    height: 40px !important;
  }
  #content.exames .consulta .container-options {
    display: block;
  }
  #content.exames .consulta .arrow {
    display: none;
  }
  #content.exames .consulta .trash {
    margin-top: 8px;
  }
  #content.exames .mapa-orto .lado {
    font-size: 120% !important;
    margin: 0 5px !important;
  }
  #content.exames .mapa-orto .mapa .superior p .item,
  #content.exames .mapa-orto .mapa .inferior p .item {
    margin: 1px!important;
    padding: 1px!important;
    font-size: 100% !important;
  }
  #content.exames .odontograma {
    font-size: 30%;
  }
  #content.exames .odontograma .dentes .first-line .dente span,
  #content.exames .odontograma .dentes .second-line .dente span {
    bottom: -30% !important;
  }
  #content.exames .odontograma .dentes .third-line .dente span,
  #content.exames .odontograma .dentes .fourth-line .dente span {
    top: -30% !important;
  }
  #content .head {
    margin-bottom: 20px !important;
    /* Usuário */
    /* END Usuário */
  }
  #content .head .user {
    margin-top: 0;
    margin-bottom: 0 !important;
  }
  #content .head .user .image {
    margin-top: 0px !important;
  }
  #content .head .user .info {
    margin: 10px 0 0 0 !important;
    width: 100%;
  }
  #content .head .user .info div {
    margin-top: 20px;
  }
  #content .head .user .info div .button {
    margin: 0;
  }
  #content .user-head .user .info {
    width: 100%!important;
    margin: 0 !important;
  }
  #content .controller .button {
    margin-bottom: 10px;
  }
  #content .documentation {
    /* Conteúdo de imagens */
    /* END Conteúdo de imagens */
    /* Conteúdo de anexos */
    /* END Conteúdo de anexos */
  }
  #content .documentation .options {
    top: 114px !important;
    padding: 10px !important;
  }
  #content .documentation .options.opened {
    font-size: 170%;
    padding: 0 5px !important;
  }
  #content .documentation .panel-collapse.images .file div {
    font-size: 200% !important;
  }
  #content .documentation .panel-collapse.images #fileupload .files button {
    width: auto;
    padding: 9px 11px;
  }
  #content .documentation .panel-collapse.images .button {
    margin-top: 10px;
  }
  #content .documentation .panel-collapse.anexo .item .info .button {
    margin: 0;
    width: auto;
  }
  #content.cadastro .publicity {
    font-size: 54%;
  }
  #content.cadastro .publicity h1 {
    font-size: 400% !important;
  }
  #content.cadastro .publicity .screen {
    margin-bottom: 36%;
    float: none;
  }
  #content.cadastro .publicity .screen img {
    top: 50px !important;
  }
  #content .message .show-inbox {
    position: absolute;
    top: -42px;
    left: 0;
    font-size: 30px;
    background: #155680;
    color: #ffffff;
    z-index: 500;
    padding: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
  }
  #content .message .show-inbox:hover {
    background: #0e3955;
    text-decoration: none;
  }
  #content .message .content {
    margin: 20px -15px !important;
    padding: 10px 0 0 !important;
    /* Caixa de entrada */
    /* END Caixa de entrada */
  }
  #content .message .content .inbox {
    display: none;
    position: absolute;
    z-index: 999;
    background: #ffffff;
    top: 20px;
    left: 0;
  }
  #content .message .content .inbox #status-bar .button {
    width: 80%;
  }
  #content .inbox-container .inbox-menu {
    width: auto !important;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 150;
  }
  #content .inbox-container .inbox-menu .select-box {
    display: inline-block !important;
  }
  #content .inbox-container .inbox-menu .select-box i {
    height: 26px;
    width: 20px;
    font-size: 180%;
    vertical-align: middle;
    display: table-cell;
  }
  #content .inbox-container .inbox-menu .compose {
    display: none;
  }
  #content .inbox-container .inbox-menu .recipient {
    display: none;
    position: absolute;
    top: 40px;
    right: 0px;
    background-color: white;
    width: 160px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #b3b3b3;
  }
  #content .inbox-container .inbox-menu .recipient.active {
    display: block;
  }
  #content .inbox-container .inbox-messages-outer {
    margin-left: 0 !important;
  }
  #content .inbox-container .inbox-messages-outer .inbox-messages-compose,
  #content .inbox-container .inbox-messages-outer .inbox-messages-container {
    margin-top: -45px;
  }
  #content .inbox-container .inbox-messages-outer > .inbox-messages-actions {
    width: 100%;
  }
  #content .inbox-container .inbox-messages-outer > .inbox-messages-actions .small-view {
    display: inline-block !important;
  }
  #content .inbox-container .inbox-messages-outer > .inbox-messages-actions .search {
    display: block;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #content .inbox-container .inbox-messages-outer > .inbox-messages-actions .search .button {
    margin-top: 0;
  }
  #content .inbox-container .inbox-messages {
    margin-top: 45px;
  }
  #content .inbox-container .inbox-messages-list table colgroup .user {
    display: none;
  }
  #content .inbox-container .inbox-messages-list table colgroup .subject {
    display: none;
  }
  #content .inbox-container .inbox-messages-list table colgroup .boxType {
    display: none;
  }
  #content .inbox-container .inbox-messages-list table colgroup .meta {
    display: none;
  }
  #content .inbox-container .inbox-messages-list table colgroup .smallView {
    display: table-cell !important;
  }
  #content .inbox-container .inbox-messages-list table tbody tr .inbox-messages-list-username,
  #content .inbox-container .inbox-messages-list table tbody tr .inbox-messages-list-preview,
  #content .inbox-container .inbox-messages-list table tbody tr .inbox-messages-list-meta {
    display: none !important;
  }
  #content .inbox-container .inbox-messages-list table tbody tr .inbox-messages-list-small-view {
    display: table-cell !important;
  }
  #content .inbox-container .inbox-messages-list table tbody tr td.inbox-messages-list-small-view .container-small-view {
    display: block;
  }
  #content .inbox-container .inbox-messages-list table tbody tr td.inbox-messages-list-small-view .container-small-view .col-small-view-meta {
    width: 37%;
  }
  #content .inbox-container .inbox-messages-list table tbody tr td.inbox-messages-list-small-view .container-small-view .col-small-view-user {
    width: 63%;
  }
  /*
    =================================================================
    END CONTEÚDO
    =================================================================
    */
}
/*
=================================================================
DEFINIÇÕES DE FONTES
=================================================================
*/
@font-face {
  font-family: 'flaticon';
  src: url('../font/flaticon.eot');
  src: url('../font/flaticon.eot?#iefix') format('embedded-opentype'), url('../font/flaticon.woff') format('woff'), url('../font/flaticon.ttf') format('truetype'), url('../font/flaticon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'signika';
  src: url('../font/signika-bold-webfont.eot');
  src: url('../font/signika-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/signika-bold-webfont.woff') format('woff'), url('../font/signika-bold-webfont.ttf') format('truetype'), url('../font/signika-bold-webfont.svg#signikabold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'signika';
  src: url('../font/signika-light-webfont.eot');
  src: url('../font/signika-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/signika-light-webfont.woff') format('woff'), url('../font/signika-light-webfont.ttf') format('truetype'), url('../font/signika-light-webfont.svg#signikalight') format('svg');
  font-weight: 300;
  font-style: nomrla;
}
@font-face {
  font-family: 'signika';
  src: url('../font/signika-regular-webfont.eot');
  src: url('../font/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/signika-regular-webfont.woff') format('woff'), url('../font/signika-regular-webfont.ttf') format('truetype'), url('../font/signika-regular-webfont.svg#signikaregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'signika';
  src: url('../font/signika-semibold-webfont.eot');
  src: url('../font/signika-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/signika-semibold-webfont.woff') format('woff'), url('../font/signika-semibold-webfont.ttf') format('truetype'), url('../font/signika-semibold-webfont.svg#signikasemibold') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-bolditalic-webfont.eot');
  src: url('../font/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-bolditalic-webfont.woff') format('woff'), url('../font/roboto-bolditalic-webfont.ttf') format('truetype'), url('../font/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-bold-webfont.eot');
  src: url('../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-bold-webfont.woff') format('woff'), url('../font/roboto-bold-webfont.ttf') format('truetype'), url('../font/roboto-bold-webfont.svg#robotobold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-black-webfont.eot');
  src: url('../font/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-black-webfont.woff') format('woff'), url('../font/roboto-black-webfont.ttf') format('truetype'), url('../font/roboto-black-webfont.svg#robotoblack') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-medium-webfont.eot');
  src: url('../font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-medium-webfont.woff') format('woff'), url('../font/roboto-medium-webfont.ttf') format('truetype'), url('../font/roboto-medium-webfont.svg#robotomedium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-mediumitalic-webfont.eot');
  src: url('../font/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-mediumitalic-webfont.woff') format('woff'), url('../font/roboto-mediumitalic-webfont.ttf') format('truetype'), url('../font/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-light-webfont.eot');
  src: url('../font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-light-webfont.woff') format('woff'), url('../font/roboto-light-webfont.ttf') format('truetype'), url('../font/roboto-light-webfont.svg#robotolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-thin-webfont.eot');
  src: url('../font/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-thin-webfont.woff') format('woff'), url('../font/roboto-thin-webfont.ttf') format('truetype'), url('../font/roboto-thin-webfont.svg#robotothin') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-lightitalic-webfont.eot');
  src: url('../font/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-lightitalic-webfont.woff') format('woff'), url('../font/roboto-lightitalic-webfont.ttf') format('truetype'), url('../font/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-italic-webfont.eot');
  src: url('../font/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-italic-webfont.woff') format('woff'), url('../font/roboto-italic-webfont.ttf') format('truetype'), url('../font/roboto-italic-webfont.svg#robotoitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-regular-webfont.eot');
  src: url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-regular-webfont.woff') format('woff'), url('../font/roboto-regular-webfont.ttf') format('truetype'), url('../font/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
=================================================================
END DEFINIÇÕES DE FONTES
=================================================================
DEFINIÇÕES DE TÍTULOS
=================================================================
*/
h1 {
  font-size: 205%;
  font-weight: bold;
}
h2 {
  font-size: 190%;
  font-weight: bold;
  color: #636363;
}
h3 {
  font-size: 150%;
  font-weight: 600;
}
h4 {
  font-size: 125%;
}
h5 {
  font-size: 120%;
  font-weight: bold;
}
h6 {
  font-size: 105%;
  font-weight: 600;
  color: #636363;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
/*
=================================================================
END DEFINIÇÕES DE TÍTULOS
=================================================================
DEFINIÇÕES DE ICONES
=================================================================
*/
.icon {
  display: inline-block;
}
.icon-ic {
  width: 11px;
  height: 11px;
  background-size: 100% !important;
  vertical-align: middle;
}
.ic-config {
  background: url("../images/icons/config.png") no-repeat;
  background-position-y: center;
}
.ic-support {
  background: url("../images/icons/support.png") no-repeat;
  background-position-y: center;
}
.ic-share-button {
  background: url("../images/icons/share.png") no-repeat;
  background-position-y: center;
}
.ic-logout {
  background: url("../images/icons/logout.png") no-repeat;
  background-position-y: center;
}
.ic-arrow-small {
  background: url("../images/icons/arrow-small.png") no-repeat;
  background-position-y: center;
  background-position: center 7px;
}
.ic-arrow-left-blue {
  background: url("../images/icons/arrow-left-blue.png") no-repeat;
  background-position-y: center;
}
.ic-arrow-left-green {
  background: url("../images/icons/arrow-left-green.png") no-repeat;
  background-position-y: center;
}
.ic-arrow-right-blue {
  background: url("../images/icons/arrow-right-blue.png") no-repeat;
  background-position-y: center;
}
.ic-arrow-right-green {
  background: url("../images/icons/arrow-right-green.png") no-repeat;
  background-position-y: center;
}
.ic-calendar {
  background: url("../images/icons/calendar.png") no-repeat;
  background-position-y: center;
}
.ic-user-info {
  background: url("../images/icons/user-info.png") no-repeat;
  background-position-y: center;
}
.ic-user-rg {
  background: url("../images/icons/user-rg.png") no-repeat;
  background-position-y: center;
}
.ic-loading {
  background-image: url("../images/load/changing.gif") !important;
  background-position: center center;
}
.ic-delete {
  background: url("../images/icons/delete.png") no-repeat;
  background-position-y: center;
}
.ic-key {
  background: url("../images/icons/key.png") no-repeat;
  background-position-y: center;
}
.ic-fix {
  background: url("../images/icons/fix.png") no-repeat;
  background-position-y: center;
}
.ic-go {
  background: url("../images/icons/arrow-go.png") no-repeat;
  background-position-y: center;
}
.ic-add {
  background: url("../images/icons/add.png") no-repeat;
  background-position-y: center;
}
.ic-doc {
  background: url("../images/icons/doc.png") no-repeat;
  background-position-y: center;
}
.ic-folder {
  background: url("../images/icons/folder.png") no-repeat;
  background-position-y: center;
}
.ic-logo-footer {
  background: url("../images/icons/logo-footer.png") no-repeat;
  background-position-y: center;
}
.ic-mark {
  background: url("../images/icons/mark.png") no-repeat;
  background-position-y: center;
}
.ic-bt-message {
  background: url("../images/icons/button-message.png") no-repeat;
  background-position-y: center;
}
.ic-message {
  background: url("../images/icons/message.png") no-repeat;
  background-position-y: center;
}
.ic-navigation-slider {
  background: url("../images/icons/navigation-slider.png") no-repeat;
  background-position-y: center;
}
.ic-print {
  background: url("../images/icons/print.png") no-repeat;
  background-position-y: center;
}
.ic-save {
  background: url("../images/icons/save.png") no-repeat;
  background-position-y: center;
}
.ic-search {
  background: url("../images/icons/search.png") no-repeat;
  background-position-y: center;
}
.ic-tel {
  background: url("../images/icons/tel.png") no-repeat;
  background-position-y: center;
}
.ic-tooth {
  background: url("../images/icons/tooth.png") no-repeat;
  background-position-y: center;
}
.ic-tooth {
  background: url("../images/icons/tooth.png") no-repeat;
  background-position-y: center;
}
.ic-user {
  background: url("../images/icons/user.png") no-repeat;
  background-position-y: center;
}
.ic-statistic {
  background: url("../images/icons/statistic.png") no-repeat;
  background-position-y: center;
}
.ic-user-blue {
  background: url("../images/icons/user-blue.png") no-repeat;
  background-position-y: center;
}
.ic-edit-around {
  background: url("../images/icons/edit-around.png") no-repeat;
  background-position-y: center;
}
.ic-edit-button {
  background: url("../images/icons/edit-button.png") no-repeat;
  background-position-y: center;
}
.ic-close {
  background: url("../images/icons/close.png") no-repeat;
  background-position-y: center;
}
.ic-doc-save {
  background: url("../images/icons/doc-save.png") no-repeat;
  background-position-y: center;
}
.ic-doc-dpi {
  background: url("../images/icons/ruler.png") no-repeat;
  background-position-y: center;
}
.ic-doc-ajust {
  background: url("../images/icons/doc-ajust.png") no-repeat;
  background-position-y: center;
}
.ic-ilaudo {
  background: url("../images/icons/ilaudo.png") no-repeat;
  background-position-y: center;
}
.ic-laudobot {
  background: url("../images/icons/laudobot.png") no-repeat;
  background-position-y: center;
}
.ic-icef {
  background: url("../images/icons/icef.png") no-repeat;
  background-position-y: center;
}
.ic-eye {
  background: url("../images/icons/eye.png") no-repeat;
  background-position-y: center;
}
.ic-hide {
  background: url("../images/icons/hide.png") no-repeat;
  background-position-y: center;
}
.ic-remove:before {
  font-family: flaticon;
  content: "\e000";
}
.ic-edit:before {
  font-family: flaticon;
  content: "\e002";
}
.ic-document:before {
  font-family: flaticon;
  content: "\e007";
}
.ic-view:before {
  font-family: flaticon;
  content: "\e008";
}
.ic-share:before {
  font-family: flaticon;
  content: "\e006";
}
.ic-auth:before {
  font-family: flaticon;
  content: "\e003";
}
.ic-news:before {
  font-family: flaticon;
  content: "\e001";
}
.ic-date:before {
  font-family: flaticon;
  content: "\e004";
}
.ic-office:before {
  font-family: flaticon;
  content: "\e009";
}
.ic-inbox:before {
  font-family: flaticon;
  content: "\e005";
}
.ic-changing {
  background: url(../images/load/changing.gif) no-repeat center center;
}
/*
=================================================================
END DEFINIÇÕES DE ICONES
=================================================================
DEFINIÇÕES DE BOTÕES
=================================================================
*/
.button {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  margin-left: 10px;
  -webkit-transition: all 0.1s ease-in 0s;
  -moz-transition: all 0.1s ease-in 0s;
  -o-transition: all 0.1s ease-in 0s;
  transition: all 0.1s ease-in 0s;
  border: 0;
}
.button:hover,
.button:focus,
.button:active {
  color: #ffffff;
  text-decoration: none;
}
.bt-usmall {
  font-size: 105%;
  padding: 2px 6px;
  font-weight: bold;
}
.bt-usmall.icon {
  background-position: 3px center;
  padding-left: 19px !important;
  background-size: 13px;
}
.bt-xsmall {
  font-size: 105%;
  padding: 3px 8px;
  font-weight: bold;
}
.bt-xsmall.icon {
  background-position: 5px center;
  padding-left: 21px !important;
  background-size: 13px;
}
.bt-slim {
  font-size: 90%;
  padding: 2px 5px;
  font-weight: bold;
}
.bt-slim.icon {
  background-position: 2px center;
  padding-left: 18px !important;
  background-size: 13px;
}
.bt-small {
  font-size: 115%;
  padding: 5px 10px;
}
.bt-small.icon {
  background-position: 7px center;
  padding-left: 24px !important;
  background-size: 14px;
}
.bt-medium {
  font-size: 115%;
  font-weight: 600;
  padding: 11px 15px;
}
.bt-medium.icon {
  background-position: 12px center;
  padding-left: 29px !important;
  background-size: 14px;
}
.bt-red {
  background-color: #ff0000;
}
.bt-red:hover {
  background-color: #aa0000;
}
.bt-blue {
  background-color: #155680;
}
.bt-blue:hover {
  background-color: #0e3955;
}
.bt-radius {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.bt-small-radius {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.bt-full {
  width: 100%;
}
.bt-no-border {
  border: 0!important;
}
.bt-no-margin {
  margin-left: 0!important;
}
/*
=================================================================
END DEFINIÇÕES DE BOTÕES
=================================================================
MARGENS PADRÕES
=================================================================
*/
.margin-t5 {
  margin-top: 5px;
}
.margin-t10 {
  margin-top: 10px;
}
.margin-t15 {
  margin-top: 15px;
}
.margin-t20 {
  margin-top: 20px;
}
.margin-t25 {
  margin-top: 25px;
}
.margin-t30 {
  margin-top: 30px;
}
.margin-t35 {
  margin-top: 35px;
}
.margin-t40 {
  margin-top: 40px;
}
.margin-b5 {
  margin-bottom: 5px;
}
.margin-b10 {
  margin-bottom: 10px;
}
.margin-b15 {
  margin-bottom: 15px;
}
.margin-b20 {
  margin-bottom: 20px;
}
.margin-b25 {
  margin-bottom: 25px;
}
.margin-b30 {
  margin-bottom: 30px;
}
.margin-t35 {
  margin-bottom: 35px;
}
.margin-t40 {
  margin-bottom: 40px;
}
/*
=================================================================
END MARGENS PADRÕES
=================================================================
RESET LAYOUT
=================================================================
*/
.inline-block {
  display: inline-block;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html {
  font-size: 12px;
}
html body {
  font-family: roboto, Arial, sans-serif, serif;
  font-size: 12px;
  color: #4c4c4c;
  /*Remove fluidez do container ao assumir resolução maior que 1170px */
  /* Costumização de accordion */
  /* END Costumização de Accordion */
  /* Novo Exercício */
  /* END Novo Exercício*/
  /* Modal */
  /* END Modal */
  /* Customização de Recaptcha */
  /* END Customização de Recaptcha */
  /* Costumização de barra de rolagem */
  /* Costumização de barra de rolagem */
  /* Costumização de Dialog */
  /* END Costumização de Dialog */
  /* Costumização de DataTable */
  /* END Costumização de DataTable */
}
html body .truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  empty-cells: show;
  outline: none;
}
html body .expandir {
  background-position: 5px 6px !important;
}
html body .recolher {
  background-position: 5px -18px !important;
}
html body .editable {
  border-bottom: 0px;
}
html body .vertical-middle {
  vertical-align: middle;
}
html body hr.strong {
  border-bottom: 2px solid #b3b3b3;
}
html body .default-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
}
html body .default-loading .load-content {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
html body .default-loading .load-content .load-overlay {
  background: white;
  z-index: 0;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
html body .default-loading .load-content .load-body {
  z-index: 50;
  position: relative;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  width: 100%;
}
html body .default-loading .load-content .load-title {
  padding-top: 50px;
  background: url(../images/load/changing-big.gif) no-repeat top center;
}
html body .row .col-none {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1170px) {
  html body .container-fluid {
    width: 1150px;
  }
}
html body *:focus {
  outline: none !important;
}
html body .accordion {
  color: #636363;
  margin-top: 30px;
}
html body .accordion .panel {
  margin: 0;
  position: relative;
  /* Cabeçalho */
  /* END Cabeçalho */
  /* Conteúdo */
  /* END Conteúdo */
}
html body .accordion .panel .panel-heading {
  overflow: hidden;
  height: 5.2em;
  padding: .5em .8em;
  padding-right: 4em;
  border-bottom: 5px solid #155680;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d0d0d0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #d0d0d0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d0d0d0', GradientType=1);
  /* IE6-9 */
}
html body .accordion .panel .panel-heading .heading-icon {
  position: absolute;
  right: 1em;
  left: inherit;
  top: 1.3em;
  background: url(../images/icons/arrow-medium.png) no-repeat center 7px #b8b8b8;
  padding: 12px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
html body .accordion .panel .panel-heading:not(.collapsed) .heading-icon {
  background: url(../images/icons/arrow-medium.png) no-repeat center -17px #b8b8b8;
}
html body .accordion .panel .panel-collapse {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-bottom: 5px solid #dadada;
}
html body .accordion .panel .panel-collapse .inner-accordion {
  margin: 5px;
}
html body .accordion .panel .panel-collapse .inner-accordion .panel {
  /* Cabeçalho */
}
html body .accordion .panel .panel-collapse .inner-accordion .panel .panel-heading {
  background: #d0d0d0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d0d0d0 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d0d0d0 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d0d0d0 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d0d0d0 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
  border-bottom: 3px solid #155680;
  height: auto;
}
html body .accordion .panel .panel-collapse .inner-accordion .panel .panel-heading .heading-icon {
  top: inherit;
  background-position: center 5px;
  padding: 10px;
}
html body .accordion .panel .panel-collapse .inner-accordion .panel .panel-heading:not(.collapsed) .heading-icon {
  background: url(../images/icons/arrow-medium.png) no-repeat center -19px #b8b8b8;
}
html body .accordion .panel .panel-collapse .button {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  margin-left: 10px;
  -webkit-transition: all 0.1s ease-in 0s;
  -moz-transition: all 0.1s ease-in 0s;
  -o-transition: all 0.1s ease-in 0s;
  transition: all 0.1s ease-in 0s;
  border: 0;
}
html body .accordion .panel .panel-collapse .button:hover,
html body .accordion .panel .panel-collapse .button:focus,
html body .accordion .panel .panel-collapse .button:active {
  color: #ffffff;
  text-decoration: none;
}
html body .accordion.accordion-anamnese {
  margin-top: 0;
}
html body .accordion.accordion-anamnese .panel-heading {
  height: 3em;
}
html body .accordion.accordion-anamnese .panel-heading .heading-icon {
  top: 0.3em;
}
html body .accordion.accordion-anamnese .panel-body .pergunta {
  border-bottom: 2px dotted #636363;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
html body .accordion.accordion-anamnese .panel-body .pergunta .opcao input {
  margin-top: 2px;
}
html body .accordion.accordion-anamnese .panel-body .pergunta .opcao label {
  font-weight: normal;
}
html body .accordion.accordion-anamnese .panel-body .pergunta:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
html body #new-exercise .chosen-container-single .chosen-single {
  height: 36px;
  font-size: 120%;
  color: #636363;
  padding: 4px 0 0 8px;
}
html body #new-exercise .chosen-container-single .chosen-single div {
  top: 5px;
}
html body #new-exercise .images {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  border: 1px solid #bcbcbc;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 10px;
}
html body #new-exercise .images label {
  font-size: 120%;
  color: #b3b3b3;
}
html body #new-exercise .images .image {
  border: 1px solid #dadada;
  height: 14em;
  vertical-align: middle;
  background: #ffffff;
  margin-bottom: 5px;
  position: relative;
}
html body #new-exercise .images .image .image-content {
  position: relative;
}
html body #new-exercise .images .image .image-content .check {
  position: absolute;
  bottom: 0;
  right: 4px;
  font-size: 250%;
  cursor: pointer;
}
html body #new-exercise .images .image span,
html body #new-exercise .images .image .element {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
}
html body #new-exercise .images .file {
  border: 1px solid #dadada;
  height: 14em;
  vertical-align: middle;
  background: #fff;
  margin-bottom: 5px;
  display: table;
  width: 100%;
  position: relative;
}
html body #new-exercise .images .file span,
html body #new-exercise .images .file .element {
  font-size: 400%;
  text-transform: uppercase;
  vertical-align: middle;
  display: block;
  height: 100%;
}
html body #new-exercise .images a.title {
  font-size: 85%;
  color: #4c4c4c;
}
html body #new-exercise .images a.title:hover {
  text-decoration: none;
  color: #4c4c4c;
}
.dataTables_wrapper .dataTables_filter input{
 	width: 183px;
}
.dataTables_wrapper .dataTables_filter {
	margin-bottom: 0;
}
html body .modal .modal-dialog .deleteAndHide {
  margin-top: 15px;
}
html body .modal .modal-dialog .deleteAndHide input {
  vertical-align: middle;
}
html body .modal .modal-dialog .deleteAndHide span {
  vertical-align: middle;
  font-size: 13px;
  margin-left: 5px;
}
html body .modal .modal-dialog.modal-auto {
  display: block;
  width: auto;
  text-align: center;
}
html body .modal .modal-dialog.modal-auto .modal-content {
  width: auto;
  display: inline-block;
  max-width: 100%;
}
html body .modal .modal-dialog.modal-auto .modal-content .image-view {
  height: auto;
}
html body .modal .modal-dialog .processing {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
html body .modal .modal-dialog .processing .container-process {
  position: relative;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
}
html body .modal .modal-dialog .processing .container-process .content {
  display: table-cell;
  vertical-align: middle;
}
html body .modal .modal-dialog .processing .container-process .content .overlay {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: #fff;
  opacity: 0.8;
}
html body .modal .modal-dialog .processing .container-process .content img {
  z-index: 500;
  position: relative;
}
html body #recaptcha_area {
  width: 100% !important;
  margin: 5px 0;
}
html body #recaptcha_area #recaptcha_table {
  width: 100% !important;
  background: #fff;
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 5px !important;
}
html body #recaptcha_area #recaptcha_table tbody {
  background: #860400;
  display: inline-table;
  width: 100% !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r1_c1,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r2_c1,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r2_c2,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r3_c1,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r3_c2,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r3_c3,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r4_c2,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r5_c1,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r6_c1,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r7_c1,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r8_c1,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r4_c4,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r4_c1 {
  background: none !important;
}
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r2_c1,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r2_c2,
html body #recaptcha_area #recaptcha_table tbody .recaptcha_image_cell {
  height: auto !important;
}
html body #recaptcha_area #recaptcha_table tbody center {
  display: table;
  width: 100%;
}
html body #recaptcha_area #recaptcha_table tbody center #recaptcha_image {
  width: 100% !important;
  height: auto !important;
  vertical-align: middle;
  display: table-cell;
}
html body #recaptcha_area #recaptcha_table tbody center #recaptcha_image img {
  width: 100% !important;
  height: auto !important;
}
html body #recaptcha_area #recaptcha_table tbody .recaptcha_r4_c4 {
  display: none;
}
html body #recaptcha_area #recaptcha_table tbody #recaptcha_response_field {
  padding: 5px 7px !important;
}
html body .mCustomScrollbar .mCSB_dragger_bar {
  background-color: #8db3cb !important;
}
html body .mCustomScrollbar .mCSB_draggerRail {
  background-color: #e4e4e4;
}
html body .ui-dialog {
  overflow: visible;
/*  z-index: 2003 !important;*/
}

html body .ui-dialog .ui-widget-header {
  border: 0;
  background: none;
  font-weight: normal;
  color: #4c4c4c;
}
html body .ui-dialog .ui-widget-header .ui-dialog-titlebar-close {
  background: url("../images/icons/close.png") no-repeat;
  background-position-y: center;
  border: 0;
  position: absolute;
  width: 43px;
  height: 43px;
  z-index: 999;
  top: -15px;
  right: -24px;
}
html body .ui-dialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick {
  background: none;
}
html body .ui-dialog .ui-dialog-buttonset .ui-button {
  font-size: 115%;
  font-weight: 600;
  padding: 11px 15px;
  background-color: #155680;
}
html body .ui-dialog .ui-dialog-buttonset .ui-button.icon {
  background-position: 12px center;
  padding-left: 29px !important;
  background-size: 14px;
}
html body .ui-dialog .ui-dialog-buttonset .ui-button:hover {
  background-color: #0e3955;
}
html body .ui-dialog .ui-dialog-buttonpane {
  border: 0;
}
html body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  font-size: 115%;
  padding: 5px 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-transform: uppercase;
  background-image: none;
  color: #ffffff;
  border: 1px solid #bcbcbc;
}
html body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.icon {
  background-position: 7px center;
  padding-left: 24px !important;
  background-size: 14px;
}
html body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button .ui-button-text {
  padding: 0;
}
html body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset #cancelButton {
  background-color: #155680;
}
html body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset #cancelButton:hover {
  background-color: #0e3955;
}
html body .dataTables_wrapper {
  position: relative;
  margin-top: 15px;
}
html body .dataTables_wrapper .dataTables_info {
  padding-top: 0;
  margin-top: 10px;
  color: #155680;
  background-position-y: center;
  font-size: 16px;
}
html body .dataTables_wrapper .dataTables_length {
  position: absolute;
}
html body .dataTables_wrapper .dataTables_length label {
  font-weight: normal;
}
html body .dataTables_wrapper .dataTables_length label select {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
html body .dataTables_wrapper .paginate_button {
  font-size: 115%;
  padding: 5px 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #333;
  text-transform: uppercase;
}
html body .dataTables_wrapper .paginate_button.icon {
  background-position: 7px center;
  padding-left: 24px !important;
  background-size: 14px;
}
.dataTables_info, .paginate_button current, .dataTables_length, .dataTables_filter {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    color: #6E6E6E !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
	color: #333;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
html body .dataTables_wrapper .paginate_button:not(.disabled):hover{
	background-color: none;
	color: #333;
}
html body .dataTables_wrapper .paginate_button.disabled {
  display: none;
  color: #333 !important;
  border: 1px solid #cacaca;
  background-color: #fff;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=1);
  /* IE6-9 */
}
html body .light-link {
  display: inline-block;
  font-size: 120%;
  color: #8db3cb;
  line-height: 27px;
}
html body .light-link .icon {
  padding-left: 25px;
}
html body .light-link.icon {
  padding-left: 25px;
}
html body p {
  margin: 0;
}
html body ul li,
html body ul ol {
  list-style: none;
}
html body img {
  max-width: 100%;
}
html body .default-radius {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
html body .float-right {
  float: right;
}
html body .float-left {
  float: left;
}
html body .weight-normal {
  font-weight: normal;
}
html body .overlap {
  z-index: 90;
}
html body .cursor-pointer {
  cursor: pointer;
}
html body .bg-center {
  background-position: center !important;
}
html body .no-padding-right {
  padding-right: 0 !important;
}
html body .no-padding-left {
  padding-left: 0 !important;
}
/*
=================================================================
END RESET LAYOUT
=================================================================
FORMULÁRIO
=================================================================
*/
form .border {
  border: 1px solid #bcbcbc;
}
form select,
form input,
form textarea {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #636363;
  padding: 8px;
  /*width: 100%;*/
  border: 1px solid #bcbcbc;
  outline: 0;
  font-size: 120%;
}
form select.button,
form input.button,
form textarea.button {
  margin: 0;
}
form select:disabled {
  background: #eee;
}
form textarea {
  resize: none;
}
form input[type="radio"],
form input[type="checkbox"] {
  width: auto;
  margin-top: 0;
  vertical-align: middle;
}
form label.error {
  color: red;
}
form input.error,
form select.error,
form textarea.error {
  border: 1px solid red;
}
form .group-box {
  height: 40px;
}
/* Costumização de chosen */
.chosen-container:not(.chosen-container-single) .chosen-choices {
  max-height: 70px;
  overflow-y: scroll;
}
.chosen-container .chosen-choices {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.chosen-container .chosen-choices .search-field {
  width: 100%;
}
.chosen-container .chosen-choices .search-field input {
  min-width: 100%;
}
.chosen-container .chosen-drop {
  margin-top: -10px;
  z-index: 0;
  border: 1px solid #bcbcbc;
  border-top: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.chosen-container .chosen-drop .chosen-results {
  margin-top: 10px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* END Costumização de chosen */
/*
=================================================================
END FORMULÁRIO
=================================================================
CABEÇALHO
=================================================================
*/
#header {
  z-index: 200;
  position: relative;
}
#header.login form {
  display: inline;
}
#header.login form .form-group {
  margin-bottom: 0;
}
#header.login form .form-group input {
  padding: 5px !important;
}
#header.login form .form-group a {
  color: #ffffff;
}
#header .section-top {
  padding: 6px 0;
}
#header .section-top ul.menu {
  float: right;
  margin: 0;
}
#header .section-top ul.menu li {
  float: left;
  font-size: 105%;
  padding: 0 12px;
  line-height: 25px;
  color: #ffffff;
}
#header .section-top ul.menu li img {
  margin-bottom: 1.1%;
  width: 13px;
}
#header .section-top ul.menu li a {
  color: #ffffff;
  text-decoration: none;
}
#header .section-top ul.menu li.strong {
  font-size: 120%;
  font-weight: bold;
}
#header .section-top ul.menu li:last-child {
  border-right: 0;
  padding-right: 0;
}
#header .section-top ul.menu li:first-child {
  border-left: 0;
}
#header .section-top ul.menu li.active {
  background-color: #062b07;
}
#header .section-top ul.menu li.icon {
  background-position: 9px center;
  padding-left: 25px !important;
  background-size: 13px;
}
#header.small-header .section-bottom {
  padding: 5px 0;
  position: fixed;
  width: 100%;
  top: 0;
}
#header.small-header .section-bottom .idoc {
  padding: 0px 5px;
}
#header.small-header .section-bottom ul.logotipo li {
  padding: 9px 10px;
}
#header.small-header .section-bottom ul.menu {
  margin-bottom: 14px;
}
#header.small-header .section-bottom ul.menu .ver-menu > a i {
  font-size: 32px;
  vertical-align: middle;
  color: white;
}
#header.small-header .section-bottom ul.menu .ver-menu > a img {
  vertical-align: middle;
}
#header.small-header .section-bottom ul.menu .ver-menu .ver-mais > a {
  padding: 5px 10px 5px 25px;
  background-position: 9px 9px;
}
#header.small-header .section-bottom ul.menu .ver-menu .ver-mais.opened > a {
  background-position: 9px -9px;
}
#header.small-header .section-bottom ul.menu .ver-menu .ver-mais:hover > a {
  padding: 5px 10px 5px 25px;
}
#header.small-header .section-bottom ul.menu .ver-menu li {
  margin-top: 15px;
}
#header.small-header .section-bottom ul.menu .ver-menu li.active a,
#header.small-header .section-bottom ul.menu .ver-menu li:hover a {
  padding-bottom: 12px;
}
#header .section-bottom {
  padding: 10px 0;
  background: #155680;
  border-top: 1px solid #0e3955;
  border-bottom: 1px solid #124b6f;
}
#header .section-bottom .idoc {
  font-family: signika, arial, serif;
  font-size: 250%;
  padding: 2px 2px;
  background: #ffffff;
  color: #155680;
  font-weight: bold;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  vertical-align: middle;
  float: left;
}
#header .section-bottom ul.logotipo {
  z-index: 250;
  padding: 0;
  position: absolute;
  left: 8.45em;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#header .section-bottom ul.logotipo.opened {
  padding: 5px 5px 0px 5px;
  top: -5px;
  left: 8em;
}
#header .section-bottom ul.logotipo.opened li {
  margin-bottom: 5px;
}
#header .section-bottom ul.logotipo.opened li .arrow {
  float: right;
}
#header .section-bottom ul.logotipo .list {
  margin: 8px 0 0 0;
  padding: 5px 5px 0 5px;
  background: #ffffff;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#header .section-bottom ul.logotipo .list ul {
  margin: 0;
  padding: 0;
}
#header .section-bottom ul.logotipo .list ul li {
  padding: 4px 10px;
}
#header .section-bottom ul.logotipo .list ul li .last-name {
  display: inline !important;
}
#header .section-bottom ul.logotipo li {
  display: none;
  float: left;
  color: #ffffff;
  font-weight: bold;
  padding: 14px 10px;
  background: #1e638f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1e638f 0%, #0e496f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e638f), color-stop(100%, #0e496f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1e638f 0%, #0e496f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1e638f 0%, #0e496f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1e638f 0%, #0e496f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #1e638f 0%, #0e496f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e638f', endColorstr='#0e496f', GradientType=1);
  /* IE6-9 */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-family: signika, arial, serif;
  clear: both;
  width: 100%;
}
#header .section-bottom ul.logotipo li a {
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
}
#header .section-bottom ul.logotipo li .arrow {
  cursor: pointer;
}
#header .section-bottom ul.logotipo li img {
  height: 16px;
  padding: 3px;
}
#header .section-bottom ul.logotipo li .title {
  font-size: 150%;
  font-weight: normal;
  vertical-align: middle;
}
#header .section-bottom ul.logotipo li .title span {
  display: inline-block;
}
#header .section-bottom ul.logotipo li .title span:last-child {
  margin-left: -4px;
}
#header .section-bottom ul.logotipo li .arrow {
  display: none;
}
#header .section-bottom ul.logotipo li.active {
  display: block;
}
#header .section-bottom ul.logotipo li.active .arrow {
  display: inline-block;
}
#header .section-bottom ul.logotipo li .icon {
  width: 22px;
  height: 22px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-box-shadow: 0 -1px 0 1px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 -1px 0 1px rgba(50, 50, 50, 0.75);
  box-shadow: 0 -1px 0 1px rgba(50, 50, 50, 0.75);
  vertical-align: middle;
  margin-left: 5px;
}
#header .section-bottom ul.menu {
  float: right;
  display: inline-block;
  margin-bottom: 21px;
  padding: 0;
}
#header .section-bottom ul.menu .ver-menu li {
  margin-top: 20px;
  float: left;
  font-size: 105%;
  padding: 0 10px;
  border-left: 1px solid #124b6f;
  border-right: 1px solid #0e3955;
  line-height: 13px;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
}
#header .section-bottom ul.menu .ver-menu li a {
  color: #ffffff;
  text-decoration: none;
}
#header .section-bottom ul.menu .ver-menu li:nth-last-child(4) {
  border-right: 0;
}
#header .section-bottom ul.menu .ver-menu li:first-child {
  border-left: 0;
}
#header .section-bottom ul.menu .ver-menu li.active a {
  border-bottom: 5px solid #ffffff;
  padding-bottom: 24px;
}
#header .section-bottom ul.menu .ver-menu li:hover a {
  border-bottom: 5px solid #b3b3b3;
  padding-bottom: 24px;
}
#header .section-bottom ul.menu .ver-menu li.icon {
  background-position: 7px center;
  padding-left: 23px !important;
  background-size: 13px;
}
/*
=================================================================
END CABEÇALHO
=================================================================
FOOTER
=================================================================
*/
#footer {
  position: relative;
}
#footer .section-top {
  padding: 6px 0;
  background: #155680;
  border-top: 1px solid #124b6f;
  border-top: 1px solid #0e3955;
}
#footer .section-top img {
  margin-top: -45px;
}
#footer .section-top p {
  font-size: 105%;
  margin: 0;
}
#footer .section-top * {
  color: #ffffff;
}
#footer .section-bottom {
  padding: 10px 0;
  background: #063858;
  border-bottom: 6px solid #155680;
}
#footer .section-bottom p {
  font-size: 105%;
  margin: 0;
}
#footer .section-bottom * {
  color: #ffffff;
}
/*
=================================================================
END FOOTER
=================================================================
CONTEÚDO
=================================================================
*/
#content {
  border-top: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
  padding-bottom: 50px;
  /* Exames */
  /* END Exames */
  /* Login */
  /* END Login */
  /* Cadastro */
  /* END Cadastro */
  /* Cabeçalho padrão de conteúdo */
  /* END Cabeçalho padrão de conteúdo */
  /* Cabeçalho de usuário padrão de conteúdo */
  /* END Cabeçalho de usuário padrão de conteúdo */
  /* Controller */
  /* END Controller */
  /* Grupo */
  /* END Grupo */
  /* Documentação */
  /* END Documentação */
  /* Relacionamento Consultório */
  /* END Relacionamento Consultório */
  /* Tabela */
  /* END Tabela */
}
#content.exames {
  /* Odotongrama */
  /* END Odotongrama */
}
#content.exames .clndr .clndr-table tbody tr {
  height: 70px;
}
#content.exames .clndr .clndr-table tbody tr td {
  cursor: pointer;
}
#content.exames .consulta .title {
  background: #155680;
  color: white;
  padding: 6px 10px 7px 10px;
  margin-top: 30px;
  border: 1px solid #000;
  margin-bottom: 15px;
}
#content.exames .consulta .item {
  background: #e4e4e4;
  padding: 5px 12px;
}
#content.exames .consulta .item .option,
#content.exames .consulta .item .trash {
  cursor: pointer;
}
#content.exames .consulta .item .checked {
  color: #5cb85c;
}
#content.exames .consulta .item .unchecked {
  color: #ac2925;
}
#content.exames .mapa-orto {
  overflow: hidden;
  text-align: center;
  margin-top: 15px;
}
#content.exames .mapa-orto .lado {
  display: inline-block;
  font-size: 200%;
  vertical-align: middle;
  margin: 0 10px;
}
#content.exames .mapa-orto .mapa {
  display: inline-block;
  vertical-align: middle;
}
#content.exames .mapa-orto .mapa .item {
  display: inline-block;
  font-weight: normal;
  font-family: serif;
  cursor: pointer;
}
#content.exames .mapa-orto .mapa .item.active {
  background: #155680;
  color: #ffffff;
}
#content.exames .mapa-orto .mapa .superior,
#content.exames .mapa-orto .mapa .inferior {
  overflow: hidden;
}
#content.exames .mapa-orto .mapa .superior p .item,
#content.exames .mapa-orto .mapa .inferior p .item {
  font-size: 150%;
  margin: 3px;
  padding: 5px;
}
#content.exames .mapa-orto .mapa .superior {
  border-bottom: 2px solid #155680;
}
#content.exames .mapa-orto .mapa .superior-direito,
#content.exames .mapa-orto .mapa .inferior-direito {
  border-right: 2px solid #155680;
  float: left;
}
#content.exames .mapa-orto .mapa .superior-direito p,
#content.exames .mapa-orto .mapa .inferior-direito p {
  text-align: right;
}
#content.exames .mapa-orto .mapa .superior-esquerdo,
#content.exames .mapa-orto .mapa .inferior-esquerdo {
  float: right;
}
#content.exames .mapa-orto .mapa .superior-esquerdo p,
#content.exames .mapa-orto .mapa .inferior-esquerdo p {
  text-align: left;
}
#content.exames .odontograma {
  position: relative;
}
#content.exames .odontograma .dentes {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#content.exames .odontograma .dentes .dente {
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  float: left;
  cursor: pointer;
  position: relative;
}
#content.exames .odontograma .dentes .dente span {
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
}
#content.exames .odontograma .dentes .first-line {
  width: 25.66667%;
  height: 8.54%;
  margin: 0 auto;
  margin-top: 17%;
}
#content.exames .odontograma .dentes .first-line .dente {
  background-position: center 0%;
}
#content.exames .odontograma .dentes .first-line .dente:hover {
  background-position: center 100%;
}
#content.exames .odontograma .dentes .first-line .dente:hover span {
  color: #7895f8;
}
#content.exames .odontograma .dentes .first-line .dente.active {
  background-position: center 100%;
}
#content.exames .odontograma .dentes .first-line .dente span {
  bottom: -18%;
}
#content.exames .odontograma .dentes .first-line .dente55 {
  width: 10.9%;
}
#content.exames .odontograma .dentes .first-line .dente54 {
  width: 10.9%;
}
#content.exames .odontograma .dentes .first-line .dente54.active,
#content.exames .odontograma .dentes .first-line .dente54:hover {
  background-position: center 98%;
}
#content.exames .odontograma .dentes .first-line .dente53 {
  width: 10.9%;
}
#content.exames .odontograma .dentes .first-line .dente52 {
  width: 6.49%;
}
#content.exames .odontograma .dentes .first-line .dente52.active,
#content.exames .odontograma .dentes .first-line .dente52:hover {
  background-position: center 105%;
}
#content.exames .odontograma .dentes .first-line .dente51 {
  width: 10.9%;
}
#content.exames .odontograma .dentes .first-line .dente61 {
  width: 10.9%;
}
#content.exames .odontograma .dentes .first-line .dente62 {
  width: 6.23%;
}
#content.exames .odontograma .dentes .first-line .dente62.active,
#content.exames .odontograma .dentes .first-line .dente62:hover {
  background-position: center 98%;
}
#content.exames .odontograma .dentes .first-line .dente63 {
  width: 10.9%;
}
#content.exames .odontograma .dentes .first-line .dente64 {
  width: 10.9%;
}
#content.exames .odontograma .dentes .first-line .dente65 {
  width: 10.9%;
}
#content.exames .odontograma .dentes .second-line {
  width: 50.73333%;
  height: 11.83%;
  margin: 0 auto;
  margin-top: 0.5%;
}
#content.exames .odontograma .dentes .second-line .dente {
  background-position: center 0%;
}
#content.exames .odontograma .dentes .second-line .dente:hover {
  background-position: center 100%;
}
#content.exames .odontograma .dentes .second-line .dente:hover span {
  color: #7895f8;
}
#content.exames .odontograma .dentes .second-line .dente.active {
  background-position: center 100%;
}
#content.exames .odontograma .dentes .second-line .dente span {
  bottom: -18%;
}
#content.exames .odontograma .dentes .second-line .dente18 {
  width: 6.753%;
}
#content.exames .odontograma .dentes .second-line .dente17 {
  width: 6.953%;
}
#content.exames .odontograma .dentes .second-line .dente16 {
  width: 6.953%;
}
#content.exames .odontograma .dentes .second-line .dente15 {
  width: 5.941%;
}
#content.exames .odontograma .dentes .second-line .dente14 {
  width: 5.309%;
}
#content.exames .odontograma .dentes .second-line .dente13 {
  width: 5.309%;
}
#content.exames .odontograma .dentes .second-line .dente12 {
  width: 5.309%;
}
#content.exames .odontograma .dentes .second-line .dente11 {
  width: 6.953%;
}
#content.exames .odontograma .dentes .second-line .dente21 {
  width: 6.953%;
}
#content.exames .odontograma .dentes .second-line .dente22 {
  width: 5.309%;
}
#content.exames .odontograma .dentes .second-line .dente23 {
  width: 5.309%;
}
#content.exames .odontograma .dentes .second-line .dente24 {
  width: 5.309%;
}
#content.exames .odontograma .dentes .second-line .dente25 {
  width: 6.953%;
}
#content.exames .odontograma .dentes .second-line .dente26 {
  width: 6.953%;
}
#content.exames .odontograma .dentes .second-line .dente27 {
  width: 6.953%;
}
#content.exames .odontograma .dentes .second-line .dente28 {
  width: 6.753%;
}
#content.exames .odontograma .dentes .third-line {
  width: 53.6%;
  height: 11.5%;
  margin: 0 auto;
  margin-top: 3.5%;
}
#content.exames .odontograma .dentes .third-line .dente {
  background-position: center 0%;
}
#content.exames .odontograma .dentes .third-line .dente:hover {
  background-position: center 89%;
}
#content.exames .odontograma .dentes .third-line .dente:hover span {
  color: #7895f8;
}
#content.exames .odontograma .dentes .third-line .dente.active {
  background-position: center 89%;
}
#content.exames .odontograma .dentes .third-line .dente span {
  top: -23%;
}
#content.exames .odontograma .dentes .third-line .dente48 {
  width: 7.089%;
}
#content.exames .odontograma .dentes .third-line .dente47 {
  width: 7.089%;
}
#content.exames .odontograma .dentes .third-line .dente47.active,
#content.exames .odontograma .dentes .third-line .dente47:hover {
  background-position: center 87%;
}
#content.exames .odontograma .dentes .third-line .dente46 {
  width: 7.66%;
}
#content.exames .odontograma .dentes .third-line .dente46.active,
#content.exames .odontograma .dentes .third-line .dente46:hover {
  background-position: center 90%;
}
#content.exames .odontograma .dentes .third-line .dente45 {
  width: 5.597%;
}
#content.exames .odontograma .dentes .third-line .dente45.active,
#content.exames .odontograma .dentes .third-line .dente45:hover {
  background-position: center 86%;
}
#content.exames .odontograma .dentes .third-line .dente44 {
  width: 5.472%;
}
#content.exames .odontograma .dentes .third-line .dente44.active,
#content.exames .odontograma .dentes .third-line .dente44:hover {
  background-position: center 85%;
}
#content.exames .odontograma .dentes .third-line .dente43 {
  width: 5.099%;
}
#content.exames .odontograma .dentes .third-line .dente42 {
  width: 5.099%;
}
#content.exames .odontograma .dentes .third-line .dente41 {
  width: 6.716%;
}
#content.exames .odontograma .dentes .third-line .dente31 {
  width: 6.592%;
}
#content.exames .odontograma .dentes .third-line .dente31.active,
#content.exames .odontograma .dentes .third-line .dente31:hover {
  background-position: center 87%;
}
#content.exames .odontograma .dentes .third-line .dente32 {
  width: 4.85%;
}
#content.exames .odontograma .dentes .third-line .dente33 {
  width: 5.521%;
}
#content.exames .odontograma .dentes .third-line .dente33.active,
#content.exames .odontograma .dentes .third-line .dente33:hover {
  background-position: center 94%;
}
#content.exames .odontograma .dentes .third-line .dente34 {
  width: 5.223%;
}
#content.exames .odontograma .dentes .third-line .dente34.active,
#content.exames .odontograma .dentes .third-line .dente34:hover {
  background-position: center 87%;
}
#content.exames .odontograma .dentes .third-line .dente35 {
  width: 5.721%;
}
#content.exames .odontograma .dentes .third-line .dente36 {
  width: 7.711%;
}
#content.exames .odontograma .dentes .third-line .dente36.active,
#content.exames .odontograma .dentes .third-line .dente36:hover {
  background-position: center 87%;
}
#content.exames .odontograma .dentes .third-line .dente37 {
  width: 7.462%;
}
#content.exames .odontograma .dentes .third-line .dente37.active,
#content.exames .odontograma .dentes .third-line .dente37:hover {
  background-position: center 87%;
}
#content.exames .odontograma .dentes .third-line .dente38 {
  width: 6.965%;
}
#content.exames .odontograma .dentes .third-line .dente38.active,
#content.exames .odontograma .dentes .third-line .dente38:hover {
  background-position: center 87%;
}
#content.exames .odontograma .dentes .fourth-line {
  width: 26.2%;
  height: 7.884%;
  margin: 0 auto;
  margin-top: 1.5%;
}
#content.exames .odontograma .dentes .fourth-line .dente {
  background-position: center 0%;
}
#content.exames .odontograma .dentes .fourth-line .dente:hover {
  background-position: center 100%;
}
#content.exames .odontograma .dentes .fourth-line .dente:hover span {
  color: #7895f8;
}
#content.exames .odontograma .dentes .fourth-line .dente.active {
  background-position: center 100%;
}
#content.exames .odontograma .dentes .fourth-line .dente span {
  top: -25%;
}
#content.exames .odontograma .dentes .fourth-line .dente85 {
  width: 12.213%;
}
#content.exames .odontograma .dentes .fourth-line .dente85.active,
#content.exames .odontograma .dentes .fourth-line .dente85:hover {
  background-position: center 94%;
}
#content.exames .odontograma .dentes .fourth-line .dente84 {
  width: 11.45%;
}
#content.exames .odontograma .dentes .fourth-line .dente84.active,
#content.exames .odontograma .dentes .fourth-line .dente84:hover {
  background-position: center 98%;
}
#content.exames .odontograma .dentes .fourth-line .dente83 {
  width: 8.396%;
}
#content.exames .odontograma .dentes .fourth-line .dente83.active,
#content.exames .odontograma .dentes .fourth-line .dente83:hover {
  background-position: center 94%;
}
#content.exames .odontograma .dentes .fourth-line .dente82 {
  width: 7.888%;
}
#content.exames .odontograma .dentes .fourth-line .dente82.active,
#content.exames .odontograma .dentes .fourth-line .dente82:hover {
  background-position: center 94%;
}
#content.exames .odontograma .dentes .fourth-line .dente81 {
  width: 9.414%;
}
#content.exames .odontograma .dentes .fourth-line .dente81.active,
#content.exames .odontograma .dentes .fourth-line .dente81:hover {
  background-position: center 94%;
}
#content.exames .odontograma .dentes .fourth-line .dente71 {
  width: 10.432%;
}
#content.exames .odontograma .dentes .fourth-line .dente71.active,
#content.exames .odontograma .dentes .fourth-line .dente71:hover {
  background-position: center 100%;
}
#content.exames .odontograma .dentes .fourth-line .dente72 {
  width: 8.142%;
}
#content.exames .odontograma .dentes .fourth-line .dente72.active,
#content.exames .odontograma .dentes .fourth-line .dente72:hover {
  background-position: center 94%;
}
#content.exames .odontograma .dentes .fourth-line .dente73 {
  width: 9.16%;
}
#content.exames .odontograma .dentes .fourth-line .dente73.active,
#content.exames .odontograma .dentes .fourth-line .dente73:hover {
  background-position: center 94%;
}
#content.exames .odontograma .dentes .fourth-line .dente74 {
  width: 11.195%;
}
#content.exames .odontograma .dentes .fourth-line .dente74.active,
#content.exames .odontograma .dentes .fourth-line .dente74:hover {
  background-position: center 96%;
}
#content.exames .odontograma .dentes .fourth-line .dente75 {
  width: 11.704%;
}
#content.exames .odontograma .dentes .fourth-line .dente75.active,
#content.exames .odontograma .dentes .fourth-line .dente75:hover {
  background-position: center 98%;
}
#content.login {
  padding-bottom: 0;
  text-align: center;
}
#content.login #slides {
  position: relative;
  overflow: hidden;
  height: auto !important;
}
#content.login #slides ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: auto !important;
}
#content.login #slides ul li {
  float: left;
}
#content.login .navigation {
  position: relative;
}
#content.login .navigation .content {
  position: absolute;
  top: -70px;
  left: 2px;
  width: 100%;
}
#content.login .navigation .content .dots {
  margin: 0 auto;
  display: table;
  padding: 0;
}
#content.login .navigation .content .dots li {
  display: inline-block;
  padding: 0px 0.7em;
  text-indent: -9999px;
  border: 2px solid #155680;
  margin-right: 5px;
  cursor: pointer;
  font-size: 0.8em;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
#content.login .navigation .content .dots li.active {
  background: #155680;
}
#content.cadastro .publicity {
  background: #dce2ed;
  font-family: signika, arial, serif;
}
#content.cadastro .publicity h1 {
  font-size: 667%;
  font-weight: bold;
  color: #155680;
  margin-top: 70px;
  margin-bottom: 20px;
}
#content.cadastro .publicity .sub-title {
  background: #aebdd9;
  padding-top: 5px;
  padding-bottom: 5px;
}
#content.cadastro .publicity .sub-title h2 {
  font-weight: bold;
  font-size: 280%;
  color: #373737;
}
#content.cadastro .publicity p {
  font-size: 160%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #727272;
}
#content.cadastro .publicity .screen {
  position: relative;
}
#content.cadastro .publicity .screen img {
  position: absolute;
  z-index: 999;
  top: 70px;
  left: 0;
}
#content .head {
  background: url(../images/background/banner-bg.png) center top;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 30px;
  /* Banner */
  /* END Banner */
  /* Usuário */
  /* END Usuário */
}
#content .head #banner {
  text-align: center;
  border-top: 0;
  padding-top: 0;
  overflow: hidden;
}
#content .head .user {
  position: relative;
  margin-bottom: 20px;
}
#content .head .user .crop {
  cursor: pointer;
}
#content .head .user .image {
  border: 1px solid #d0d0d0;
  padding: 3px;
  margin-top: -100px;
  background: #ffffff;
  position: relative;
}
#content .head .user .image .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#content .head .user .image .loading .container-loading {
  position: relative;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
}
#content .head .user .image .loading .container-loading .content {
  display: table-cell;
  vertical-align: middle;
}
#content .head .user .image .loading .container-loading .content .overload {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: #fff;
  opacity: 0.8;
}
#content .head .user .image .loading .container-loading .content img {
  z-index: 500;
  position: relative;
}
#content .head .user .image .edit {
  position: absolute;
  width: 100%;
  height: 35px;
  bottom: 0;
  left: 0;
}
#content .head .user .image .edit .data {
  background: url(../images/icons/cam.png) no-repeat;
  background-position: 5px 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  position: relative;
}
#content .head .user .image .edit .data span {
  display: none;
  padding-left: 40px;
  color: #ffffff;
  line-height: 3;
}
#content .head .user .image .edit .overlay {
  display: none;
}
#content .head .user .image:hover .edit span {
  display: inline;
}
#content .head .user .image:hover .edit .overlay {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.7;
}
#content .head .user .info {
  margin-left: 20px;
  margin-top: 20px;
}
#content .head .user .info h1 {
  margin-bottom: 5px;
}
#content .user-head {
  background: url(../images/background/banner-bg.png) center -130px;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 30px;
}
#content .user-head .user {
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
}
#content .user-head .user .image {
  border: 1px solid #d0d0d0;
  padding: 3px;
  background: #ffffff;
  width: 190px;
}
#content .user-head .user .image img {
  display: block;
  margin: 0 auto;
}
#content .user-head .user .info {
  margin-left: 20px;
  width: 81%;
}
@media (min-width: 993px) and (max-width: 1169px) {
  #content .user-head .user .info {
    width: 77%;
  }
}
#content .user-head .user .info .title {
  overflow: hidden;
}
#content .user-head .user .info .title h1 {
  margin-bottom: 15px;
  display: inline-block;
  float: left;
}
#content .user-head .user .info .title h1 img {
  height: 30px;
}
#content .user-head .user .info .title a {
  display: inline-block;
  font-size: 120%;
  color: #8db3cb;
  padding-left: 25px;
  line-height: 27px;
  margin-left: 15px;
  float: left;
}
#content .user-head .user .info .title a:hover {
  text-decoration: none;
}
#content .user-head .user .info p {
  display: block;
  padding-left: 20px;
  font-size: 125%;
  background-position: 0 center;
}
#content .controller.controller-slim {
  border: 0 !important;
  padding: 0;
}
#content .controller.controller-slim .dt-bFilter {
  margin: 0;
}
#content .controller.controller-slim .dt-bFilter input {
  height: auto;
  font-size: 14px;
  height: 34px;
}
#content .controller.controller-slim .dt-bFilter .icon {
  font-size: 14px;
  width: auto;
  padding: 9px 10px !important;
}
#content .controller .clinica-logo {
  min-height: 42px;
  position: relative;
}
#content .controller .clinica-logo > a {
  margin-right: 15px;
}
#content .controller .dt-bFilter {
  position: relative;
  width: 100%;
}
#content .controller .dt-bFilter input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 130%;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: 42px;
  padding-right: 50px;
}
#content .controller .dt-bFilter .icon {
  width: 15px;
  height: 15px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
#content .controller.buttons .icon {
  font-size: 190%;
  font-weight: 900;
  border: 1px solid #dadada;
  color: #155680;
  padding: 20px 5px;
  margin-right: 10px;
}
#content .controller.config a {
  display: block;
  margin-left: 0;
}
#content .controller.config a .title {
  height: 5.2em;
  color: #636363;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 1px solid #dadada;
  display: table;
  font-size: 95%;
  -webkit-transition: all 0.1s ease-in 0s;
  -moz-transition: all 0.1s ease-in 0s;
  -o-transition: all 0.1s ease-in 0s;
  transition: all 0.1s ease-in 0s;
}
#content .controller.config a .title span {
  display: table-cell;
  vertical-align: middle;
}
#content .controller.config a .icon {
  height: 1.4em;
  font-size: 350%;
  color: #ffffff;
  padding: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#content .controller.config a:hover .title,
#content .controller.config a.active .title {
  background: #155680;
  color: #ffffff;
}
#content .title .editable-container input {
  min-width: 300px;
  max-width: 100%;
}
#content .title .editable-container button {
  padding: 8px 10px;
}
#content .title .editable-icon {
  font-size: 120%;
}
#content .group-tab-content .tab-pane .controller.controller-slim.data-table-controll .dt-bFilter .icon {
  padding: 9px 18px !important;
}
#content .group-tab-content .tab-pane .dataTables_wrapper {
  margin-top: 10px;
}
#content .group-tabs .nav-tabs {
  font-size: 130%;
}
#content .group-tabs .nav-tabs li a {
  color: #636363;
}
#content .group-tabs .nav-tabs li.active a {
  color: #155680;
  font-weight: bold;
}
#content .group-container {
  /* Membros */
  /* END Membros */
}
#content .group-container .inbox-menu {
  display: none !important;
}
#content .group-container .info-clean .editable,
#content .group-container .title .editable {
  border-bottom: 0;
}
#content .group-container .group-info p,
#content .group-container .group-info span {
  font-size: 110%;
}
#content .group-container .group-info .info-item {
  border-bottom: 1px solid #dadada;
  margin-bottom: 3px;
  padding-bottom: 3px;
}
#content .group-container .group-info .info-item:last-child {
  border-bottom: 0px;
}
#content .group-container .group-info .descricao .editable-container {
  display: block;
}
#content .group-container .group-info .descricao .editable-container .control-group {
  display: block;
}
#content .group-container .group-info .descricao .editable-container .control-group .editable-input {
  width: 100%;
}
#content .group-container .group-info .descricao .editable-container .control-group .editable-buttons {
  display: block;
  margin-left: 0;
  margin-top: 7px;
}
#content .group-container .group-info .descricao textarea {
  width: 100%;
  height: 55px;
}
#content .group-container .members-container {
  padding-top: 10px;
}
#content .group-container .members-container .title {
  background: #d0d0d0;
  padding: 5px 15px;
  border: 1px solid #bcbcbc;
  font-weight: bold;
}
#content .group-container .members-container .members-content {
  height: 300px;
  overflow-y: scroll;
  margin-top: 5px;
}
#content .group-container .members-container .members-content .sep {
  border-color: #b3b3b3;
}
#content .group-container .members-container .members-content .member,
#content .group-container .members-container .members-content invite-member {
  padding: 1px 0;
  overflow-x: hidden;
  min-height: 25px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
#content .group-container .members-container .members-content .member .name,
#content .group-container .members-container .members-content invite-member .name {
  font-size: 110%;
  margin-top: 2px;
}
#content .group-container .members-container .members-content .member .name span,
#content .group-container .members-container .members-content invite-member .name span {
  vertical-align: middle;
}
#content .group-container .members-container .members-content .member img,
#content .group-container .members-container .members-content invite-member img {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
#content .group-container .members-container .members-content .member .action,
#content .group-container .members-container .members-content invite-member .action {
  font-size: 90%;
  margin-top: 3px;
}
#content .group-container .members-container .members-content .member .action button,
#content .group-container .members-container .members-content invite-member .action button {
  width: 100%;
  margin: 0;
}
#content .group-container .members-container .members-content .member:hover,
#content .group-container .members-container .members-content invite-member:hover {
  background-color: #e4e4e4;
}
#content .group-container .members-container .members-content .member:hover .delete-member,
#content .group-container .members-container .members-content invite-member:hover .delete-member {
  display: inline-block;
}
#content .inbox-container-exames {
  margin-top: 30px;
  border-top: 3px solid #e4e4e4;
  padding-top: 15px;
}
#content .documentation {
  /* Cefalometria e diagnostico */
  /* END Cefalometria e diagnostico */
  /* Conteúdo de imagens */
  /* END Conteúdo de imagens */
  /* Conteúdo de anexos */
  /* END Conteúdo de anexos */
  /* Diagnostico */
  /* END Diagnostico */
  /* DataTable */
  /* END DataTable */
}
#content .documentation .doc-messages {
  margin-top: 20px;
}
#content .documentation .doc-messages .title {
  background: #d0d0d0;
  padding: 5px 15px;
  border: 1px solid #bcbcbc;
  font-weight: bold;
}
#content .documentation .panel-heading h2 {
  padding-top: 0.3em;
}
#content .documentation .panel-heading .info {
  line-height: 3.78em;
}
#content .documentation .panel-heading .info span,
#content .documentation .panel-heading .info img {
  margin-left: 1.8em;
  color: #636363;
}
#content .documentation .panel-heading .info img {
  height: 3.8em;
}
#content .documentation .panel-heading .info .date {
  padding-right: 1.8em;
  border-right: 1px solid #636363;
}
#content .documentation .options {
  text-align: right;
  position: absolute;
  top: 134px;
  left: 0;
  width: auto !important;
  height: auto !important;
  padding: 5px;
  background: transparent;
  background-color: #155680;
  margin: 0;
  font-size: 120%;
  z-index: 99;
  opacity: 0.2;
  line-height: 1.6;
}
#content .documentation .options .icon {
  width: 25px;
  height: 25px;
}
#content .documentation .options li {
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #ffffff;
}
#content .documentation .options li span,
#content .documentation .options li a {
  color: #fff !important;
  display: inline;
  padding-left: 20px;
}
#content .documentation .options li:last-child,
#content .documentation .options li:first-child {
  border: 0;
}
#content .documentation .options li:first-child .icon {
  background-size: inherit;
}
#content .documentation .options li:not(:first-child) {
  display: none;
}
#content .documentation .options.opened {
  opacity: 1;
  line-height: 2;
}
#content .documentation .options.opened li {
  display: block;
}
#content .documentation .options.opened li .glyphicon {
  line-height: inherit;
  padding-left: 3px;
}
#content .documentation .options.opened li .glyphicon:before {
  padding-right: 12px;
}
#content .documentation .options.opened li span,
#content .documentation .options.opened li a {
  background-position-x: 2px !important;
  padding-left: 30px;
  padding-right: 8px;
}
#content .documentation .options:hover {
  opacity: 1;
}
#content .documentation .panel-collapse.cefalometria .image,
#content .documentation .panel-collapse.diagnostico .image {
  text-align: center;
}
#content .documentation .panel-collapse.cefalometria .image img,
#content .documentation .panel-collapse.diagnostico .image img {
  max-height: 1000px;
}
#content .documentation .panel-collapse.images .col {
  padding: 1em;
  margin-bottom: 10px;
}
#content .documentation .panel-collapse.images .col:hover,
#content .documentation .panel-collapse.images .col.hover {
  background: #dadada;
}
#content .documentation .panel-collapse.images .col .image {
  border: 1px solid #dadada;
  height: 14em;
  vertical-align: middle;
  background: #ffffff;
  margin-bottom: 5px;
  position: relative;
}
#content .documentation .panel-collapse.images .col .image a span,
#content .documentation .panel-collapse.images .col .image .element {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
}
#content .documentation .panel-collapse.images .col .file {
  border: 1px solid #dadada;
  height: 14em;
  vertical-align: middle;
  background: #fff;
  margin-bottom: 5px;
  display: table;
  width: 100%;
  position: relative;
}
#content .documentation .panel-collapse.images .col .file div,
#content .documentation .panel-collapse.images .col .file .element {
  font-size: 400%;
  text-transform: uppercase;
  vertical-align: middle;
  display: table-cell;
  height: 100%;
}
#content .documentation .panel-collapse.images .col a.title {
  font-size: 85%;
  color: #4c4c4c;
}
#content .documentation .panel-collapse.images .col a.title:hover {
  text-decoration: none;
  color: #4c4c4c;
}
#content .documentation .panel-collapse.images #fileupload .files td {
  vertical-align: middle;
}
#content .documentation .panel-collapse.images #fileupload .files td canvas {
  max-width: 100%;
  height: 14em;
  width: auto;
  height: auto;
}
#content .documentation .panel-collapse.anexo .item {
  margin-bottom: 20px;
}
#content .documentation .panel-collapse.anexo .item .type {
  float: left;
  font-size: 190%;
  font-weight: 900;
  border: 1px solid #dadada;
  color: #155680;
  padding: 20px 5px;
  margin-right: 10px;
}
#content .documentation .panel-collapse.anexo .item .info .button {
  margin: 0;
}
#content .documentation #diagnostico #data-table tr td,
#content .documentation #diagnostico .dataTable tr td {
  text-align: left;
}
#content .documentation #diagnostico #data-table tr:first-child,
#content .documentation #diagnostico .dataTable tr:first-child {
  border-top: 1px solid #b3b3b3;
}
#content .documentation #data-table tr td.sub-head,
#content .documentation .dataTable tr td.sub-head {
  border: 0;
  font-weight: 600;
  text-align: center;
  font-size: 120%;
  line-height: 14px;
  padding: 8px 0;
  background: #d0d0d0;
  color: #636363;
  text-transform: uppercase;
}
#content .documentation #data-table tr td.sub-head span,
#content .documentation .dataTable tr td.sub-head span {
  border-right: 1px solid #bcbcbc;
  width: 100%;
  display: block;
}
#content .documentation #data-table tr td.sub-head:last-child span,
#content .documentation .dataTable tr td.sub-head:last-child span {
  border: 0;
}
#content .documentation #data-table tr th,
#content .documentation .dataTable tr th,
#content .documentation #data-table tr td,
#content .documentation .dataTable tr td {
  border-top: 0;
  border-right: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}
#content .documentation #data-table tr th:first-child,
#content .documentation .dataTable tr th:first-child,
#content .documentation #data-table tr td:first-child,
#content .documentation .dataTable tr td:first-child {
  border-left: 0;
}
#content .documentation #data-table tr th:last-child,
#content .documentation .dataTable tr th:last-child,
#content .documentation #data-table tr td:last-child,
#content .documentation .dataTable tr td:last-child {
  border-right: 0;
}
#content .documentation #data-table tr.sub-head th,
#content .documentation .dataTable tr.sub-head th,
#content .documentation #data-table tr.sub-head td,
#content .documentation .dataTable tr.sub-head td {
  border: 0 !important;
}
#content .documentation #data-table tbody tr.sub-head,
#content .documentation .dataTable tbody tr.sub-head {
  background: #e4e4e4;
  font-weight: 600;
}
#content.consultorio form .form-group.dominio .mask {
  position: absolute;
  top: 0;
  left: 15px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: auto;
  color: #636363;
  padding: 8px !important;
  border: 1px solid #bcbcbc;
  border-right: 0;
  outline: 0;
  font-size: 120%;
  background: #ebebe4;
}
#content.consultorio form .form-group.dominio #dominio {
  padding-left: 180px;
}
#content.consultorio form .image {
  border: 1px solid #d0d0d0;
  background: #ffffff;
  position: relative;
  cursor: pointer;
  padding-bottom: 2px;
}
#content.consultorio form .image .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#content.consultorio form .image .loading .container-loading {
  position: relative;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
}
#content.consultorio form .image .loading .container-loading .content {
  display: table-cell;
  vertical-align: middle;
}
#content.consultorio form .image .loading .container-loading .content .overload {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: #fff;
  opacity: 0.8;
}
#content.consultorio form .image .loading .container-loading .content img {
  z-index: 500;
  position: relative;
}
#content.consultorio form .image .edit {
  position: absolute;
  width: 100%;
  height: 35px;
  bottom: 0;
  left: 0;
}
#content.consultorio form .image .edit .data {
  background: url(../images/icons/cam.png) no-repeat;
  background-position: 5px 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  position: relative;
}
#content.consultorio form .image .edit .data span {
  display: none;
  color: #ffffff;
  line-height: 3;
}
#content.consultorio form .image .edit .overlay {
  display: none;
}
#content.consultorio form .image:hover .edit span {
  display: inline;
}
#content.consultorio form .image:hover .edit .overlay {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.7;
}
#content #data-table,
#content .dataTable:not(.data-table-message) {
  border: 0;
  border-spacing: 0 1px;
  /* Cabeçalho */
  /* END Cabeçalho */
  /* Corpo */
  /* END Corpo */
}
#content #data-table .options,
#content .dataTable:not(.data-table-message) .options {
  width: 85px !important;
}
#content #data-table .options a,
#content .dataTable:not(.data-table-message) .options a {
  margin: 0 2px;
}
#content #data-table .options a:focus,
#content .dataTable:not(.data-table-message) .options a:focus {
  text-decoration: none;
}
#content #data-table thead tr,
#content .dataTable:not(.data-table-message) thead tr {
  background: #d0d0d0;
  color: #636363;
  text-transform: uppercase;
}
#content #data-table thead tr th,
#content .dataTable:not(.data-table-message) thead tr th {
  border: 0;
  font-weight: 600;
  text-align: center;
  font-size: 120%;
  line-height: 14px;
  padding: 8px 0;
}
#content #data-table thead tr th span,
#content .dataTable:not(.data-table-message) thead tr th span {
  border-right: 1px solid #bcbcbc;
  width: 100%;
  display: block;
}
#content #data-table thead tr th:last-child span,
#content .dataTable:not(.data-table-message) thead tr th:last-child span {
  border: 0;
}
#content #data-table tbody,
#content .dataTable:not(.data-table-message) tbody {
  border: 0;
}
#content #data-table tbody td.inner-table,
#content .dataTable:not(.data-table-message) tbody td.inner-table {
  border-left: 6px solid #d0d0d0 !important;
  border-right: 6px solid #d0d0d0 !important;
  border-bottom: 6px solid #d0d0d0 !important;
  padding: 0 !important;
}
#content #data-table tbody td.inner-table table,
#content .dataTable:not(.data-table-message) tbody td.inner-table table {
  width: 100%;
  font-size: 75%;
}
#content #data-table tbody td.inner-table table thead tr,
#content .dataTable:not(.data-table-message) tbody td.inner-table table thead tr {
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}
#content #data-table tbody td.inner-table table tbody tr td.options input,
#content .dataTable:not(.data-table-message) tbody td.inner-table table tbody tr td.options input {
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
#content #data-table tbody td.inner-table table tbody tr td.options .help,
#content .dataTable:not(.data-table-message) tbody td.inner-table table tbody tr td.options .help {
  margin-right: 5px;
  display: inline;
  vertical-align: middle;
  background: #155680;
  color: white;
  padding: 0 5px;
  border-radius: 10px;
  text-align: center;
  font-size: 11px;
  cursor: help;
}
#content #data-table tbody tr,
#content .dataTable:not(.data-table-message) tbody tr {
  background: #ffffff;
}
#content #data-table tbody tr td,
#content .dataTable:not(.data-table-message) tbody tr td {
  font-size: 125%;
  text-align: center;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  background: transparent;
  line-height: 15px;
  padding: 8px 0;
}
#content #data-table tbody tr td.options,
#content .dataTable:not(.data-table-message) tbody tr td.options {
  padding-bottom: 4px;
}
#content #data-table tbody tr td span,
#content .dataTable:not(.data-table-message) tbody tr td span {
  border-right: 1px solid #bcbcbc;
  width: 100%;
  display: block;
}
#content #data-table tbody tr td:first-child,
#content .dataTable:not(.data-table-message) tbody tr td:first-child {
  border-left: 1px solid #b3b3b3;
}
#content #data-table tbody tr td:last-child,
#content .dataTable:not(.data-table-message) tbody tr td:last-child {
  border-right: 1px solid #b3b3b3;
}
#content #data-table tbody tr td:last-child span,
#content .dataTable:not(.data-table-message) tbody tr td:last-child span {
  border: 0;
}
#content #data-table tbody tr td .icon.active,
#content .dataTable:not(.data-table-message) tbody tr td .icon.active {
  background-color: #052105;
}
#content #data-table tbody tr td .icon.disabled,
#content .dataTable:not(.data-table-message) tbody tr td .icon.disabled {
  background-color: #789eb6;
  cursor: context-menu;
}
#content #data-table tbody tr td .icon,
#content .dataTable:not(.data-table-message) tbody tr td .icon {
  width: 23px;
  height: 23px;
  padding: 4px;
  background-color: #155680;
  background-position: center center;
  color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-bottom: 5px;
}
#content #data-table tbody tr td .icon:hover,
#content .dataTable:not(.data-table-message) tbody tr td .icon:hover {
  text-decoration: none;
}
#content #data-table tbody tr.unread,
#content .dataTable:not(.data-table-message) tbody tr.unread {
  background: #c3dbfa;
}
#content #data-table tbody tr.unread td,
#content .dataTable:not(.data-table-message) tbody tr.unread td {
  font-size: 125%;
  font-weight: bold;
  border-top: 1px solid #7fa4bb;
  border-bottom: 1px solid #7fa4bb;
  color: #4b6b7f;
  background: transparent;
  padding: 8px 0;
}
#content #data-table tbody tr.unread td span,
#content .dataTable:not(.data-table-message) tbody tr.unread td span {
  border-right: 1px solid #bcbcbc;
  width: 100%;
  display: block;
}
#content #data-table tbody tr.unread td:first-child,
#content .dataTable:not(.data-table-message) tbody tr.unread td:first-child {
  border-left: 1px solid #7fa4bb;
}
#content #data-table tbody tr.unread td:last-child,
#content .dataTable:not(.data-table-message) tbody tr.unread td:last-child {
  border-right: 1px solid #7fa4bb;
}
#content #data-table tbody tr.unread td:last-child span,
#content .dataTable:not(.data-table-message) tbody tr.unread td:last-child span {
  border: 0;
}
/*
=================================================================
END CONTEÚDO
=================================================================
*/
/*# sourceMappingURL=style.css.map */

.new-opts{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}

.new-title{
  bottom: 55px !important;
}