* {
    margin: 0;
    padding: 0;
    font-family: "PT Sans", Verdana, sans-serif;
    line-height: 1.6em;
    outline: none !important;
    box-sizing: border-box;
}

/* Fontes */
@font-face {
    font-family: 'PT Sans';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/pt_sans-regular.eot');
    src: local('?'), url('fonts/pt_sans-regular.woff') format('woff'), url('fonts/pt_sans-regular.ttf') format('truetype'), url('fonts/pt_sans-regular.svg#webfontOPKvihg1') format('svg');
}

@font-face {
    font-family: 'PT Sans';
    font-weight: bold;
    font-style: normal;
    src: url('fonts/pt_sans-bold.eot');
    src: local('?'), url('fonts/pt_sans-bold.woff') format('woff'), url('fonts/pt_sans-bold.ttf') format('truetype'), url('fonts/pt_sans-bold.svg#webfontOPKvihg1') format('svg');
}

@font-face {
    font-family: 'PT Sans';
    font-weight: normal;
    font-style: italic;
    src: url('fonts/pt_sans-italic.eot');
    src: local('?'), url('fonts/pt_sans-italic.woff') format('woff'), url('fonts/pt_sans-italic.ttf') format('truetype'), url('fonts/pt_sans-italic.svg#webfontOPKvihg1') format('svg');
}

@font-face {
    font-family: 'PT Sans';
    font-weight: bold;
    font-style: italic;
    src: url('fonts/pt_sans-bolditalic.eot');
    src: local('?'), url('fonts/pt_sans-bolditalic.woff') format('woff'), url('fonts/pt_sans-bolditalic.ttf') format('truetype'), url('fonts/pt_sans-bolditalic.svg#webfontOPKvihg1') format('svg');
}

:focus {
    outline: none !important;
}

body {
    background-color: #F5F5F5;
    color: #646464;
}

img {
    border: none;
    max-width: 100%;
    outline: none;
}

.clear {
    float: none;
    clear: both;
}

a:link {
    text-decoration: none;
    color: #646464;
}

a:visited {
    text-decoration: none;
    color: #646464;
}

a:hover {
    text-decoration: none;
    color: #646464;
}

a:active {
    text-decoration: none;
    color: #646464;
}

hr {
    margin-bottom: 12px;
    border: 1px solid #E87816;
    border-width: 1px 0 0;
    clear: both;
}

.btn-modal {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    width: 20%;
    height: 30px;
    background-color: #FF5B5B;
    border: none;
    border-radius: 5px;
    margin-right: 5%;
    margin-top: 5%;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
}

.btn-modal:hover {
    background-color: #D85050;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.75);
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.ma {
    margin: auto !important;
}

.nopad {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.m10 {
    margin: 10px !important;
}

.content {
    /*    max-width: 1383px;*/
    /*    max-width: 1540px;*/
    height: auto;
    overflow: hidden;
}

.border-box {
    box-sizing: border-box
}

.oh {
    overflow: hidden;
}

.main-color {
    color: rgb(232, 120, 22) !important;
}

.ativo {
    font-weight: bold;
}

.col-12,
.col-10 {
    width: 100%;
}

.col-9 {
    width: 90% !important;
}

.col-8 {
    width: 80% !important;
}

.col-7 {
    width: 70% !important;
}

.col-6 {
    width: 60% !important;
}

.col-5 {
    width: 50% !important;
}

.col-4 {
    width: 40% !important;
}

.col-48 {
    width: 48% !important;
}

.col-3 {
    width: 30% !important;
}

.col-25 {
    width: 25% !important;
}

.col-2 {
    width: 20% !important;
}

.col-15 {
    width: 15% !important;
}

.col-1 {
    width: 10% !important;
}

.col-0 {
    width: 0 !important;
}

.col,
.db {
    display: block !important;
}

.col-5.half-l {
    padding: 0 0 0 7.5px !important;
    box-sizing: border-box;
}

.col-5.half-r {
    padding: 0 7.5px 0 0 !important;
    box-sizing: border-box;
}

.col-33 {
    width: 32%;
}

.col-33:first-child+.col-33 {
    margin: 0 2%;
}

.middle {
    display: inline-block !important;
    vertical-align: middle;
}

.dt {
    display: table !important;
}

.dn {
    display: none !important;
}

label {
    margin-bottom: 3px;
    display: block;
    line-height: 14px;
    font-size: 17px;
}

input[type="text"],
input[type="date"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="color"],
select,
textarea {
    width: 100%;
    height: 33px;
    margin-bottom: 10px;
    padding: 3px 5px 2px 5px;
    display: block;
    box-sizing: border-box;
    border: 1px solid #BCBCBC;
}

textarea {
    min-height: 130px;
    resize: vertical;
}

input[type="text"]:hover,
input[type="date"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="color"]:hover,
select:hover,
textarea:hover {
    border: 1px solid #9C9C9C;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    background-color: #F5F5F5;
    box-shadow: 0px 0px 1px 1px #FFF inset;
}

.imagenet-selected-option {
    color: #f00;
}

.wrap {
    display: block;
    box-sizing: border-box;
    margin-bottom: 7px;
}

.wrapper {
    margin-bottom: 10px;
}

div.wrapper strong {
    font-size: 17px;
}

fieldset.wrapper {
    background-color: white;
    border-right: 1px solid;
    border-top: none;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: #E9E9E9;
    padding: 10px;
    margin-top: 0;
}

form.th1 {
    display: block;
    width: 100%;
}

h4.h4 {
    color: rgb(232, 120, 22);
    border-bottom: 1px solid #E87816;
    display: block;
    margin: 0 0 20px;
    font-size: 23px;
    line-height: 36px;
}

legend.h4 {
    width: 100%;
    color: rgb(232, 120, 22);
    border-bottom: 1px solid #E87816;
    display: block;
    margin: 0 0 20px;
    font-size: 23px;
    line-height: 36px;
}

.pad-l {
    padding-left: 15px !important;
}

.pad-r {
    padding-right: 15px !important;
}

.pad-t {
    padding-top: 15px !important;
}

.pad-b {
    padding-bottom: 15px !important;
}

.ma-l {
    margin-left: 15px !important;
}

.ma-r {
    margin-right: 15px !important;
}

.ma-t {
    margin-top: 15px !important;
}

.ma-b {
    margin-bottom: 15px !important;
}

img {
    box-sizing: border-box;
}

.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.w110 {
    width: 110px !important;
}

.w180 {
    width: 180px !important;
}

.w80 {
    width: 80px;
}

.w7p {
    width: 7% !important;
}

.w35 {
    width: 35px !important;
}

/*--------------------------------------------------------- PAGE ---*/
#header {
    background: url(bg-header.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 23px;
}

.wrap-header {
    background: url(bg-header-logo.png) center bottom no-repeat;
    position: relative;
}

.status {
    font-size: 10px !important;
}

.status.th1 {
    color: #36D900;
}

.status.th2 {
    color: #FFBF00;
}

.status.th3 {
    color: #D90000;
}

a.mensagem {
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(112, 138, 34, 0.99) !important;
    border: 1px solid rgba(112, 138, 34, 0.99);
    margin: 0 !important;
    color: rgba(240, 240, 240, 1) !important;
    padding: 6px 10px 3px 10px !important;
    font-size: 12px !important;
}

thead input.checkbox .checkbox-mask {
    margin: -13px 0 0px 10px;
}

thead input.checkbox+.checkbox-mask i {
    top: -7px;
}

.checkbox-mask {
    display: block;
    content: "";
    background-color: white;
    width: 14px;
    height: 14px;
    border: 1px solid #CCC;
    margin: -14px 0 0 7px;
    position: relative;
    z-index: 4;
}

input[type="radio"].checkbox+.checkbox-mask {
    border-radius: 100%;
}

.checkbox-mask i {
    position: relative;
    top: -5px;
    left: 1px;
    font-size: 10px;
    opacity: 0;
    transition: opacity 0.2s;
}

input.checkbox:hover+.checkbox-mask i {
    opacity: 0.15;
}

input.checkbox:checked+.checkbox-mask i {
    opacity: 1;
}

.favoritos i {
    opacity: 1 !important;
}

input.checkbox:checked+.favoritos i {
    color: #36D900 !important;
    opacity: 1;
}

input[type="checkbox"].checkbox,
input[type="radio"].checkbox {
    width: 30px;
    height: 14px;
    border-radius: 0 !important;
    display: block;
    margin: -2px 0 0px 0;
    opacity: 0;
    position: relative;
    z-index: 5;
}

#content,
#opcoes,
#filter,
#form-veterinario {
    transition: width 0.4s, right 0.4s;
    /*height: 585px;*/
    overflow: auto;
}

#content.content1,
#filter.content1,
#form-veterinario {
    background-color: #FFF;
    padding: 10px 1.5% 0;
    box-sizing: border-box;
    overflow: auto !important;
}

#content.content1 {
    min-height: 300px !important;
}

#opcoes {
    position: absolute;
    right: 0;
    top: 0;
}

.wrap-content {
    position: relative;
}

.content-open {
    width: 100% !important;
}

.opcoes-close {
    right: -20% !important;
}

.btn.th1 {
    background-color: #A1C432;
    color: #FFF;
    border-radius: 12px;
    padding: 7px 0 3px 0;
    box-sizing: border-box;
    float: left;
    margin: 2% 0;
    cursor: pointer;
    display: block;
    text-align: center;

}

.pn.th1 {
    background-color: #F5F5F5;
    border-left: 1px solid #E9E9E9;
    box-sizing: border-box;
    height: 100%;
    /*    padding: 0 2% 300px 2%;*/
}

table.th1 {
    border: 1px solid #CCC;
}

table.th1 tr {
    height: 35px;
    border-bottom: 1px solid rgb(233, 233, 233);
}

table.th1 tbody tr:hover {
    background: #f9f9f9 !important;
}

table.th1 thead tr {
    background: rgb(233, 233, 233);
    border-right: 1px solid #CCC;
}

table.th1 thead tr td {
    padding: 6px 5px 2px;
}

table.th1 thead tr td a {
    display: block;
}

table.th1 thead tr td.big {
    width: 150px;
}

/*table.th1 td:first-child + td{
    text-align: center;
}*/

table.th1 tbody td {
    font-size: 0.9em;
}

tbody#bodyTurno tr {
    border-right: 1px solid #CCC;
    cursor: pointer;
}

table.th1 {
    border-collapse: collapse;
}

a.link-list {
    display: block;
    font-size: 13px;
    cursor: pointer;
}

a.link-list i {
    transition: color 0.2s;
}

a.link-list:hover i {
    color: rgb(161, 196, 50);
}

table.th1 table.th1 tbody tr:hover {
    background-color: rgb(245, 245, 245) !important;
}

a#vertodosPass {
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 10px;
    float: right;
    border-radius: 3px;
    cursor: pointer;
    padding: 7px 0px 3px 0px;
    color: #ddd;
    position: absolute;
    right: 5px;
    width: 55px;
    height: 16px;
    top: 4px;
}

a#vertodosPass i {
    transition: transform 0.5s;
}

a#vertodosPass:hover i {
    transform: rotate(180deg);
}

h1.th1 {
    font-size: 20px;
    background-color: #28B779;
    color: #FFF;
    font-weight: normal;
    padding: 10px 23px 5px;
}

table.th1 table.th1 tbody td {
    font-size: 0.9em;
    padding: 4px 0 1px 0;
}

h1.th1 a {
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 10px;
    float: right;
    border-radius: 3px;
    cursor: pointer;
    padding: 6px 15px 0;
    color: #ddd;
    margin: 2px;
    height: 26px;
}

h1.th1 a:hover {
    color: #FFF;
}

div#menu {
    border-top: 3px solid rgb(232, 120, 22);
    background: linear-gradient(to bottom, #f8f9fa 0%, #f0f0f0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f9fa', endColorstr='#f0f0f0', GradientType=0);
    /* IE6-9 */
    padding: 0 23px;
}

#menu li {
    display: inline-block;
}

#menu li a {
    display: block;
    border-right: 1px solid rgb(142, 142, 142);
    /* padding: 3px 30px 1px 30px; */
    padding: 3px 20px 1px 30px;
    font-size: 15px;
    position: relative;
    margin: 7px 0 5px 0;
}

ul.submenu li:first-child {
    margin: 3px 0 0 0 !important;
}

ul.submenu li:last-child {
    margin: 0 0 3px 0 !important;
}

div#menu li:first-child a i {
    font-size: 37px;
    position: absolute;
    top: -6px;
    left: 0;
}

div#menu li a i {
    position: absolute;
    top: 5px;
    left: 5px;
}

div#menu li:hover>ul.submenu {
    display: block;
}

ul.submenu {
    background-color: rgb(241, 241, 241);
    /*width: 208px;*/
    width: 230px;
    display: none;
    z-index: 9999999;
    position: absolute;
    box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.57);
    border-top: 1px solid rgba(161, 196, 50, 0);
}

ul.submenu li {
    width: 100%;
}

ul.submenu li a {
    border: none !important;
    text-align: left;
    cursor: pointer;
    margin: 0 0 0 0 !important;
}

ul.submenu li a:hover {
    background-color: rgba(100, 100, 100, 0.17);
}

div#menu ul.submenu li:first-child a i {
    font-size: 15px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.system-head {
    margin: 20px 0 0 0px;
    letter-spacing: 1px;
}

.imagenet-calendario-carregando {
    width: 100%;
    height: 100%;
    padding-top: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, .8);
    text-align: center;
    font-size: 20px;
}

.imagenet-rodape-bg {
    height: 77px;
    background: url('imagenet-rodape-bg.png') repeat-x;
}

.imagenet-rodape {
    min-width: 980px;
    max-width: 2000px;
    height: 68px;
    padding-top: 9px;
    margin: auto;
    background: url('imagenet-rodape-borda.png') center top no-repeat;
    font-family: 'Tahoma', sans-serif;
    font-size: 11px;
}

.imagenet-rodape a {
    text-decoration: underline;
    color: #000;
}

.imagenet-rodape>div {
    width: 20%;
    min-height: 60px;
    padding: 7px 0 0 5%;
    float: left;
}

.imagenet-rodape>div:first-child {
    width: 32%;
    padding: 12px 0 0 10%;
}

.imagenet-rodape>div:first-child img {
    float: left;
    margin: -6px 30px 0 0;
}

.imagenet-rodape>div+div {
    background: url('imagenet-rodape-separador.png') no-repeat;
}

.imagenet-copyright {
    padding: 8px 0 10px;
    background: url('imagenet-rodape-borda.png') center top no-repeat;
    text-align: center;
    font-family: 'Tahoma', sans-serif;
    font-size: 10px;
}

img.img-perfil {
    border-radius: 7px;
}



.updown-title.th1 {
    border: 1px solid rgb(168, 177, 190);
    height: 40px;
    padding: 10px;
    color: rgb(232, 120, 22);
    background-color: rgba(205, 205, 205, 0.32);
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    font-weight: bold;
    transition: border-radius 0.3s;
    cursor: pointer;
    position: relative;
}

.updown-title.open {
    border-radius: 3px 3px 0 0;
}

.updown-content {
    width: 100%;
    display: none;
    border: 1px solid rgb(168, 177, 190);
    border-top: none;
    padding: 15px 5px 5px;
    margin: -2px 0 0 0;
}

.updown-btn {
    padding: 8px 15px;
}

.wrap-ch input[type="checkbox"].checkbox,
.wrap-ch input[type="radio"].checkbox {
    width: 13px;
    float: left;
    display: block;
}

.wrap-ch .checkbox-mask {
    margin: -2px 4px 0 -13px;
    float: left;
}

.wrap-ch .checkbox-mask i {
    top: -7px;
}

.wrap-ch input[type="radio"].checkbox+.checkbox-mask i {
    top: -8.5px;
    font-size: 6px;
    left: 3.2px !important;
}

.wrap-ch label {
    float: left;
}

.wrap-ch {
    display: inline-table;
}

.wrap-ch input[type="text"] {
    width: auto;
    margin: -6px 0 0 7px;
    float: left;
    height: 20px;
    border: none;
    border-bottom: 1px solid rgb(168, 177, 190);
}

h3.h3 {
    font-size: 15px;
    color: rgb(232, 120, 22);
    font-weight: normal;
    text-shadow: 0px 0px 0px rgb(232, 120, 22);
}





input.onoff:before {
    content: "Desabilitado";
    width: 100px;
    display: block;
    background-color: rgb(196, 50, 50);
    border-bottom: 2px solid rgba(138, 34, 34, 0.99);
    text-align: center;
    color: #FFF;
    margin: -60% 0 0 0;
    padding: 5px 15px 2px 15px;
    border-radius: 3px;
    cursor: pointer;
}

input.onoff:checked:before {
    content: "Habilitado";
    background-color: rgb(161, 196, 50);
    border-bottom: 2px solid rgba(112, 138, 34, 0.99);
}

input.yesno:before {
    content: "Não";
    width: 100px;
    display: block;
    background-color: rgb(196, 50, 50);
    border-bottom: 2px solid rgba(138, 34, 34, 0.99);
    text-align: center;
    color: #FFF;
    margin: -60% 0 0 0;
    padding: 5px 15px 2px 15px;
    border-radius: 3px;
    cursor: pointer;
}

input.yesno:checked:before {
    content: "Sim";
    background-color: rgb(161, 196, 50);
    border-bottom: 2px solid rgba(112, 138, 34, 0.99);
}

input.hom:before {
    content: "Feminino";
    width: 100px;
    display: block;
    background-color: rgb(232, 22, 108);
    border-bottom: 2px solid rgb(148, 10, 66);
    text-align: center;
    color: #FFF;
    margin: -16% 0 0 0;
    padding: 5px 15px 2px 15px;
    border-radius: 3px;
    cursor: pointer;
}

input.hom:checked:before {
    content: "Masculino";
    background-color: rgb(50, 115, 196);
    border-bottom: 2px solid rgba(34, 69, 138, 0.99);
}

input.checkbox.th1 {
    opacity: 1;
    display: block;
    margin: 0 5px 0 0;
    height: auto;
    width: auto;
}

input.checkbox.th1:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    background-color: #FFF;
    padding: 0 0 1px 0;
    border: 1px solid rgb(204, 204, 204);
    color: rgb(45, 45, 45);
    font-size: 9px;
    display: block;
    width: 12px;
    font-size: 10px;
    height: 10px;
    text-align: center;
    opacity: 1;
    transition: color 0.3s, box-shadow 0.3s;
    color: transparent;
}

input.checkbox.th1:hover:before {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1) inset;
}

input.checkbox.th1:checked:before {
    color: rgb(100, 100, 100);
}

.checkbox.th1+label {
    margin: 1px 0 0 0;
    display: block;
    float: left;
}

.checkbox-input {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    height: 20px !important;
    margin: -6px 0 0 5px !important;
    float: left;
    padding: 4px 0 2px 0 !important;
    color: rgb(100, 100, 100);
}

.checkbox-input:focus {
    background: none !important;
}

.wrap-hint {
    width: 0;
}

input.ch-opts:before {
    content: "Desabilitado";
    width: 100px;
    display: block;
    background-color: rgb(196, 50, 50);
    border-bottom: 2px solid rgba(138, 34, 34, 0.99);
    text-align: center;
    color: #FFF;
    padding: 5px 15px 2px 15px;
    cursor: pointer;
    box-sizing: border-box;
}

input.ch-opts:checked:before {
    box-shadow: 0px 0px 0px 250px rgba(138, 33, 33, 0.99) inset;
}

input.ch-opts.opt1:before {
    content: "Mesagem 1";
}

input.ch-opts.opt2:before {
    content: "Mesagem 2";
}

input.ch-opts.opt3:before {
    content: "Mesagem 3";
}

input.ch-opts.opt4:before {
    content: "Mesagem 4";
}

input.ch-opts.opt5:before {
    content: "Mesagem 5";
}

input.ch-opts {
    display: block;
    float: left;
    width: 100px;
    margin: 0 1px 0 0;
}

input.rd-opts {
    display: block;
    float: left;
    width: 130px;
}

input.rd-opts:before {
    width: 100px;
    display: block;
    background-color: #e5e5e5;
    text-align: center;
    color: rgba(58, 58, 58, 0.99);
    padding: 8px 15px 5px 15px;
    cursor: pointer;
}

input.rd-opts.opt1:before {
    content: "Ativado";
}

input.rd-opts.opt2:before {
    content: "Desativado";
}

input.rd-opts.opt3:before {
    content: "Adiado";
}

input.rd-opts.opt4:before {
    content: "Concluído";
}

input.rd-opts.opt5:before {
    content: "Cancelado";
}

input.rd-opts.opt6:before {
    content: "Em espera";
}

.wrap-rd-opts1 input.rd-opts:checked:before {
    color: #FFF;
}

.wrap-rd-opts1 input.rd-opts.opt1:checked:before {
    background-color: rgb(161, 196, 50);
}

.wrap-rd-opts1 input.rd-opts.opt2:checked:before {
    background-color: rgb(196, 50, 50);
}

.wrap-rd-opts1 input.rd-opts.opt3:checked:before {
    background-color: rgb(153, 50, 196);
}

.wrap-rd-opts1 input.rd-opts.opt4:checked:before {
    background-color: rgb(50, 196, 196);
}

.wrap-rd-opts1 input.rd-opts.opt5:checked:before {
    background-color: rgb(196, 117, 50);
}

.wrap-rd-opts1 input.rd-opts.opt6:checked:before {
    background-color: rgb(196, 194, 50);
}

i.slider-i {
    width: 130px;
    display: block;
    background-color: rgba(0, 0, 0, 0.27);
    height: 33px;
    position: absolute;
    z-index: 999;
    transition: left 0.5s;
    left: 0;
    top: 0;
}

.wrap-rd-opts2 {
    position: relative;
}

input.rd-opts:nth-child(1):checked~i.slider-i {
    left: 0px;
}

input.rd-opts:nth-child(2):checked~i.slider-i {
    left: 130px;
}

input.rd-opts:nth-child(3):checked~i.slider-i {
    left: 260px;
}

input.rd-opts:nth-child(4):checked~i.slider-i {
    left: 390px;
}

input.rd-opts:nth-child(5):checked~i.slider-i {
    left: 520px;
}

input.rd-opts:nth-child(6):checked~i.slider-i {
    left: 650px;
}

input.rd-opts:nth-child(7):checked~i.slider-i {
    left: 780px;
}

.dn {
    display: none;
}

#map-canvas {
    width: 100%;
    height: 480px;
}

#map-canvas-print {
    position: absolute !important;
    top: 0;
    z-index: -2;
    height: 520px;
    width: 980px !important;
    left: 0;
}

.small-map {
    max-height: 300px;
}

.btn.th2 {
    display: block;
    border: 1px solid #CCC;
    padding: 3px 10px 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    background-color: rgb(161, 196, 50);
    color: #FFF;
    border: 1px solid rgba(112, 138, 34, 0.99);
    cursor: pointer;
}

ul.select-ul li {
    font-size: 13px;
    color: rgb(44, 44, 44);
    display: block;
    list-style: none;
    padding: 3px 5px;
}

ul.select-ul li:hover {
    background-color: rgba(153, 195, 71, 0.48);
}

.checkbox.th2 {
    opacity: 1 !important;
    float: left;
    height: 30px;
    margin: 0 !important;
    width: 80px;
}

.checkbox.th2:before {
    display: block;
    width: 100%;
    float: left;
    height: 20px;
    padding: 7px 0 3px 0;
    background-color: rgb(233, 233, 233);
    text-align: center;
    cursor: pointer;
}

.checkbox.th2:checked:before {
    background: rgb(161, 196, 50);
    color: #FFF;
}

.dia1:before {
    content: "Domingo";
}

.dia2:before {
    content: "Segunda";
}

.dia3:before {
    content: "Terça";
}

.dia4:before {
    content: "Quarta";
}

.dia5:before {
    content: "Quinta";
}

.dia6:before {
    content: "Sexta";
}

.dia7:before {
    content: "Sabado";
}

#imagenet-login {
    display: block;
    width: 100%;
    background: #F6F6F6;
    padding-top: 30px;
    padding-bottom: 30px;
}

#imagenet-login h1 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
    font-weight: normal;
}

#imagenet-login img {
    height: 30px;
    display: block;
    float: left;
}

#imagenet-login-div {
    display: block;
    margin: auto;
    width: 250px;
    text-align: center;
    font-size: 0.85em;
}

.imagenet-login-input {
    display: block;
    height: 30px;
    width: 250px;
    box-sizing: border-box;
    border: 1px solid #CECECE;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.imagenet-login-submit {
    display: block;
    width: 250px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    height: 30px;
    background: #FE5D1C;
    color: #fff;
    font-size: 0.9em;
    margin-top: 10px;
    padding: 1px;
    border: none;
}

.imagenet-login-submit:hover {
    background: rgb(236, 84, 24);
    color: #FFF;
}

.imagenet-titleh2 {
    display: block;
    color: #333;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

/* Cores */
.imagenet-cor-01 {
    color: #FE5D1C;
}


/* Topo */
#imagenet-topo {
    display: block;
    height: 100px;
    width: 100%;
    background: url('https://www.imagenet.com.br/sistema/view/css/imagenet-topo.png') no-repeat center bottom;
    font-size: 0.9em;
    overflow: hidden;
}

#imagenet-topo-mid {
    display: block;
    width: 100%;
    max-width: 1366px;
    margin: auto;
    position: relative;
}

#imagenet-topo-logotipo {
    display: block;
    width: 289px;
    float: left;
    margin-top: 20px;
    margin-left: 40px;
}

.imagenet-sistema-botao1 {
    display: block;
    width: 80%;
    background: #91B422;
    margin: auto;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 0.8em;
}

#imagenet-sistema-opcoes ul {
    list-style: none;
    width: 90%;
    display: block;
    margin: auto;
}

#imagenet-sistema-opcoes li {
    clear: both;
}

#imagenet-sistema-opcoes li a {
    color: #878E94;
    font-size: 0.8em;
    transition: 0.5s;
}

#imagenet-sistema-opcoes li a:hover {
    color: #FE5D19;
}

#imagenet-sistema-opcoes a span {
    display: block;
    float: left;
    margin-right: 7px;
    height: 25px;
    line-height: 25px;
}

#imagenet-sistema-opcoes a p {
    display: block;
}

#imagenet-sistema-opcoes h1 {
    display: block;
    color: #333333;
    font-weight: normal;
    border-bottom: 1px solid #D9D9D9;
    width: 90%;
    margin: auto;
    font-size: 1.1em;
}

.imagenet-sistema-opcoes-txt {
    width: 90%;
    margin: auto;
    font-size: 0.8em;
}

/* Rodape */

#imagenet-rodape {
    display: block;
    background: #F6F6F6;
}

#imagenet-rodape-mid {
    display: block;
    width: 100%;
    max-width: 1366px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
}

.imagenet-rodape-div {
    display: block;
    float: left;
    width: 33.3%;
    text-align: center;
    font-size: 0.8em;
}

#imagenet-rodape-mid .imagenet-rodape-div:first-child {
    background: url('imagenet-rodape.png') no-repeat 25px center;
}

#imagenet-copy {
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.7em;
}

.imagenet-form-item {
    display: block;
    width: 33.3%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
}

.imagenet-form-item-input {
    border: 1px solid #99C347;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}


.imagenet-form-submit {
    display: block;
    width: 100%;
    background: #99C347;
    cursor: pointer;
    border: none;
    height: 30px;
    color: #fff;
}

.imagenet-sistema-adm-tabela {
    display: block;
    background: #E0EDC9;
    height: 60px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    color: #333;
}

.imagenet-sistema-adm-tabela a {
    color: #333;
    display: block;
    float: left;
    padding-right: 30px;
}

.imagenet-sistema-adm-tabela a span {
    display: block;
    text-align: center;
    font-size: 1.3em;
}

span.alert.th1 {
    width: 100%;
    background-color: rgba(255, 174, 174, 1);
    color: #444444;
    display: block;
    padding: 4px 0;
    float: left;
    margin: 0 0 10px 0;
    border: 1px solid rgb(234, 126, 126);
}

.boxinfo {
    border: 1px solid rgb(233, 233, 233);
    width: 48%;
    margin: 5px 10px 0 0;
    box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.17);
    max-height: 465px;
    overflow: auto;
}

.boxinfo.passageiros h3 {
    background-color: rgb(160, 160, 160);
    color: #FFF;
    text-align: center;
    position: relative;
    font-weight: normal;
    height: 35px;
    box-sizing: border-box;
    padding: 3px 0 0 0;
}

span.wrap-hint {
    display: inline;
}

span.hint--top.wrap-hint:after {
    margin: 0 0 0 -30px;
    text-transform: none !important;
}

span.hint--top.wrap-hint:before {
    margin: 0px 0 -12px -7px;
}

table.th1 td {
    padding: 0 5px;
}

.pink {
    color: #E8166C;
}

.blue {
    color: #3273C4 !important;
}

.green {
    color: #A1C432 !important;
}

.red {
    color: #ED2128 !important;
}

.gray {
    color: #646464 !important;
}

.wrap-search {
    background-color: #E9E9E9;
    padding: 10px;
    box-sizing: border-box;
}

.wrap-trip {
    background: rgba(161, 196, 50, 0.22);
    border: 1px solid #A1C432;
    margin: 10px 0 0 0;
}

.wrap-trip-info {
    padding: 5px;
    box-sizing: border-box;

}

.wrap-trip-info div {
    font-size: 14px;
}

.directions_panel {
    height: 325px;
    overflow: auto;
    width: 100%;

}

.triptitle {
    color: #FFFFFF;
    text-align: center;
    display: block;
    padding: 0;
    background-color: #A1C432;
}

.passageiros-info-print {
    overflow: auto;
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

div#legend-map {
    padding: 10px 0px 10px 40px;
    background-color: #FFF;
    width: 350px;
    border: 1px solid #A1C432;
    position: absolute;
    bottom: 0;
    left: 357px;
    z-index: -1;
}

#table-print {
    border: 1px solid #636363;
    width: 100%;
    margin: 30px 0 0 0;
    border-collapse: collapse;
}

#table-print tbody tr:nth-child(even) {
    border-left: 3px solid rgb(232, 120, 22);
}

#table-print tbody tr:nth-child(odd) {
    border-left: 3px solid rgb(161, 196, 50);
}

table#table-print td {
    padding: 4px 12px 0 12px;
}

table#table-print thead {
    color: #636363;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 1px solid #636363;
}

.btn-input {
    background: #F5F5F5;
    height: 40px;
    padding: 9px 15px;
    border: none;
    border-bottom: 1px solid #E9E9E9;
    color: #FFF;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    transition: 0.2s;
}

.btn-input:hover {
    background: #EFEFEF;
}

.btn-input input[type='button'],
.btn-input input[type='submit'] {
    background: none;
    border: none;
    color: #FFF;
    font-size: 16px;
    cursor: pointer;
}

.bg-green {
    background: #28B779 !important;
    color: #FFF !important;
}

.bg-red {
    background: #ED2128 !important;
    color: #FFF !important;
}

.bg-blue {
    background: #3273C4 !important;
    color: #FFF !important;
}

.bg-orange {
    background: #FFBF00 !important;
    color: #FFF !important;
}

.bg-white {
    background: #FFF !important;
    color: #000 !important;
}

.btn-hold {
    margin-top: 10px;
    border-radius: 5px;
}

.mt2 {
    margin-top: 2px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt17 {
    margin-top: 17px !important;
}

.mt27 {
    margin-top: 27px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.input-size>.btn-input {
    height: 33px;
    padding: 5px 3px;
    border: 1px solid #E9E9E9;
    font-size: 13px;
    margin-left: 5px;
}

.input-size>.btn-input.center {
    text-align: center;
}

fieldset {
    background-color: #F5F5F5;
    margin-top: 1%;
    padding: 1%;
    border: 1px solid #B8BCC2;
}

#limite {
    height: 22px !important;
    margin: 0 !important;
    padding: 2px;
}

.no-border {
    border: none;
}

.border-left-green {
    border-left: 5px solid #36D900;
}

.border-left-red {
    border-left: 5px solid #D90000;
}

.border-gray {
    border: 1px solid #E9E9E9;
}

.btn-situacao {
    background-color: #F5F5F5;
    width: auto;
    height: 25px;
    padding: 2px 0;
    margin: auto;
    border: 1px solid rgb(233, 233, 233);
    text-align: center;
    color: #646464;
    cursor: pointer;
    position: relative;
    display: block;
}

.btn-situacao i {
    position: absolute;
    left: 5px;
    top: 6px;
}

.small-btn {
    padding: 1px 7px;
    margin: 0 2px;
    float: left;
}

.favoritos {
    background: none !important;
    border: none !important;
}

.imagenet-aviso1,
.imagenet-aviso0 {
    min-height: 39px;
    padding: 7px 25px;
    color: #FFF;
    transition: width 0.4s, right 0.4s;
}

.imagenet-aviso0 {
    background-color: #FF4650;
}

.imagenet-aviso1 a,
.imagenet-aviso0 a {
    float: right;
    color: #FFF;
}

.imagenet-aviso1 {
    background-color: #0c0;
}

.box {}

.input-td {
    margin: 10px 0 0;
}

.imagenet-tab-body>.imagenet-body-tab {
    display: none;
    min-height: 100px;
}

.imagenet-tab-body>.imagenet-body-tab.imagenet-open {
    display: block;
}

.imagenet-wrap-tab {
    width: 100%;
    float: left;
}

.imagenet-tab-header {
    border-bottom: 1px solid #E9E9E9;
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
}

.imagenet-tab-header a.imagenet-header-tab {
    display: block;
    margin: 0 5px -1px 0;
    float: left;
    padding: 10px 15px;
    transition: padding 0.2s, margin 0.2s;
}

.imagenet-tab-header a.imagenet-header-tab:not(.imagenet-open) {
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    background: rgba(255, 248, 240, 0);
    color: #FD601D;
    border-bottom: none;
    border-radius: 1px 0px 0 0;
    border-top: 2px solid #FE5D1C;
    padding: 4px 15px 4px 15px;
    margin: 12px 5px -1px 0;
}

.imagenet-tab-header a.imagenet-header-tab.imagenet-open {
    border: 1px solid #E9E9E9;
    background: #FFF;
    color: #FD601D;
    border-bottom: none;
    border-radius: 1px 0px 0 0;
    border-top: 2px solid #FE5D1C;
}

.imagenet-tab-header a.imagenet-header-tab i {
    display: block;
    float: left;
    margin: 2px 4px 0 0;
    font-size: 16px;
}

.imagenet-tab-body {
    border: 1px solid #E9E9E9;
    margin: -1px 0 0 0;
    float: left;
    width: 100%;
    z-index: 0;
    position: relative;
}

.imagenet-body-tab {
    padding: 10px;
    height: auto;
    overflow: hidden;
}

table.lab-clinico {
    border-collapse: collapse;
}

table.lab-clinico th {
    padding: 5px;
}

table.lab-clinico td {
    /*border: 1px solid #E9E9E9;*/
    padding: 5px;
}

.no-margin {
    margin: 0 !important;
}

ul#imagenet-paginacao {
    width: 100%;
    padding: 15px;
    text-align: center;
}

ul#imagenet-paginacao li {
    margin: 0 5px;
    list-style: none;
    display: inline-block;
}

.asc,
.desc {
    padding-left: 15px;
    display: block;
}

.asc {
    background: url('imagenet-asc.png') left center no-repeat;
}

.desc {
    background: url('imagenet-desc.png') left center no-repeat;
}

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
}

.mt-8n {
    margin-top: -8px;
}

#cadastro-rapido strong {
    font-size: 17px;
}

.animal-link {
    color: #3cf !important;
}

.animal-link:hover {
    text-decoration: underline;
}

#dropzone {
    float: right;
    padding: 30px 90px;
    border-radius: 8px;
    background: #28B779;
    font-weight: bold;
    color: #FFF;
    border-color: #000;
}

div.laudo {
    margin: 20px 0;
    color: red;
    font-size: 18px;
    font-weight: bold;
}

div.laudo>span {
    color: mediumblue;
    font-weight: normal;
}

.btn-fatura {
    width: 200px;
    margin-left: -100px;
    position: absolute;
    left: 50%;
    top: 20px;
    text-align: center;
    border: 1px solid #CCC;
}

.modal {
    display: none;
    position: fixed;
    z-index: 6;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    color: white;
    padding: 10px;
}

.modal .modal_body {
    border-radius: 3px;
    position: fixed;
    top: 50%;
    z-index: 5;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(34, 197, 158);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    width: 40%;
    /* margin-left: -20%;
        margin-top: -5%; */
    color: white;
    padding: 10px;
}

.modal .modal_body h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 8px -7px rgba(0, 0, 0, 0.75);
}

.modal .modal_body>a {
    padding-top: 10px;
    display: block;
    color: white;
}

.modal .modal_body>a:visited {
    color: rgb(239, 237, 237);
}

.modal .modal_body>a:hover {
    color: rgb(239, 237, 237);
}

.content_hover {
    position: fixed;
    background-color: #a2b17e;
    z-index: 999;
    right: 0px;
    max-width: 350px;
    color: white;
    border-radius: 0 30%;
    padding: 2.5%;

}

.content_hover p {
    max-width: 300px;
    overflow: hidden;
}

.imagenet-aviso2 {
    min-height: 39px;
    padding: 7px 25px;
    color: #FFF;
    transition: width 0.4s, right 0.4s;
    background: #ff5722;
}

/* Carregando */
.imagenet-carregando {
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.imagenet-carregando-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


.imagenet-uploadbar {
    width: 300px;
    height: 18px;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.imagenet-uploadbar-bar {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 0px;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    transition: width 0.15s;
}

.imagenet-uploadbar-number {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    font-size: 10px;
    color: #FFF;
    text-shadow: 0.5px 0.5px 0.5px #313131;
    line-height: 1;
    padding: 4px 0 0 0;
}

.btn-add-agendamento {
    position: absolute;
    top: 55%;
    right: 15px;
    transform: translate(0, -50%);
}

.btn-rmv-agendamento {
    position: absolute;
    top: 55%;
    right: -17px;
    transform: translate(0, -50%);
}

.imagenet-notificacoes {
    display: inline-block;
    position: relative;
}

.imagenet-notificacoes.active {
    z-index: 1000000;
}

.imagenet-notificacoes.new::after {
    content: "";
    display: block;
    background: #ec1d25;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.imagenet-notificacoes span {
    cursor: pointer;
}

.imagenet-notificacoes ul {
    display: none;
    position: fixed;
    list-style: none;
    background: #fff;
    border: 1px solid #777;
    right: 12px;
    z-index: 1000000;
    border-radius: 6px;
    padding: 4px 2px;
}

.imagenet-notificacoes.active ul {
    display: block;
}

.imagenet-notificacoes ul li {
    padding: 4px 8px;
}

.imagenet-notificacoes ul li+li {
    border-top: 1px solid #ccc;
}

.imagenet-notificacoes ul li a {
    display: block;
    max-width: 290px;
    font-size: 14px;
}

.imagenet-header {
    display: grid;
}

.imagenet-header-container {
    display: flex;
    gap: 30px;
    padding-block: 5px;
    align-items: center;
    justify-content: space-between;
}
                
.imagenet-header-right {
    display: flex;
    gap: 15px;
}

.imagenet-header-user {
    text-align: right;
}

.imagenet-header-middle {
    text-align: center;
}

.all {
    --circle-size: 40px;
    --primary: #2663a0;
    --warning: #eeb93a;
    --danger: #ec0c0c;
}

.circle {
    position: relative;
    width: var(--circle-size);
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill-1 {
    max-width: var(--circle-size);
    max-height: var(--circle-size);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
}

.circle-wrap .inside-circle {
    z-index: 1;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: calc(var(--circle-size) - 5px);
    height: calc(var(--circle-size) - 5px);
    display: grid;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(241, 241, 241);
    text-align: center;
    color: currentColor;
    font-size: 1.1em;
}
.inside-circle span {
    font-size: .65em;
    line-height: 1em;
}

/* color animation */
.circle-wrap {
    display: grid;
    width: var(--circle-size);
    height: var(--circle-size);
    background: #d9d7da;
    border-radius: 50%;
}

.imagenet-storage  {
    display: inline-block;
}

.imagenet-storage .imagenet-storage-content {
    display: flex;
    gap: 15px;
    align-items: center;
}

.imagenet-storage-container {
    list-style: none;
    display: grid;
    font-size: .9em;
}

.imagenet-storage-graph  {
    padding: 5px;
}

/* RECUSADO PELO CLIENTE - 06/08/25 */
/* .fc-popover {
    top: 50% !important;
    left: 50% !important;
    width: 95% !important;
    max-height: 90%;
    transform: translate(-50%, -50%);
    display: grid;
    box-sizing: border-box;
}

.fc-popover > .ui-widget-header + .ui-widget-content {
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
}

.fc-more-popover .fc-event-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    box-sizing: border-box;
}

.fc-more-popover .fc-event-container > .fc-event {
    padding: 5px;
} */